Modifikasi Label cloud menjadi Full color
jika sebelumnya saya share mengenai cara membuat label animasi flash, kali ini saya share lagi tetapi dalam bentuk atau style yang berbeda?? tampilannya lebih simple dan dinamis, jika label animasi flash yang saya bagi sebelumnya label tag cloudnya hanya satu warna kali ini saya variasi menjadi berwarna warni,sehingga warna tag labelnya berbeda-beda.
Berikut kode CSS yang di pakai
/**Fullcolor Label By http://fendevils.blogspot.com**/
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:13px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:14px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:16px;}
#Label1 .label-size-5 a {background:#66CC00;font-size:18px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}
Tutorial
- Login Ke blog anda kemudian dari menu dashboard pilih Template /rancangan
- cari kode ]]></b:skin> Gunakan Ctrl+F pencarian cepat,kemudian Copy dan letakan kode CSS tersebut di atasnya
- Klik save dan lihat hasilnya
Wach keren sekali labelnya gan, o ya gan saya mau tanya nih saya juga memakai template yang sama dengan yang sobat pakai, tapi anehnya jika dihalaman posting widget alexa tidak muncul, saat saya pasang widget dmca watermaker malah dihome cuma nongol 1 post aja yang 8 gak muncul, pernah saya coba pasang tab view sama persis dengan yang agan pasang disidebar dari blog mdf, tapi tidak bekerja, apa ada yang salah dengan template ini, mohon bantuannya gan agar template saya bisa sempurna seperti punya agan,
ReplyDeleteblog saya :
http://rachmadshare.blogspot.com
terimakasih.
saya lihat tampilannya udah bener tuh cuman tab view nya aja gak ebarnya biar pas ganada ...untuk mengatur tab view atur juga lebar sidebarnya biar sesuai gan :) lihat kode .sidebar cari menggunakan Ctrl+F
DeleteOK, gan makasih ntar coba pasang lagi, tinggal 1 lagi gan, masalah alexa yang masih error gak bisa muncul di halaman posting, meski saya udah upload ulang template permasalahannya sama. Klo agan punya template johny ajaib yang masih murni boleh minta gak gan? sepertinya yang ada di maskolis sudah mengalami perombakan. Terimakasih sebelumnya.
Deleteterimakasih banyakj gan, maksud saya bukan dihalaman posting tetapi tetap di sidebar atau footer seperti punya agan, hanya saja tiap di single post/halaman artikel tu widget gak nongol, setelah saya amati pengguna template johny ajaib yang lain juga sama, cuma punya agan saja yang ajaib bisa nongol.. :))
ReplyDeleteiya ya ,setelah saya cek memang gak muncul..coba download dan pakai template yang saya upload di 4shared itu bro
Delete