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 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 :
- Login ke akun blogger sobat
- Masuk ke pengaturan Templete
- Kilk Edit Templete
- Cari kode ]]></b:skin> (gunakan Ctrl+F untuk mempercapet pencarian)
- 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;}
#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 :
- Masuk ke pengaturan Tata Letak
- Kemudian kilk Tambah Widget
- Pilih widget Label
-
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