Posted by : Unknown
Thursday, October 10, 2013
Selamat ----, hari ini saya mau sharing widget yang lumayan banyak dicari sama teman blogger, penampakannya kayak gini
Udah tau, kalau gitu langsung aja stepnya
Step :
- Login Blogger (BLOGGER bukan TWITTER Ha . . Ha . . . )
- Klik Template > Edit HTML > centang "Expand Template Widget"
- Sebelum edit sebaiknya copy semua code di situ buat berjaga-jaga.
- Cari code ]]></b:skin> (gunakan ctrl+F untuk mempermudah)
-
Pastekan code ini tepat diatas code ]]></b:skin>
#SBanner{
background: #000;
box-shadow:0 00 0px rgba(0,0,0,0.0);
border:4px solid #9f1111;
border-radius:4px;
float: left;
margin-top: 108px;
margin-left: 248px;
width: 88px;
height: 496px;
display: inline;
padding: 2px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
- Cari code <div id='header'>.
- Pastekan code ini tepat di bawah code tadi
<b:section id='SBanner' maxwidgets='5' showaddelement='yes'></b:section>
- Simpan Template.
Keterangan :
- Text yang berwarna Merah : adalah code warna untuk background widget
- Text yang berwarna Orange : adalah code warna untuk bordernya (kalo ga tau border ya bisa dibilang garis pinggirannya ituloh)
- Text yang berwarna Kuning : adalah code untuk mengatur jarak widget dari kiri
- Text yang berwarna Hijau : adalah code untuk mengatur jarak widget dari atas
- Text yang berwarna Aqua : adalah code untuk mengatur lebar dan tinggi widget ( tu tergantung mau berapa banyak jumlah bannernya (31xjumlah bannernya = height) )
Inspirasi : S-Skyser
Backlink Please !
URL |
Code For Forum |
HTML Code |