Widget Label Cloud Warna Hitam Untuk Blogger

Dalam tutorial kali ini Tempat Blogging akan menjelasakan bagaimana Modifikasi label Blogger, Widget ini berwarna hitam dan bagus untuk blogger, cara memasangnya juga sangat mudah.! saya akan sedikit menjelaskan tentang label.
Secara garis besar, label di blogger bisa disebut juga sebagai kategori. Dan saya yakin anda sudah pernah mengenal istilah kategori ini. Kategori merupakan suatu sistem yang bertujuan untuk mengelompokan sesuatu.
Dari pengertian kategori tersebut, bisa kita ambil secara garis besar bahwa label di blogger (yang tidak lain bisa disebut juga sebagai kategori) merupakan suatu fasilitas yang dimiliki oleh blogger.com untuk mengelompokan artikel (postingan) sehingga bisa lebih terorganisir. Dengan menggunakan label / kategori pada setiap tulisan yang kita buat, secara tidak langsung akan mempermudah kita dalam mengelola artikel di blog kita. Selain itu, dengan adanya label di blogger juga bisa mempermudah para pengunjung blog untuk membaca artikel / tulisan kita sesuai dengan kategori / label yang kita buat.
Langsung saja saya akan menjelasakan bagaimana memasang Widget Label Cloud Warna Hitam Untuk Blogger.

1. Pergi ke Blogger.com >> Situs Anda.
2. Klik Template >> Edit HTML.
3. Sekarang Anda baru masuk dalam Blogger HTML Editor tekan CTRL+F untuk mencari code ]]> </ b: skin>
4. Pastekan Kode dibawah ini di atas kode ]]> </ b: skin>

/*-----Custom Labels widget by Tempat Blogging----*/
#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;}

      5. Sekarang Anda Save Template.

Ok. itu saja yang bisa saya sampaikan, baca artikel yang lain ya,

Share this post