Tag Label Model Cloud Untuk Blogger

Widget label Cloud adalah salah satu widget yang banyak digunakan oleh blogger. Ini membantu untuk meningkatkan kualitas tampilan halaman. Menunjukkan tag ke blog Anda. Tags yang telah ditambahkan oleh Anda akan menunjukkan isi blog Anda. Jika hal itu menarik bagi pengunjung blog Anda, mereka mungkin surfing blog anda lagi dan lagi. Di sini saya telah menambahkan tag gaya label cloud widget untuk blog blogger. Ini akan mengesankan audiens anda dan itu akan membuat blog anda terlihat profesional & stylish. Anda dapat menyesuaikan warna label dan gaya dengan mengubah kode untuk template blog Anda. 

 

Panduan Instalasi

Masuk ke Blogger Dashboard -> Tata Letak ---> Tambah gadget ---> Label

Pilih opsi tampilan sebagai Cloud

Setelah menambahkan widget label cloud di blogger ikuti langkah-langkah berikut untuk menambahkan Css kode widget label cloud ke template blog Anda.

Tambahkan Kode CSS ke blog Template

Langkah 1: Pergi ke Dashboard Blogger di akun blogger Anda.
Langkah 2: Klik pada tombol Edit HTML untuk mengekstrak template blog Anda.
Langkah 3: Cari ]]></b:skin> dan paste css berikut diatasnya

.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #008900 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.label-size a:after{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.label-size a:hover{background:#555;}
.label-size a:hover:before{border-color:transparent #555;}

Catatan:
Ubah tampilan widget label cloud dengan menyesuaikan kode CSS dengan keinginan anda untuk pencocokan dengan template blog anda.

Langkah 5: Klik tombol Save Template.