Menunggu...

Cara Mengganti Penampilan Label Lebih Keren ( Bag.2 )

Banyak sekali cara mengganti penampilan label blog agar lebih keren, karena itu saya akan membagi beberapa bagian artikel yang akan saya bahas satu persatu.
Pada bagian pertama saya sudah menjelaskan tentang bagaimana cara membuat penampilan label lebih keren dengan salah satu efeknya yaitu efek goyang apabila mouse di arahkan ke salah satu label. Jika sobat belum membaca artikel penampilan label lebih keren ( bag.1 ) sobat bisa langsung Klik Disini.

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

http://adjieumbara.blogspot.com/2013/06/cara-mengganti-penampilan-label-lebih_21.html

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.
  • Kode warna bisa sobat Lihat Disini
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

http://adjieumbara.blogspot.com/2013/06/cara-mengganti-penampilan-label-lebih_21.html

        4.  Pilih pengaturan Dispaly Cloud lalu Save ( Simpan )

Semoga penjelasan tentang cara mengganti penampilan label lebih keren ( bag.2 ) di atas bisa di mengerti dan mudah difahami.
Sumber Kode : http://www.bloggerspice.com



Advertise Here
By adjieumbara.blogspot.com
300x250

Klik disini untuk berkomentar 2 komentar:

avatar

Menarik juga ini Sobat izin simak
dan belajar di blog dan artikel Mas Adjie ini,
sekalian izin pasang di blog saya, maaf yah
Mas kalau tutur sapa saya, kurang berkenan
maklum saya blogging pemula, terima kasih
atas ilmu dan berbaginya, salam sukses.. :-s (c) cheer

avatar

Wah.. sahabat Karrysta bisa saja nih :) blognya keren sob, terimakasih atas kunjunganya..

Berkomentarlah dengan bijak karena setiap perkataan yang kita ucapkan merupakan cermin pribadi seperti apa diri kita..

Terima kasih atas komentar Anda