Cara membuat widget label cloud blue

Modifikasi label yang satu ini sangat mudah dilakukan bahkan untuk yang belum memahami html pun bisa untuk memasangnya hanya sedikit sentuhan tampilan label anda akan lebih menarik dan lebih elegan terparkir dihalaman anda. Pada postingan kali ini yang saya beri nama " The Blue Daimont Label " akan memberi nuansa tampilan label ramah pengunjung. Oke langsung saja menuju TKP, silahkan simak penjelasan dibawah ini,

Tutorial

Bila anda sudah memasang widget label pada halaman blog anda silahkan setting dulu widget anda menjadi tampilan " CLOUD ". jangan Tampilkan Jumlah entri per Label nya.

1. Login to blog
2. Pilih " Template " lalu klik " Edit HTML "
3. Cari kode ]]></b:skin>
4. Setelah dapat copy code dibawah ini lalu pastekan diatas code ]]></b:skin>
5. Setelah selesai save template anda, dan lihat hasilnya.

#Label1 a{
color:#FFFFFF;
padding:10px 15px;
line-height:35px;
margin:0 -2px;
border:1px solid #ddd;
border-radius:0px;
font-size:11px !important;
text-decoration:none;
text-transform: uppercase;
background-color: #0053CE;
font-weight: 900;
list-style-type: none;
}#Label1 a:hover{
color:#FFFF00;
text-decoration:none;
background-color: #000099;border-radius:15px;
}

Kesimpulan

Label adalah widget yang paling utama pada halaman situs apalagi halaman blog, menampilkn label yang menarik pada halaman blog akan menarik minat para pengunjung blog kita ingin melihatnya bahkan untuk menelusuri link yang terkandung dalam label tersebut, jadi hal ini merupakan langkah yang baik untuk kita memodifikasi tampilan pada halaman kita khususnya widget label pada halaman.

trik pendukung

• fungsi mode html pada menu entri baru blogspot
• fungsi compose pada menu entri baru blogspot
• cara membuat box keterangan code
• widget social media scale di blogspot
• fungsi style clear both
• Tutorial menampilkan post date diwaktu yang sama
• feed validator tool
• cara membuat Image pseudo style
• cara membuat Google Plus buttons style
• cara mebuat fasilitas chat di blog
• cara membuat Blockquote di blogspot

widget

• tutorial footer style ide blogspot v1
• widget social media blogspot
• widget social media
• cara membuat widget spoiler background style
• widget kategori floating
• cara membuat widget link di atas postingan blog
• cara membuat widget space iklan text
• cara membuat widget permalink with space iklan
• cara membuat halaman kontak di blog
• cara membuat subscribe with advertise
• cara membuat widget share image hover

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 3:22 PM