Mempercantik blog dengan modifikasi Cloud Widget

Mempercantik tampilan blog merupakan salah satu yang wajib dilakukan oleh para blogger, Kenapa? Karena dengan mempercantik display dari blog yang kita punya secara tidak lansung mampu memberikan daya tarik tersendiri bagi pengunjung blog Kita. Olehnya itu, Jika Anda menginginkan para pengunjung blog Anda betah dan menyukai blog Anda, Anda harus mempercantik tampilan blog Anda. Adapun salah satu jalan untuk mempercantik tampilan blog yaitu dengan memodifikasi model tampilan cloud blog Anda.

Berikut ini langkah-langkah memodifikasi tampilan cloud Blog Anda supaya lebih menarik menjadi lebih menarik:

Terlebih dahulu, Anda harus masuk ke halaman desain blog Anda

Kemudian masuk ke menu "Template"

Pada sub menu template itu, pilih "Edit Html"

Setelah halaman edit Html aktif, Silahkan cari kode "]]></b:skin"

Kemudian tepat di atas "]]></b:skin" tadi, letakkan kode yang ditampilkan pada kotak di bawah ini:

<!-- cloud label by Rumahdauzy.blogspot.com -->
#Label1 .cloud-label-widget-content span a {padding:4px 4px;color:#ffffff}
#Label1 .label-size {position:center;background:#fc9e4d;font-size:11px;border:2px solid #d26c21;}
#Label1 .label-size span {padding:4px 4px;color:#ffffff;border:1px solid #ffffff;}
#Label1 .label-size-1 a {font-size:12px;}
#Label1 .label-size-2 a {font-size:12px;}
#Label1 .label-size-3 a {font-size:12px;}
#Label1 .label-size-4 a {font-size:12px;}
#Label1 .label-size-5 a {font-size:12px;}
#Label1 .label-size-1:hover {background:#d26c21;
transform: scale(1.2) ;}
#Label1 .label-size-2:hover {background:#d26c21;
transform: scale(1.2) ;}
#Label1 .label-size-3:hover {background:#d26c21;
transform: scale(1.2) ;}
#Label1 .label-size-4:hover {background:#d26c21;
transform: scale(1.2) ;}
#Label1 .label-size-5:hover {background:#d26c21;
transform: scale(1.2) ;}
#Label1 .label-size span:hover {background:#d26c21;border:1px solid #c20500;color:#c20500;
transform: scale(1.2) ;}
#Label1 .label-size a:hover {color:#c20500;
}
#Label1 .label-size span a:hover {color:#c20500;
}
.feed-links{
display:none;
}

Simpan perubahan Html blog Anda tersebut dengan mengklik tombol "Simpan"

Periksalah perubahannya. Demikian tips dari Saya, silahkan coba modifikasi Label Cloud ini pada blog Anda guna meningkatkan tampilan pada blog Anda.

---

Silahkan baca juga artikel sejenisnya di bawah ini :

BLOGING