BERBAGI ILMU YANG BERMANFAAT

Saturday, January 2, 2016

Cara Membuat Tulisan Label Cloud Warna Warni


Cara Membuat Tulisan Label Cloud Warna Warni- Label merupakan gadget yang sangat penting dalam sebuah blog, ada dua jenis dalam penampilan label, yang pertama yaitu dalam bentuk Datar dan yang kedua dalam bentuk Cloud. fungsi label untuk mengkategorikan postingan dalam blog anda.

Pada kesempatan kali ini kita akan membahas tentang Cara Membuat Tulisan Label Cloud Menjadi Warna Warni, sebagai contoh seperti pada gambar dibawah. seperti kita ketahui bahwasanya warna pada tulisan label pada default blog adalah hitam, dan untuk merubah warna tersebut agar menjadi warna warni harus menambahkan beberapa scrip pada template anda.

 

Baik tanpa berbicara panjang lebar langsung saja masuk ke pokok pembahasan kita tentang Cara Membuat Tulisan Label Cloud Warna Warni. silahkan ikuti langkah-langkah berikut ini.

Cara Membuat Tulisan Label Cloud Warna Warni

1. Login ke Blogger anda terlebih dahulu.
2. Masuk ke pengaturan Tata Letak.
3. Pilih Edit Template.
4. Silahkan anda cari kode ]]></b:skin> Gunakan CTRL+F untuk mempercepat pencarian
5. Kemudian letakan kode css dibawah ini tepat di atas kode ]]></b:skin>

Copy Script Dibawah ini :

#Label1 .cloud-label-widget-content {text-align:left;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:#F0F8FF;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#F82525;font-size:14px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:10px;}
#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:#6128FC;font-size:10px;}
#Label1 .label-size-5 a {background:#F82525;font-size:13px;}
#Label1 .cloud-label-widget-content span a:hover {background:#93081B;}

Semoga Bermanfaat Saudara Dengan Apa yang disajikan Di atas..

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

Related : Cara Membuat Tulisan Label Cloud Warna Warni

1 komentar:

Silahkan berikan Komentar terbaik mu, boleh cantumkan link blog anda asalkan sesuai dengan topik materi