Home » » Cara Membuat Kotak Banner 88x31 Di Samping Blog

Cara Membuat Kotak Banner 88x31 Di Samping Blog

Ditulis oleh Dicky Fajriansyah pada Senin, 15 Juli 2013 | 03.07

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 :

Screenshots

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......
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Kotak Banner 88x31 Di Samping Blog
Posted by:Dicky Fajriansyah
Published :2013-07-15T03:07:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Kotak Banner 88x31 Di Samping Blog

11 komentar:

  1. Balasan
    1. Iya sob, silahkan dengan senang hati... :)

      Hapus
  2. sangat bermanfaat tutornya thanks

    BalasHapus
  3. Lumayan nih kalo mau cari uang lewat blog hehehe

    BalasHapus
  4. coba prektekin akh....


    baca artikel ini y sob =>> http://akisada-ryo.blogspot.com/2013/08/cara-mengecilkan-alexa-ranking-di-blog.html

    itung-itung ngecilin alexa juga

    terima kasih

    BalasHapus
  5. wahhh bagus sob ane bangga sama kamu :v.izin coba ~ :v ~

    BalasHapus