Wednesday 11 November 2015

Cara Membuat Warna Pada Label Blog

Hasil gambar untuk color label blog


   Masih ada yang kurang dengan penampilan blog yang kalian miliki? Mungkin kalian harus mencoba yang satu ini, memberikan sedikit warna pada bagian label blog kalian. Jadi jika ingin mencobanya silakan simak cara berikut ini :
  • Masuk ke Blogger.
  • Pilih Tata Letak > Tambahkan Gadget > Label.
  • Pada bagian Tampilkan pilih Cloud dan Simpan.
  • Sekarang kita pindah ke Template lalu Edit HTML.
  • Cari kode ]]></b:skin> ( agar mudah gunakan Ctrl+F )
  • Copy kode berikut dan paste kan tepat di atas kode ]]></b:skin>
#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:#007abe;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;}
#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:#f568dc;font-size:15px;}
#Label1 .label-size-5 a {background:#38a3ee;font-size:15px;}
#Label1 .cloud-label-widget-content span a:hover {background:#007abe;} 

* Kode biru adalah kode sebuah warna pada jenis label dan dapat kalian ganti disini.
* Kode hijau adalah kode yang akan muncul disaat cursor diarahkan pada label dan dapat kalian ganti disini.

  • Jika selesai silakan klik Simpan.
---Silakan Mencoba dan Semoga Berhasil---

Thanks to :

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t  

No comments:

Post a Comment

*Berilah Komentar/ Saran Yang Bersifat Membangun/ Memotivasi.
*Silakan Copas Dengan Syarat Cantumkan Sumber.