Cara membuat label blog keren

00.32
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.

Artikel Terkait

Previous
Next Post »

16 komentar

Write komentar
Unknown
AUTHOR
11 Mei 2015 pukul 08.41 delete

Terimakasih agan informasinya :)
http://goo.gl/G23SVs

Reply
avatar
Danz
AUTHOR
29 Juni 2015 pukul 00.32 delete

izin nyoba gan kunjung balik y http://kidahikiblog.blogspot.com/

Reply
avatar
Ipank Ap
AUTHOR
3 Oktober 2015 pukul 02.44 delete

makasih gan, triknya saya pake

Reply
avatar
AFaiqK
AUTHOR
8 Februari 2016 pukul 08.31 delete

Wah Berguna banget nih kunjung balik gan
siapatauada.blogspot.com

Reply
avatar
Rayya
AUTHOR
27 Maret 2016 pukul 13.25 delete

Mantap Tutornya :D

Reply
avatar
Anonim
AUTHOR
23 April 2016 pukul 23.46 delete

makasih bos ilmunya.
kunjungi balik ya infolokerdunia.blogspot.com

Reply
avatar
Unknown
AUTHOR
26 April 2016 pukul 20.40 delete

makasih gan, mampir ke blog ane juga gan http://blackspot-duniamasamuda.blogspot.com/

Reply
avatar
Unknown
AUTHOR
1 Juni 2016 pukul 08.06 delete

Terimakasih Infonya

Reply
avatar
Unknown
AUTHOR
4 Juni 2016 pukul 21.10 delete

Makasih, sangant membantu

Reply
avatar
softwikia
AUTHOR
1 November 2016 pukul 00.23 delete

terimakasih gan sudah share cara membuat label yang bagus

Reply
avatar
Muhamad Hamdi
AUTHOR
21 November 2016 pukul 15.45 delete

mantap kang, izin nerapin kang,

Reply
avatar
Unknown
AUTHOR
29 Maret 2017 pukul 21.38 delete

kunbal guyy
blog game
http://filehitam.blogspot.com/

Reply
avatar
iqbal
AUTHOR
19 April 2017 pukul 23.20 delete

makasih mas infonya . mantap jiwa

Reply
avatar
22 April 2017 pukul 18.35 delete

gada contoh hasilnya ya mastah

Reply
avatar