Kode Warna HTML 2012 Lengkap

Kode Warna HTML 2012 Lengkap - kode warna HTML edisi 2012 ini merupakan kode warna agar memberi kemudahan bagi teman-teman blogger dalam otak-atik warna HTML tanpa harus buka Photoshop, lebih lengkapnya emank di Photoshop, kode warna in hanya sebagian yang anggap banyak digunakan di blog baik di template, border, tulisan, dan lain-lain yang masih saudaraan sama blog.

Begitulah asyiknya ngeblog, ibarat sebuah buku yang bisa di bikin sesuka kita, coret sana coret sini, begitu juga dengan halaman blog kita bisa pasang ini pasang itu, copot in copot itu, atau rubah ini rubah itu, termasuk memasukkan kode warna HTML di blog, tapi hati2 otak-atik bole jangan sampe apa yang di kerjain malah merusak,

oky deh tanpa banyak basa-basi berikut kode warna html 2012 lengkap :

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

selamat berotak-atik dengan kode warna HTML 2012 di atas, semoga membantu dan bermanfaaat tentunya,,

Baca Selengkapnya

Membuat Efek Zoom Sederhana Pada Gambar

Bagaimana cara membuat suatu effect pada gambar atau image yang kita pasang, yaitu effect yang membuat besar image atau gambar ketika mouse diletakkan tepat di atasnya atau di sorot. Banyak sekali web yang telah menjelaskan cara menggunakan aplikasi effect seperti ini, biasanya web yang menampilkan galeri gambar. disini saya akan mencoba berbagi membuat efek zoom yang sangat sederhana mungkin tidak sebagus bila menggunakan script-script JQuery. Sebelum mencobanya saya sarankan untuk melihat demonya dulu.

Langsung aja ya...!!!

• Cari script ]]></b:skin> kemudian letakkan script di bawah ini tepat di atasnya.

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
font: arial black;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}

• Kemudian Simpan...!!!
• Setelah itu copy-paste script brikut, letakkan di mana saja sesuai keinginan anda.

<a class="thumbnail" href="#thumb"><img src="Url Gambar" width="100px" height="66px" border="0" /><span><img src="Url Gambar" /><br />keterangan Gambar</span></a>

Semoga Bermanfaat...!!!

Baca Selengkapnya

Menonaktifkan Klik Kanan Pada Blog

Klik kanan pada mouse pada browser merupakan cara terbaik yang dilakukan untuk melihat, mencopy, menyimpan file teks, image/gambar dan kode-kode tertentu pada suatu halaman website . Terlebih untuk webmaster yang senang mencari-cari bahan untuk membuat websitenya. copy paste, image dan teks lebih mudah dilakukan dengan klik kanan mouse pada halaman browser, dan simpan atau lihat. Tetapi beberapa orang mungkin menggunakannya dalam cara yang buruk atau tindakan ilegal bahkan tanpa ijin mempublikasikan ulang tanpa meninggalkan info sumber data.

Sebagai pemilik website/blog Anda mungkin tidak ingin ada beberapa konten web atau blog anda di copy tanpa ijin, karena itu anda bisa menggunakan opsi disable klik kanan atau menonaktifkan klik kanan pada blog anda untuk melindungi postingan Anda.

Untuk demonya silahkan dilihat pada link berikut :

Ikuti langkah-langkah dibawah, cara pembuatannya :

• Seperti biasa masuk dulu ke akun blogger
• Pilih Tata Letak
• Kemudian Elemen Laman
• Klik Tambah Gadget
• Pilih HTML/Javascript
• Copy kode dibawah ini lalu Paste di dalamnya HTML/Javascript.

<script language="JavaScript">
var message="Maaf Klik Kanan Di Sini Tidak Berfungsi...!!!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>

• Simpan
• Gampangkan...!!! hehee...

Semoga Bermanfaat...!!!

Baca Selengkapnya

Mengubah Warna Font pada Blog

Bagi teman-teman yang tidak puas dengan pengaturan default, Sebenarnya blogger juga menyediakan beberapa fasilitas ini. Salah satunya, agar tampilan tulisan pada posting terlihat lebih menarik, kita bisa merubah warnanya sesuka kita. Untuk kali ini teman-teman bisa mengubah warna font pada postingan dengan cara memasang widget tambahan. Dengan widget ini yang dapat mengubah warna font bukan hanya admin pengunjung pun bisa merubah warna sesuka mereka, demi kenyamanan dalam membaca artikel.

Seperti biasa sebelum teman-teman mencoba mending lihat dulu demonya dari pada menyesal kemudian,hehee

Gimana apa kah teman-teman tertarik ingin mencobanya, bila tertarik langsung di coba aja berikut langkah-langkah membuatnya :

• Masuk ke Edit HTML kemudian copas script di bawah ini di atas </head>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

• Setelah itu simpan template lanjutakan ke Elemen Laman.
• Tambahkan gadget HTML/JavaScript, copas script dibawah ini kedalamnya.

<!-- Code Begins -->
<!-- http://amcied-logica.blogspot.com -->
<style type="text/css">
#tuw-font-change-widget ul {width: auto; overflow: hidden;margin: 0 0 20px !important;padding: 0 !important;list-style; none !important;}
#tuw-font-change-widget ul li {width: 20px !important;height: 20px !important;overflow: hidden;margin: 0 10px 0 0 !important;padding: 2px !important;display: block !important;float: left !important;border: 1px solid #CCCCCC !important;}
#tuw-font-change-widget ul li a {width: 20px !important;height: 20px !important;display: block !important;line-height: 18px !important;text-align: center !important;color: #FFFFFF !important;font-size: 11px !important;font-family: Tahoma !important;text-decoration: none !important; outline: 0 !important;}

#fcw-black { background: #000000 !important; }
#fcw-white { background: #088A08 !important; }
#fcw-blue { background: #0066CC !important; }
#fcw-gray { background: #666666 !important; }
#fcw-red { background: #ed1c24 !important; }
#fcw-yellow { background: #ffff00 !important; }
#fcw-color a { text-indent: -999px !important; }
#fcw-size a { text-indent: 0 !important; background: #333333 !important; }
</style>

<script type="text/javascript">
$(document).ready(function(){
$(" #fcw-color #fcw-black ").click(function() {
$(" .post-body ").css({ color: "#000000" });
return false;
});
$(" #fcw-color #fcw-white ").click(function() {
$(" .post-body ").css({ color: "#088A08" });
return false;
});
$(" #fcw-color #fcw-blue ").click(function() {
$(" .post-body ").css({ color: "#0066CC" });
return false;
});
$(" #fcw-color #fcw-gray ").click(function() {
$(" .post-body ").css({ color: "#666666" });
return false;
});
$(" #fcw-color #fcw-red ").click(function() {
$(" .post-body ").css({ color: "#ed1c24" });
return false;
});
$(" #fcw-color #fcw-yellow ").click(function() {
$(" .post-body ").css({ color: "#ffff00" });
return false;
});
});
</script>

<div id="tuw-font-change-widget">
<div class="tuw-fcw">
<h2> Ganti warna tulisan </h2>
<ul id="fcw-color">
<li> <a id="fcw-black" href="#">black</a> </li>
<li> <a id="fcw-white" href="#">green</a> </li>
<li> <a id="fcw-blue" href="#">blue</a> </li>
<li> <a id="fcw-gray" href="#">gray</a> </li>
<li> <a id="fcw-red" href="#">red</a> </li>
<li> <a id="fcw-yellow" href="#">yellow</a> </li>
</ul>
</div>
</div>
<!-- Code ends -->

• Selesai deh, tinggal di lihat hasilnya.

Semoga Bermanfaat..!!! selamat berkreasi.. :)

Baca Selengkapnya