cara membuat tulisan label berwarna

Cara Membuat Tulisan Label Cloud BERWARNA MENARIK

 Cara Membuat Tulisan Label Cloud BERWARNA MENARIK. 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 kesemapatn kali ini saya ingin berbagi pengetahuan saya bagaimana membuat label berwarna-warni dan menarik untuk dilihat.Bagi bloggeer pemula mungkin untuk label nya masih satu warna dan kurang menarik.Berikut ini copntoh label/menu diblog saya.

 

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>

#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;}

Catatan::

Tulisan yang berwarna merah adalah warna labelnya, silahkan ganti dengan warna keinginan anda, Sedangkan yang warna biru adalah warna ketika kursor di arahkan pada label tersebut, ganti dengan warna keinginan anda.Kemudian untuk mengganti ukuran tulisannya silahkan ganti font-size misalnya 17px
Untuk mengetahu kode warna HTML yang sesuai selera anda silhkan KLIK DI BAWAH IN
:http://wawasanpendidikandasar.blogspot.co.id/2015/12/kode-wrna-html-untuk-blog.html

sekian pembahasan kita tentang Cara Membuat Tulisan Label Cloud berwarna, Selamat mencoba dan semoga bermanfaat.

Jika berkenan mohon luangkan waktu anda sejenak untuk klik tombol suka dibawah. Terimakasih

Tweet

Subscribe to receive free email updates: