Powered by Blogger.

Saturday, 6 October 2012

Label :

Cara memperindah tampilan widget label di blog dengan box style

Tidak sedikit blog di Indonesia dan blog di negara-negara lain yang memasang widget label di blog mereka. Mereka memasang widget label di blog untuk mempermudah pengunjung di dalam mencari artikel atau posting yang masih memiliki topik atau bahasan yang sama.

Seperti yang sobat blogger ketahui, ada dua bentuk widget label yaitu widget label dengan tampilan List dan widget label dengan tampilan Cloud. Kedua tampilan label tersebut, memiliki bentuk yang indah. Walaupun widget label memiliki tampilan yang indah dan menarik, sekarang saya akan berbagi tutorial blogspot kepada sobat blogger tentang bagaimana cara memperindah tampilan label yang sudah indah menjadi lebih indah (Waduh... Jadi bingung ini, masak kita mau memperindah barang yang sudah indah menjadi lebih indah. Ngawur ini!!!).

Silahkan perhatikan gambar di bawah ini. Dari gambar ini, sobat blogger akan melihat beda tampilan widget label sebelum dan setelah di modifikasi.


labels,widget label,label gadget,blogger widget,blogger gadget

Bagaimana tampilan widget label tesebut setelah dibuatkan background menggunakan gambar? Keren kan? Nah... Untuk membuat widget label dengan tampilan kotak-kotak seperti itu, sobat blogger tidak perlu edit template atau mengobrak-abrik kode HTML template sobat. Mau tahu caranya? Ikuti saja tutorial blogspot di bawah ini!

Cara Membuat Brick Atau Box Style Pada Label Blog

Langkah Pertama
Pertama, sobat blogger mesti memasang widget label terlebih dahulu. Caranya?
  1. Sign In di blogger.com
  2. Pada Menu drop down, pilih layout dan klik Add a gadget
  3. Tarik Scrolling menu, sampai sobat blogger menemukan widget Labels.
  4. labels,widget label,label gadget,blogger widget,blogger gadget
  5. Kalau sobat blogger sudah menemukan widget label, langsung saja pasang widget tersebut.
  6. Setting Widget Label sobat sehingga tampak seperti gambar di bawah ini!
blogger label,blogspot label,blog label,label,cara buat label,cara mempercantik label,cara memperindah label,widget label,gadget label,widget blog,widget blogger,gadget blogger,widget,gadget
Langakah Kedua
  • Klik Template dan klik tombol costumize untuk mengunjungi laman Blogger Template Designer
  • Klik Advanced dan pilih Add CSS
  • labels,widget label,label gadget,blogger widget,blogger gadget
  • Copy Paste kode berikut pada kolom yang tersedia
#Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(http://1.bp.blogspot.com/-92oQITDzygo/T_xkKUPBJpI/AAAAAAAAAFI/iPzccepuhJw/s1600/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;}
#Label1 a:hover{
color:#666;
background:none #fff;
text-decoration:none;}
  • Klik Apply to blog.

Buka blog sobat untuk melihat hasilnya. Mudah-mudahan tips trik blogspot ini bermamfaat buat sobat blogger

About rijkiramdani id

Hi, My Name is Rijki Ramdani. I am a webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of professinal programmers, developers work together and make unique blogger templates.

1 komentar:

  1. nice gan :D jgn lupa visit back gan di http://serbaberita212.blogspot.com ... makasi :D

    ReplyDelete