Membuat Cloud Label Warna Hitam Untuk Blogspot | Hai... Sob ? kali ini saya akan bagi tutorial tentang label, untuk mempercantik widget label yang biasanya tidak memukau dan biasa saja. untuk itu saya bagikan tutorial untuk mempercantik blog sobat.
Langsung saja kita membuatnya yang pastinya sangat mudah diterapin, tapi sobat bisa lihat dulu koleksi cloud label lainnya seperti di bawah ini, dan saja kita coba membuat seperti ini :
Artikel Tentang Cloud Label Lainnya :
Membuat Cloud Label Warna Hijau Untuk Blogger
Cloud Label Warna Ungu
Membuat Cloud Label Warna Hitam Untuk Bloggger
---------------------------------------------------------------------------------
- Masuk dan login ke Blogger.com
- Setelah itu, Klik Menu ''Template''
- Sekarang Cari kode ]]></b:skin Setelah ketemu, sekarang Taruhlah kode dibawah ini di Sebelum/Diatas kode tersebut
/*-----Custom Labels widget by www.bloggertrix.com----*/
#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;}
- Setelah Itu, Sekarang Simpan Template sobat
NOTE!! : Kode diatas akan berkerja kalau label pada widget anda dalam fungsi cloud, kalau belum cara seperti ini :
- Masuk ke ''Tata Letak''
- Klik ''Tambah Gadget''
- Pilih Menu ''LABEL''
- Setelah itu, pada pengaturan ''Tampilan'' pilih ''Cloud'' bukan ''Daftar''
- Setelah itu, klik simpan
- Dan lihat perubahannya di blog sobat
Gimana Mudah, bukan ? Semoga artikel ini bermanfaat bagi sobat semua, kalau sobat ada yang masih bingung tentang artikel silakan berkomentar di kolom komentar di bawah ini ! dan saya siap menjawab pertanya sobat semua...
Happy Blogging
