Dunia Info dan Tips: Cara membuat label blog keren

Cara membuat label blog keren

screenshot dunia info dan tips label

Dunia info dan tips-cara membuat label keren.Posting ini saya khususkan bagi anda blogger pemula seperti saya yang sedang hobi utak atik template bawaan blogger.Widget label bawaan dari blogger tampilannya menurut saya kurang menarik.Setelah melihat-lihat template dari para master blogging yang tampilan templatenya sangat menarik membuat saya tertantang untuk mengutak atik template blog saya ini.Kali ini saya berbagi kepada anda blogger pemula seperti saya mengenai cara membuat label blog keren.Yang pastinya akan membuat tampilan blog anda lebih keren dan menarik.

Untuk cara membuat label blog keren,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.

Demikianlah sahabat blogger cara membuat label keren dari saya.Semoga dapat membantu anda dalam mendesain template blog anda.Terima kasih atas kunjungannya.