Cara Membuat Kotak Banner 88x31 Di Samping Blog

Kali ini Dicky's akan menshare Tips Blog yang berjudul Cara Membuat Kotak Banner 88x31 Di Samping Blog | Tadi ada yang Request, bunyinya gini :

Dan sekarang Dicky's mensharenya, biasanya banner ukuran 88x31 yang terletak disamping blog ini dimanfaatkan para Blogger sebagai Banner Exchange dan Banner Iklan., tapi lebih banyak yang difungsikan untuk banner exchange. Kotak Banner ini keren sob, karena sobat bisa memperbanyak lagi dan lagi daftar bannernya, dengan Efek Hover yang pasti Keren DECH !! dan bisa sobat modifikasi sendiri sesuai selera sobat. Oke, langsung saja ini Tips-nya.

Berikut Cara Membuat Kotak Banner 88x31 Di Samping Blog :

• Login ke Blogger, atau klik disini
• Pilih Template --> Edit HTML --> Proses (loading dulu)
• Cari kode ]]></b:skin>, lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

#bannerfb-4rt{border:5px solid #000;opacity: 1;margin-left: -130px;z-index:999;margin-top:200px;background-size:100px;position: absolute;border-radius:0px 0px 0px 0px;width: 88px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;text-align: center;font-size: 0px;background:#fff;}#bannerfb-4rt img{opacity:.3;width:88px;height:31px;margin-bottom:0px-webkit-transition:All;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}#bannerfb-4rt img:hover{opacity:1.0;-webkit-transition:All .9128s ease;-moz-transition:All .9128s ease;-o-transition:All .9128s ease;}

Keterangan :
- Kode yang berwarna BIRU yaitu jarak dari kiri ke kanan bisa sobat ganti sesuai selera
- Kode yang berwarna MERAH yaitu jarak dari atas ke bawah, bisa sobat ganti sesuai selera

• Belum selesai sampai disini sob, selanjutnya, cari kode <div id='content-wrapper'>Atau <div id='content'> karena setiap blog berbeda-beda HTMLnya
• Lalu letakkan kode dibawah ini tepat diatas kode <div id='content-wrapper'> Atau<div id='content'>

<div id='bannerfb-4rt'>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
<a href='URL BLOG SOBAT' target='_blank' title='KETERANGAN'><img border='0' src='URL GAMBAR SOBAT'/></a>
</div>

Keterangan :
- Kode yang berwarna MERAH yaitu URL/Link Tujuan, bisa sobat ganti
- Kode yang berwarna HIJAU yaitu Keterangan Banner, bisa sobat ganti
- Kode yang berwarna BIRU yaitu URL Gambar, bisa sobat ganti

• Simpan Template

Semoga Tips Blog yang berjudul Cara Membuat Kotak Banner 88x31 Di Samping Blog bisa bermanfaat.......

dan selamat mencoba......