Cara Mudah Membuat Label Keren Warna-Warni

Label atau kategori merupakan salah satu hal yang cukup penting bagi sebuah blog. Widget label bawaan dari blogger sendiri 'CS rasa terlihat kurang menarik, jadi pada kesempatan ini 'CS mau memberikan trik bagaimana agar label blog terlihat lebih keren. Tanpa bahas sana bahas sini lagi, kita langsung meluncur ke cara mudah membuat label keren warna warni.

Baca juga cara mudah membuat link warna-warni

1. Pertama login ke Blogger

2. Pilih Tata Letak ► Tambah Gadget ► Label

3. Pilih Cloud, lalu klik simpan

4.Tahap selanjutnya pilih Template

5. Kemudian pilih Edit HTML

6. cari kode ]]></b:skin> atau </style>

7. Letakkan kode dibawah ini diatas kode ]]></b:skin> atau </style>

/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
              font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size{
      display:block;float:left;
background:#9cc6ee;
margin:0 3px 3px 0;
color:#eee;

                font-size:11px;

                text-transform:uppercase;

                font-weight:bold;

}

.label-size a,.label-size span{

                display:inline-block;

                color:#eee;

                padding:2px 3px;

}

.label-size:hover{

                background:#000000

}

.label-count {

                white-space:nowrap;

                padding-right:3px;

                margin-left:-3px;

}

.label-size {

                line-height:1.2

}

/* popular post */

.PopularPosts .item-thumbnail{

                margin:0 6px 6px 0;

                display:inline;

                padding:6px;

                border:1px solid #e5e5e5;

}

.PopularPosts .item-thumbnail a img{

                height:40px;

                width:40px;

                display:block;

                margin:0;

                padding:0;

}

.PopularPosts .widget-content ul li{

                padding:6px 0px !important;

                border-bottom:1px dotted #e2e2e2;

}

.PopularPosts .item-title{

                font-weight:bold;

}

.PopularPosts .item-snippet {

                font-size:10px;

                color:#666;

}

.profile-img {

                display:inline;

                opaciry:10;

                margin:0 6px 3px 0;

}

Baca juga cara mudah membuat popular post warna-warni

8. Simpan, lihat hasilnya

Demikian cara mudah membuat label keren warna-warni, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Membuat Label Keren Warna-Warni. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="http://copasange.blogspot.com/2016/04/cara-mudah-membuat-label-keren-warna.html" target="_blank">Cara Mudah Membuat Label Keren Warna-Warni</a>

:: Salam Blogger ! ::