Kumpulan Tutorial, Tips dan Trik

Ini Dia Cara Membuat Label Blog Menjadi Keren

Ini Dia Cara Membuat Label Blog Menjadi Keren- Jika ada yang bertanya apakah label blog ini penting? Jawabannya adalah ya penting ya tidak tapi dibuat saja tidak ada salahnya untuk memudahkan pengunjung blog kita dalam mencari artikel terkait yang ada di dalam blog kita. Memudahkan dalam navigasi penjelasan mudahnya.

Dalam membuat label banyak sekali cara-cara dan tampilannya. Disini saya akan share cara membuat label menjadi keren dan berwarna dengan cara menambahkan kode css. Dibawah ini saya tampilkan screenshoot label keren dan berwarna yang sudah jadi


cara membuat label keren di blog, cara membuat label di blog, cara membuat label, membuat label blog menjadi keren, label keren

cara membuat label keren di blog, cara membuat label di blog, cara membuat label, membuat label blog menjadi keren, label keren


Bagaimana tampilan diatas? Jika sobat tertarik, ikutilah langkah-langkah berikut ini sampai selesai

Cara Membuat Label Blog Menjadi Keren:

  1. Log In ke Blogger
  2. Pilih Template >> Edit HTML
  3. Silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL+F supaya lebih cepat)
  4. Kemudian copy kode berikut ini, lalu letakkan diatas 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;}
  5. Kode yang berwarna merah diatas adalah kode untuk warna label, kode warna biru adalah kode untuk ukuran tulisan pada label
  6. Kemudian Save

Kemudian sekarang kita membuat labelnya aktif dengan cara:
  1. Masuk ke Menu Layout atau Tata Letak
  2. Silahkan sobat pilih labelnya mau ditaruh dimana
  3. Pilih Add Gadget
  4. Kemudian akan muncul pilihan banyak, silahkan pilih Label
  5. Jika sudah, atur labelnya dari yang semula List, ganti menjadi Cloud
  6. Save

Mudah bukan? Semoga membantu mempercantik tampilan blog sobat

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Ini Dia Cara Membuat Label Blog Menjadi Keren

3 comments: