Cara ModifikasI Tampilan Label Widget Blog Keren

Cara Merubah Tampilan Widget Label Blog Keren. Sobat blogger merubah tampilan widget label pada blog ini mempunyai kelebihan dalam tampilan, jika sebelumnya anda mempunyai tampilan yang terkesan biasa-biasa saja, namun di tutorial kali ini saya akan memberi tutorial cara merubah atau memodifikasi tampilan background widget label menjadi lebih keren dalam mode cloud, trimakasih sebelumnya kepada mas adhy kompiajaib.com, karena tutorial ini saya ambil dari situsnya beliau. :)

Cara ModifikasI Tampilan Label Blog Keren

Tampilan gambar di atas adalah contoh tampilan modifikasi yang akan kita buat, sebenarnya sangat mudah sekali untuk cara membuatnya dan di jamin anda juga pasti bisa,silahkan ikuti tutorialnya.

Cara Merubah Tampilan Label Blog Keren

1. Pertama adalah atur terlebih dahulu tampilan label blog anda dalam mode cloud atau centang dalam mode cloud lalu klik simpan

Lihat contoh gambar di bawah : 

Cara ModifikasI Tampilan Label Widget Blog Keren

2. Sekarang pilih menu Template > Klik edit Html  
3. Lalu letakan kode css di bawah ini tepat di atas kode ]]></b:skin> atau </style> 

#Label1 .widget-content{padding-top:10px;padding-bottom:2px;padding-right:10px;}
.label-size{margin:0;padding:0;position:relative}
.label-size a,.label-size span{text-decoration:none;float:left;height:18px;line-height:18px;position:relative;margin-bottom:9px;margin-left:10px;padding:6px 10px 8px;box-shadow:inset 0 1px 0 0 #c9c9c9;background:linear-gradient(to bottom,#778085 5%,#27323d 100%);background-color:#778085;border-radius:3px;border:1px solid #142133;color:#000;font:bold 12px verdana;text-align:center;text-shadow:0px 1px 0px #999}
.label-size a:hover,.label-size span:hover{background:linear-gradient(to bottom,#27323d 5%,#778085 100%);background-color:#27323d;}

4. Klik save template.

Sekarang lihat hasilnya, nah cukup mudah sekali bokan sobat blogger, saya rasa cukup dulu untuk tutorial cara merubah tampilan widget label pada blog anda supaya menjadi lebih keren, untuk lebih dan kurangnya saya mohon maaf, semoga sukses.

17 Responses to "Cara ModifikasI Tampilan Label Widget Blog Keren"

  1. Udah saya di terapkan di blog saya Tutorial yang bermanfaat hanya warnanya saya ganti hehe :D
    cek gan blog saya http://qavavsec.blogspot.co.id/
    Terimakasih~

    BalasHapus
  2. Masih sedikit pusing gan

    BalasHapus
  3. makasi cek di blog saya https://prwahyukurniawan.blogspot.co.id/

    BalasHapus
  4. makasi infonya gan
    http://grosirklg.com/
    http://www.fatmafarma.com

    BalasHapus
  5. min tepatnya taruh diatas kode ]]> bukan dibawahnya

    BalasHapus
  6. terimakasih... tipnya.. langsung saya coba.
    http://desainmodelfurniture.blogspot.com
    http://anantamakmurfurniture.com

    BalasHapus
  7. makasih gan infonya, salam hangat pecinta blogger

    BalasHapus
  8. kalau misalnya widget labelnya dua, apakah sama hasilnya gan. makasih

    BalasHapus
  9. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  10. mksih infonya gan...artikelnya sangat membantu...

    Mister Galau

    BalasHapus
  11. makasih infonya mas, salam kenal petanimasuksurga.com

    BalasHapus
  12. Komentar ini telah dihapus oleh pengarang.

    BalasHapus