Cari Artikel

Selamat datang! di blog The Kampoeng Blogger , silahkan tinggalkan pesan di kolom komentar bila terdapat kode yang error.

April 02, 2013

Memodifikasi Bentuk Label Widget Menjadi Metrostyle


Label atau biasa dalam bahasa Indonesia disebut dengan kategori, merupakan widget yang mengumpulkan artikel dalam kategori-kategori tertentu. Label ini biasanya dipasang sebagai widget pada sidebar atau footer di blog. Selain itu, label juga biasanya terlihat pada bagian atas atau akhir dari sebuah artikel.

Biasanya, kita mendapati Label pada sidebar dalam bentuk daftar list yang terlihat sedikit monoton dan tidak memiliki style. Anda mungkin pernah berpikir untuk memodifikasi bentuk Label agar bisa terlihat lebih eye catching sehingga anda atau pengunjung senang dan nyaman berlama-lama di blog anda.

Nah, sebagai awal tulisan saya (karena lama banget saya gak update artikel di sini) saya akan berbagi tips atau cara dengan anda mengenai bagaimana memodifikasi bentuk label menjadi metrostyle.

label widget

Memodifikasi Bentuk Label Widget Menjadi Metrostyle

Step 1

Masuk ke halaman dashboard > Template > HTML > Expand widget tempate

Step 2

Letakkan kode berikut tepat di atas kode ]]></b:skin>
/*--- thekampoengblogger.blogspot.com Labels --- */
.Label a{
padding-left:10px;
background:#0090D5;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#ffffff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
}
Catatan!
Untuk mengganti warna label anda dapat mengganti kode warna #0090D5 dengan kode warna yang anda inginkan. (Untuk mencari kode warna, anda dapat melihat kode warna kami disini)

Step 3

Klik Save Template

Step 4

Masuk ke halaman Layout, klik edit pada widget Kategori/Label.

Step 5

Ikuti beberapa instruksi berikut
Title = Kategori
Show = All Labels
Sorting = Alphabetically
Display = Cloud
Hilangkan tanda centang Show number of posts per label.

Step 6

Klik Save
  

Written by: Rysmah Zainal Arifin
The Kampoeng Blogger, Updated at: 8:54 AM

1 comments :

habib alam said...

thanks sudah dicoba, bagus gan ... kunjungi blog saya http://sumatracyber.blogspot.com/

Tinggalkan Komentar Anda di Sini:

Komentar yang mengganggu, berbau SARA, porno, mengandung iklan dan mencantumkan link aktif akan segera kami hapus.
Terimakasih atas perhatiannya.