Friday, September 2, 2016

Cara Lengkap Membuat Label Blog Unik dan Amazing

Untuk cara membuat label blog ,silahkan di simak dan praktekan langsung ke template blog anda.Adapun langkah-langkahnya sebagai berikut:
1.login ke dashboard blogger anda.
2.masuk ke menu tata letak.
3.tambahkan widget label.

4.pada bagian pengaturannya pilih cloud.

5.setelah selesai menambahkan widget label selanjutnya masuklah ke menu Template.

6.sebelum melakukan pengeditan sebaiknya back up terlebih dahulu template anda untuk menghindari hal-hal yang tidak di inginkan apabila terjadi kesalahan.
7.selanjutnya masuk ke Edit HTML.
8.carilah kode ]]></b:skin> atau </style> .
9.untuk mempermudah dalam proses pencarian gunakanlah Ctrl + F.
10.Apabila anda telah menemukan kode  ]]></b:skin> ,
11.silahkan masukan kode css dibawah ini tepat diatas kode ]]></b:skin>
/* label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#2ea9da; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }
12.setelah selesai memasukan kodenya sebaiknya anda klik pratinjau terlebih dahulu untuk memastikan apakah hasilnya sesuai dengan keinginan anda.
13.selesai silahkan klik save/simpan setelan dan lihat hasilnya.




No comments:

Post a Comment