Cara Membuat Kategori Atau Label Cloud Keren Di Blog

Cara Membuat Label Kategori Atau Label Cloud Keren Di Blog - Halo jumpa lagi dengan ShareKu, semoga gak bosan ya baca-baca disini. Dikesempatan kali ini saya akan membahas tentang  blogging lagi seputar membuat blog menjadi lebih keren yaitu cara menambah atau membuat label cloud atau kategori di blog dengan beberapa macam bentuk.

Fungsi label ini adalah seperti pintu masuk yang mengarah ke satu topik atau kategori.

Misalkan sobat melihat kotak atau tulisan label di suatu blog dan sobat klik misalkan "kesehatan", nah nanti akan terbuka halaman blog yang menampilkan artikel-artikel di blog tersebut yang memiliki kategori kesehatan.

Label ini sering dipandang sebelah mata bagi yang belum ngerti, padahal ini fungsinya sangat penting karena pengunjung yang suka dengan topik/tema tertentu bisa menggunakan label tersebut untuk mempermudah menemukan artikel-artikel yang temanya disukai oleh pengunjung tersebut.

Karena tidak semua pengunjung akan suka menjelajahi halaman blog satu persatu untuk menemukan artikel yang dia cari.

Cara membuat Label Cloud Yang Keren

Oke langsung saja ke inti utamanya yaitu gimana sih cara membuat label yang keren di blog. Langkah yang dilakukan adalah:
1. Login ke Blogger
2. Klik Theme/Template kemudian pilih Edit HTML
3. Cari kode ]></b:skin> dan letakkan kode berikut di atas kode ]></b:skin> tersebut

Style 1

.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{
background:#10a922;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase
} 
.label-size a,.label-size span{
display:inline-block;
color:#ffffff!important;
padding:6px 8px;
font-weight:bold
} 
.label-size:active{
background:#333333
} 
.label-count{
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff!important
} 
.label-size{
line-height:1.2
}

Style 2

.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{
border-radius:30px;
background:#10a922;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff!important;
padding:6px 8px;
font-weight:bold} 
.label-size:active{
border-radius:30px;
background:#333333
}
.label-count{
white-space:nowrap;
border-radius:30px;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff!important
} 
.label-size{
line-height:1.2
}

Style 3

.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{
background:#10a922;
border-radius:30px;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase
} 
.label-size a,.label-size span{
display:inline-block;
color:#ffffff!important;
padding:6px 8px;
font-weight:bold
} 
.label-size:active{
background:#000000
} 
.label-count{
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff!important
} 
.label-size{
line-height:1.2
}

4. Simpan

Diatas adalah langkah untuk mengubah tampilan labelnya, dan untuk memunculkan widget label cloudnya adalah:
1. Klik Layout/Tata Letak
2. Tambahkan widget dan pilih Labels

3. Setting seperti gambar dibawah ini dan klik Save

3. Simpan atau klik preview untuk melihat perubahan tampilannya

Nah sampai disini sobat sudah berhasil menambahkan widget dengan tampilan yang lebih keren. Sampai disini tips cara membuat label cloud keren di blog, semoga bermanfaat. Terima kasih.

Berbagi :