Home » Blogger Hack » Edit Label Blogger Dengan Efek Shadow

Edit Label Blogger Dengan Efek Shadow

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Edit Label Blogger Dengan Efek Shadow. Dengan artikel Edit Label Blogger Dengan Efek Shadow ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Edit Label Blogger Dengan Efek Shadow kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Edit Label Blogger Dengan Efek Shadow selengkapnya:

D-Copy Blog | Bagaimana mengedit widget standar label? Label default atau widget Tag menunjukkan kategori di blog Anda. Hal ini dapat diedit untuk membuat widget disesuaikan lebih indah. Warna dapat diubah dan disesuaikan dengan desain template Anda. Cukup dengan pengeditan sederhana.

CSS Label

Langkah :
  1. Buka akun Blogger Anda
  2. Masuk ke menu edt HTML, jangan lupa centang Expand Template Widget
  3. Cari kode dibawah ini :
]]</b:skin>
     4.  Pastekan kode dibawah ini, diatas pada kode diatas :

#categories ul{padding-left:0px;width:auto;}
#categories ul li {background: #EFEFEF;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #E5E5E5;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#categories ul li:hover {
background: #EFEFEF url(http://4.bp.blogspot.com/-_ILCiQWHnr4/Tuh_dHtruUI/AAAAAAAABUw/65ax9X56AxY/s1600/widget-list.png) no-repeat scroll 5px 10px;
border:1px solid #A5A5A5;
box-shadow: 7px 7px 5px #CECECE;
}
#categories ul li a {
text-decoration: none;
color: #7A7A7C; /*Set text Link Color*/
font-size: 1.1em;
padding: 0 5px;
}
#categories ul li a:hover {
color: #38383D;
font-size: 1.2em;
text-decoration:none;color:#000;
}


     5.  Sekarang, cari kode dibawah ini :
<div expr:class="&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;">
    6.  Ganti kode diatas dengan kode dibawah ini :
<div expr:class="&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;" id="categories">
   7.  Save Template Anda.

Terima kasih semoga bermanfaat.
Sumber artikel : http://www.bloggerhow.com/2012/03/edit-default-blogger-label-widget-and.html

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Edit Label Blogger Dengan Efek Shadow dengan keword yang masuk Blogger Hack . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Poskan Komentar