Belajar Ngeblog

Selamat Datang di APRIZAL. ini membahas seputar Blogspot, SEO dan juga berbagi. Semoga apa saya tulis bermanfaat buat sahabat.

perumnas tekojo blok E27

Rabu, 06 November 2013

Cara Mengganti Penampilan Label Lebih Keren



Banyak sekali cara mengganti penampilan label blog agar lebih keren, karena itu saya akan membagi beberapa bagian artikel yang akan saya bahas satu persatu.
bagaimana cara membuat penampilan label lebih keren dengan salah satu efeknya yaitu seperti gambar di bawah ini.

Pada bagian ini saya akan menawarkan penampilan label dengan background berwarna-warni sesuai keinginan, berikut hasil label yang saya maksud :
                                       



Bagaimana, keren kan?? Jika sobat ingin memasang penampilan label seperti di atas sobat bisa mengikuti beberapa langkah berikut :
  1. Login ke akun blogger sobat
  2. Masuk ke pengaturan Templete
  3. Kilk Edit Templete
  4. Cari kode ]]></b:skin> (gunakan Ctrl+F untuk mempercapet pencarian)
  5. Copy kode di bawah dan letakkan tepat di atas kode ]]></b:skin> tadi :
#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;}

      6.  Simpan Template dan lihat hasilnya

Catatan :
  • Kode yang di beri warna merah merupakan kode warna label 1, label 2, label 3 dan seterusnya, sobat bisa mengganti dengan warna yang sobat kehendaki.
  • Kode yang di beri warna hijau merupakan ukuran label, silahkan sobat sesuaikan.
  • Kode yang di beri warna biru merupakan warna teks pada label
  • Kode yang di beri warna orange merupakan warna label yang di kunjungi, silahkan sobat ganti sesuai selera.
Cara di atas belum seslesai, untuk bisa mengganti atau merubah penampilan label seperti di atas sobat harus melanjutkan langkah-langkah sederhana di bawah ini :
  1. Masuk ke pengaturan Tata Letak
  2. Kemudian kilk Tambah Widget
  3. Pilih widget Label                                                                                                                                                                                                                                                                                                                       
  4. 4.  Pilih pengaturan Dispaly Cloud lalu Save ( Simpan )

    Semoga penjelasan tentang cara mengganti penampilan label lebih keren,  di atas bisa di mengerti dan mudah difahami.

                                                      

Tidak ada komentar:

Posting Komentar