Skip to main content

Cara Membuat Space Banner Iklan di Blog



Space Banner Iklan Blog
setelah pada sebelumnya pernah membahas mengenai cara membuat iklan seperti google adsense di blog dengan menggunakan CSS dan HTML, maka sekarang apabila ingin memasang iklan di blog yang disertai hover image dengan sedikit jQuery agar terlihat lebih menarik caranya cukup mudah bahkan simple. Cukup dengan memasukan kode yang terdapat di bawah lalu menaruh kode tersebut kedalam widget blog maka space banner pun siap terpajang di blog. Apabila ingin merubah default image ubah saja pada bagian URL gambar dengan gambar atau banner iklan yang akan dimasukan. Jika sudah terdapat space banner yang terdapat di sidebar blog atau bagian blog lainnya dan trafik blog sudah meningkat maka visitor jika ingin menempel iklannya ke dalam blog tersebut juga tidak sungkan. Untuk membuat ruang banner pada widget blog, berikut tutorial Cara Membuat Space Banner Iklan di Blog.

1. Login ke akun blogger.
2. Copy kode berikut ini.
<style type="text/css">
div#banner a { text-decoration:none; color:#fff; text-align:center;}
div#banner { width:260px; margin:0 auto; }
#banner .iklan { display:block; width:125px; height:125px; border:2px solid #52e052; float:left; position:relative; }
#banner .iklan img{ display:block; width:125px; height:125px;}
#banner .iklan .caption { position:absolute; top:90px; left:2px; padding:3px; font:bold 10px arial; width:115px; display:none; background:#000; }
.clear { clear:both; }
.effect { box-shadow: 0 0 10px #52e052; }
</style>
<script type="text/javascript" src="http://faceblog-evolutions.googlecode.com/files/jquery-spotlight.js"></script>
<script type="text/javascript"> $(document).ready(function () { $('#banner .iklan').each(function () { title = $(this).attr('title'); $(this).append('<span class="caption">' + title + '</span>'); $(this).attr('title',''); }); $('#banner .iklan').hover( function () { $(this).siblings().css({'opacity': '0.1'}); $(this).css({'opacity': '1.0'}).addClass('effect'); $(this).children('.caption').show(); }, function () { $(this).children('.caption').hide(); } ); $('#banner').mouseleave(function () { $(this).children().fadeTo('100', '1.0').removeClass('effect'); }); }); </script>

<div id="banner">
<a class="iklan" href="http://mas-andes.blogspot.com/2012/11/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmFfme4ZJiJgYPmmc-tj8M6ap4bw6zqomMrveIyQJ2nar2yzDOJYGdYEhi2L74H0Q9R40AANtjbADAVhiwA4-JC6EdfBfWxVTknLp1t2Ww8BXx_pf3RoA9Bc_wOmSinAUuQ1JEuQZXjM/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://mas-andes.blogspot.com/2012/11/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmFfme4ZJiJgYPmmc-tj8M6ap4bw6zqomMrveIyQJ2nar2yzDOJYGdYEhi2L74H0Q9R40AANtjbADAVhiwA4-JC6EdfBfWxVTknLp1t2Ww8BXx_pf3RoA9Bc_wOmSinAUuQ1JEuQZXjM/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://mas-andes.blogspot.com/2012/11/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmFfme4ZJiJgYPmmc-tj8M6ap4bw6zqomMrveIyQJ2nar2yzDOJYGdYEhi2L74H0Q9R40AANtjbADAVhiwA4-JC6EdfBfWxVTknLp1t2Ww8BXx_pf3RoA9Bc_wOmSinAUuQ1JEuQZXjM/s207-p-no/" alt="banner iklan"/></a>
<a class="iklan" href="http://mas-andes.blogspot.com/2012/11/contact-me.html" title="Pasang Iklan Disini Ukuran 125 x 125">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmFfme4ZJiJgYPmmc-tj8M6ap4bw6zqomMrveIyQJ2nar2yzDOJYGdYEhi2L74H0Q9R40AANtjbADAVhiwA4-JC6EdfBfWxVTknLp1t2Ww8BXx_pf3RoA9Bc_wOmSinAUuQ1JEuQZXjM/s207-p-no/" alt="banner iklan"/></a>
</div>
<div class="clear"></div>
Silahkan ubah banner yang ingin di pasang dengan mengganti URL gambar berwarna merahdengan ukuran 125 X 125.

3. Masuk menu Tata Letak > Tambah Widget > HTML/Javascript lalu paste kode tersebut kemudian klik Simpan.
4. Selesai dan space banner sudah terpasang kedalam blog.

Demikian tutorial Cara Membuat Space Banner Iklan di Blog dengan mudah dan sederhana.
Labels:

Comments

Post a Comment

Popular posts from this blog

MEMBUAT BLOG DI TERIMA ADSENSE

Membuat blog langsung di terima Google adsense atau sekali daftar langsung diterima oleh Google Adsense adalah idaman para blogger pemula. Karena Masa depan dari para publisher adalah mendapatkan bayaran dari iklan yang di tempatkan di Blog. Saya pun dulu seperti itu . Ada semangat ngeblog ketika blog yg kita miliki terpampang iklan iklan dari GA.  Walaupun ada banyak situs pengganti google adsense yg juga bayar mahal namun GA tetap menjadi pilihan paling utama .  Google adsense masih menjadi Favorit di urusan mendapatkan penghasilan dari internet Baca Juga ; Alasan Blog Di Tolak Google Adsense Untuk bekerja sama dengan Google adsense ada ketentuan ketentuan dasar yg harus Blogger mania ketahui kemudian terapkan. Walaupun ada banyak cara untuk mendapatkan adsense, Baik itu youtube atau ad mob tetapi disini kita bicara tentang Google adsense di Blog. Ketentuan inilah yg nantinya akan menjadi kebijakan yg dinilai oleh google apakah Blogger mania mengikuti atura...
Post a Comment
Read more

Cara Memperkecil / Mengurangi Pemakaian Memori RAM Mozilla FireFox Dengan Firemin

Cara Memperkecil Pemakain Memori RAM Mozilla FireFox Dengan Firemin Mozilla Firefox dikenal sebagai salah satu browser terpopuler di dunia. Banyak sekali pengguna FireFox yang menggunakan browser buatan Mozilla tersebut sebagai default Browser. Kelebihan dari browser FireFox ini memiliki banyak adds-on, cepat, dan juga memiliki banyak pilihan derivatif seperti CyberFox, Palemoon, Dan sebagainya. Namun, dibalik semua kelebihan tersebut, Firefox memiliki beberapa kelemahan. Salah satu kelemahan dan FireFox adalah penggunaan memori RAM yang cukup besar. Untuk pemakaian standar saja FireFox bisa tembus memakan RAM hingga mencapai kurang lebih 200 MB. Mozilla sendiri sudah berusaha meng- improve  browser miliknya, namun tetap saja masih terasa besar.  Tetapi sekarang kalian tidak perlu khawatir, karena sekarang sudah ada sebuah aplikasi portable yang dapat mengurangi / reducing  pemakain memori dari Mozilla Firefox. Aplikasi mini tersebut bernama Firemin.  Berikut adala...
Post a Comment
Read more

Merefresh RAM Dengan NOTEPAD

RAM (Random Access Memory)  adalah suatu komponen yang bertanggung jawah terhadap semua aktifitas sistem komputer. Semua proses yang berjalan pada sistem komputer akan tersimpan di dalam RAM, baik itu yg diperlukan ataupun tidak diperlukan oleh sistem komputer. Proses-proses yg tidak diperlukan oleh sistem inilah yg sering menyebabkan komputer berjalan lambat, error , ataupun nge hang. Maka dari itu, kita perlu untuk selalu rutin menyegarkan kembali kinerja RAM dengan cara merefreshnya. Mungkin kalian bingung bagaimana cara merefresnya ? Kalian jangan risau disini saya punya sedikit trik yang semoga dapat membantu anda. Berikut triknya.  Buka Notepad Copy-Paste script dibawah ini :  FreeMem=(1280000000) FreeMem=(2560000000) FreeMem=(5120000000) FreeMem=(10240000000) Kemudian Simpan dengan format File Name : RefreshRAM.vbs Save as type : All Files Klik Save Setelah di simpan lalu kita buka RefreshRAM.vbs setiap kalian ingin merefresh RAM pada komputer/Laptop kalian Semoga ...
Post a Comment
Read more