Membuat Iklan Melayang dan Menyisipkan Berbagai Iklan pada Blog Anda

Anda dapat memasang atau menyisipkan iklan ke blog dengan cara sangat mudah. Ada beberapa trik yang dapat dilakukan untuk menyisipkan ke dalam blog agar lebih efektif dan menarik bagi pengunjung.

Cara membuat iklan melayang

     Salah satu pembuatan iklan yang strategis adalah membuat iklan melayang pada blog milik anda, walaupun anda pemula sekalipun anda dapat dengan mudah memasang iklan kedalam halam blogspot yang anda gunakan. Untuk dapat membuat iklan melayang pada tampilan halaman template blogspot, berikut ini langkah-langkahnya:

1. Masukkan ke dalam tab menu Desing kemudian klik pilihan Edit HTML.

2. Setelah itu anda akan masuk ke dalam halaman untuk Edit HTML pada blog. Pastikan dahulu untuk membacup template sebelum anda melakukan editing. Tujuannya jika ada kesalahan anda dapat menggunakan backup tersebut untuk kembali ke tampilan awal.

3. Setelah klik download full template, akan muncul jendela untuk save template. klik OK untuk menyimpannya. setelah selesai, anda dapat menyimpan template milik anda.

4. Sekarang anda dapat menambahkan script widget yang berguna untuk membuat iklan melayang. Masuklah kedalam page element, kemudian anda dapat mengklik add a gadget pada tempat yang kira-kira sesuai. Pada beberapa template blogspot, disarankan anda memasang script iklan gadget pada sidebar kiri maupun gadget diatas postingan, agar tampilannya sempurna.

5. Silakan anda copy atau tulis script kode HTML dibawah ini, yang nantinya digunakan untuk membuat iklan melayang. atau dapat mengunduh langsung file txt script tersebut pada alamat http://bit.ly/skrip-melayang.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb(position:relative;}

.gbcontent{
float:middle;
border:2px solid #000000;
background:#FFFFFF;
padding:10px;
padding-top:05px;
}
</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB (0, 50-w) : moveGB(40-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx =Math.abs(x0-xf) > 10 ? 5: 1;
var dir = xf>x0 ? 1: -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcountent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
<img
src="http;//i254.photobucket.com/album/hh13/aris_image/clos
earistablog.png" title="klik lagi untuk keluar"
alt="[X]
CLose" />
</img
src="http;></a>
</div>

<center>

<a href="https://chitika.com/publishers.php?refid=alanovis" style="text-decoration: none;"><img src="http://scripts.chitika.net/eminimalls/logos/125x125.png" border="0" alt="Get Chitika Premium" title="Get Chitika Premium" /></a>

</center>
</div>
</div>

6. Pada kode java script tersebut. Anda dapat memasukkan script dengan mengganti yang dicetak warna ungu "masukkan kode iklan teks apa saja atau gambar milik anda" dengan script iklan milik anda, misalnya kumpul blogger, adsense, clickbank atau lainnya.

7. Setelah memasukkan script iklan seperti di atas, lalu kembali ke dalam pengaturan Page Elements. Klik Add a Gadget pada sidebar kiri atau atas postingan.

8. Setelah selesai klik Add a Gadget, pilih HTML/JavaScript sehingga akan muncul configurasi HTML/Java Script yang dapat Anda gunakan memasukkan kode tadi.

9. Setelah itu copykan script yang telah Anda modifikasi tadi ke dalam kotal configurasi HTML/JavaScript. Setelah memasukkan script, klik Save untuk melanjutkan ke langkah berikutnya.

10. Langkah selanjutnya, klik Save pada configure. Anda dapat menyimpan hasil perubahan dengan cara mengklik pada tombol save di halaman page elements.

Setelah mengklik Save, anda dapat melihat hasil pada halaman Blogspot milik anda. Kini ketika ada yang membuka halaman blog anda, maka akan langsung disambut oleh banner iklan yang anda sisipkan tadi. Iklan tersebut tidaklah mengganggu karena sudah tersedia tombol close (X), dan jika diklik tombol tersebut sebanyak dua kali, maka iklan akan hilang.

"Selamat Mencoba"

==========================================

Gratis Download

1. e-Book Bagaimana mewujudkan apapun yang anda inginkan dalam hidup?:download disini
2. e-Book Webmaster Pro FrontPage XP2 :download disini
3. e-Book Webmaster Pro FrontPage XP1 :download disini
4. e-Book Professional webdesign :download disini
5. e-Book Strategi promosi dengan URL Redirect:download disini
6. e-Book Raih penghasilan dollar dari rumah anda :download disini
7. e-Book Bagaimana menghasilkan uang dengan menonton tv dan mendengarkan radio :download disini
8. e-Book Tutotial membuat game dengan pascal :download disini
9. e-Book Tutorial optimasi flash pada website :download disini
10. e-Book Tutorial cloning SIM-GSM :download disini
11. e-Book Tutorial baca E-mail pake Hp :download disini
12. e-Book Tips dan trk ekstrim melamar pekerjaan :download disini
13. e-Book Tips dan trik windows :download disini
14. e-Book Tips dan trik registry windows :download disini
15. e-Book Website tips dan tactics :download disini
16. e-Book Tips berinternet murah menggunakan GPRS:download disini
17. e-Book Tip dan trik SMS murah :download disini
18. e-Book Tentang cinta :download disini
19. e-Book Telepon dan SMS gratis :download disini
20. e-Book Rahasia mendapatkan software apapun secara gratis :download disini 

<!-- here is the div for the Banner Rotator -->
<div id="banner_rotator"><script type="text/javascript">
DYN_WEB.Banner_Rotator.getRandom( DYN_WEB.Banner_Rotator.banner1 );
</script></div>

// need global for random selection of first item as page loads
DYN_WEB.Banner_Rotator.banner1 = {
    id: 'banner_rotator', // id of element that displays rotating content
    bPause: true, // pause/resume onmouseover/out
    bRand: true, // random rotation
    // banner content goes here
    content: ['<a href="/code/slider/">JavaScript Slider Control</a>',
        '<a href="/code/basics/random_image/">Display Random Image</a>',
        // more content items ...
    ]
};

DYN_WEB.Event.domReady( function() {
    new DYN_WEB.Banner_Rotator( DYN_WEB.Banner_Rotator.banner1 );
});