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.

Iam blogger

Artikel Terkait

Previous
Next Post »

17 komentar

Write komentar
Irma Yunia
AUTHOR
11 May 2015 at 08:41 delete

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

Reply
avatar
Danz Kidahiki
AUTHOR
29 June 2015 at 00:32 delete

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

Reply
avatar
3 October 2015 at 02:44 delete

makasih gan, triknya saya pake

Reply
avatar
alif faiq
AUTHOR
8 February 2016 at 08:31 delete

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

Reply
avatar
Wezi R.
AUTHOR
10 April 2016 at 10:44 delete

Terima kasih atas infonya min. jangan lupa berkunjung min http://tipuntuksehat.blogspot.co.id/

Reply
avatar
23 April 2016 at 23:46 delete

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

Reply
avatar
26 April 2016 at 20:40 delete

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

Reply
avatar
Aknan Wae
AUTHOR
1 June 2016 at 08:06 delete

Terimakasih Infonya

Reply
avatar
Info Tips
AUTHOR
4 June 2016 at 21:10 delete

Makasih, sangant membantu

Reply
avatar
softwikia
AUTHOR
1 November 2016 at 00:23 delete

terimakasih gan sudah share cara membuat label yang bagus

Reply
avatar
Muhamad Hamdi
AUTHOR
21 November 2016 at 15:45 delete

mantap kang, izin nerapin kang,

Reply
avatar
Gamestore
AUTHOR
29 March 2017 at 21:38 delete

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

Reply
avatar
iqbal
AUTHOR
19 April 2017 at 23:20 delete

makasih mas infonya . mantap jiwa

Reply
avatar
22 April 2017 at 18:35 delete

gada contoh hasilnya ya mastah

Reply
avatar