.:: Cara Buat Iklan Banner Melayang ::.
Jumat, 12 November 2010
cara,
cara buat banner melayang,
iklan melayang 1x klik,
script,
script iklan melayang,
Tips Blogger,
Tips dan Trik,
Tutorial Blogger
Beberapa waktu yang lalu, rekan blogger MbahKuncen sempat bertanya "Cara Buat Iklan Banner Melayang" yang terbang-terbang disebelah kiri halaman article blog kita, nah untuk itu kali ini saya ingin berbagi Cara Buat Iklan Banner Melayang tersebut.
Sebelumnya saya ingin memberi pengertian kepada yang belum mengerti apa itu Banner, soalnya sering sekali ketika saya mendapatkan Prospek Bisnis Online di internet saya sering ditanya "terus setelah bergabung bagaimana cara untuk nyebarin link website reseller kita??"
Banner adalah logo/gambar iklan yang mengandung link URL kita, jika diklik akan menuju ke alamat Web/Blog kita. Iklan Banner bisa berupa gambar mati dengan format .jpg atau animasi dengan format .gif, contohnya seperti Iklan Banner Melayang di sebelah kiri Blog ini, nah disetiap Bisnis Online yang kita ikuti pasti memberikan kita design Banner untuk kita pasang diInternet, tapi bagaimana Cara Buat Iklan Banner Melayang dan memasangnya di blog kita, mari kita bahas dan kita belajar bersama, Okay...:
Sebelumnya saya ingin memberi pengertian kepada yang belum mengerti apa itu Banner, soalnya sering sekali ketika saya mendapatkan Prospek Bisnis Online di internet saya sering ditanya "terus setelah bergabung bagaimana cara untuk nyebarin link website reseller kita??"
Banner adalah logo/gambar iklan yang mengandung link URL kita, jika diklik akan menuju ke alamat Web/Blog kita. Iklan Banner bisa berupa gambar mati dengan format .jpg atau animasi dengan format .gif, contohnya seperti Iklan Banner Melayang di sebelah kiri Blog ini, nah disetiap Bisnis Online yang kita ikuti pasti memberikan kita design Banner untuk kita pasang diInternet, tapi bagaimana Cara Buat Iklan Banner Melayang dan memasangnya di blog kita, mari kita bahas dan kita belajar bersama, Okay...:
1. LogIn ke www.Blogger.com dengan ID anda
2. Klik tab "Design"
3. Klik "Add a Gadget"
4. Setelah muncul jendela baru pilih "HTML/JavaScript"
5. Setelah itu Paste-kan Kode Script dibawah ini:
- <style type="text/css"> #topbar{ position:absolute; border: 2px red; padding: 2px; background-color: transfarent; width: 150px; visibility: hidden; z-index: 100; } </style> <script type="text/javascript"> var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos="fromtop" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div class="clear"></div> <div id="topbar"> <a style="color: rgb(255, 0, 0); size="0,3"; font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>X</button></span></a><a style="font-weight: bold; color: black(51, 255, 51);"> <- CLOSE </a><p><a style="font-weight: bold; color: black(51, 255, 51); size="0,1"; title="cara mudah dapatkan uang dari internet">BISNIS DAHSYAT UNTUNG 100%</a></p><a href=http://infodahsyat.com/saputramz target=_blank><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZIRC2qKrNfgMkupZkOSpSi54Z6cBOsK4BXOpew_hgpSi5N07aivCcfvbzN8K9d_30Pl296RTmljNw98EpgUhEEVD8jM5eG3JiPtEFkRCv_T16GeWsPCHleCpVOD_LZcbhKhKYcNUMKRtx/s800/banner-promo-3.gif" width="100" height="100" border="0" /></a> <p>TOKO ONLINE BARU <a href="http://tokoonlinebaru.com/" onmouseover="window.location=this.href" target=_"blank"> <img src="https://lh3.googleusercontent.com/_PTEfWMjJaew/TVOsN2Z4C1I/AAAAAAAABKE/D9DsECdIVzA/Toko%20Online%20Baru%2C%20Jam%20Tangan%2C%20Tokyo%20Flash.gif" alt="toko online, online shop, jam tangan, tokyo flash" align="middle" height="65" width="110" style="border:none;"/></a></p></div>
CATATAN:
Script diatas mengandung 2 Iklan Banner antara lain Bisnis Online Untung 100%, dan Toko Online Baru jadi silahkan di edit pada bagian text dengan huruf TEBAL :
- Title & Alt: ganti dengan title atau keterangan- A href: ganti dengan link Web/Blog anda
- Img Src: ganti dengan url Picture/Banner anda berada
6. Setelah itu tekan "Save"
7. Lalu akses Blog Anda lagi atau refresh pasti sudah muncul Iklan Banner Melayang-nya
Ok, Selamat mencoba, Salam Sukses...
26 Responses to ".:: Cara Buat Iklan Banner Melayang ::."
thanks mas infonya.....!!!!!!
Makasih juga kunjungan + komentarnya...!!
Mantap Mas...
Thx atas info dan backlinknya...
Tau gak, gimana edit kode HTML nya agar munculnya di sebelah kanan?
Biar bagus di layout blog saya nya?
Terimakasih sebelumnya. Sudah sukses tuch di blog saya...
Makasih juga komentnya!
Untuk jadi'in rata kanan:
1.Copy scriptnya ke Notepad,
2.Klik Ctrl+F,
3.Isikan Left untuk mencari, setelah ketemu
4.Ganti semua Left dengan Right
Klo ga' salah ada 3 atau 4 kata, setelah diganti Right, Copy paste ke blog mas Andri!
thx mas. keren abiz..saya udh coba nich. keep up to date y mas
Sama-sama, blognya keren juga tuh articlenya menarik dibaca, baru tau juga aq klo script ini bisa dipki di wordpress. Sukses juga ych...
maksih infonya mas. apa scriptnya ini bisa di ganti ukurannnya? thanks
Ukuran gambar banner bisa koq diganti, cari ajah tulisan "Width" dan "High"-nya banner anda, ubah dengan angka 100 s/d 250 ato kadang bisa lebih.
udah saya pasang tapi masih terlalu tengah, biar agak kesamping, seperti blog ini gimana caranya?
@@n: Kayaknya templatenya udah banyak dimodifikasi ya gan, kalo ga' salah itu karena lebar body templatenya ga' full gan, di cari-cari di daerah body ya, dalam edit html-nya. trus coba deh diterapin juga di template lain pasti rata kiri.
Mas ni sya mo tnya,gmna sih caranya pasang iklan banner melayang yg bergerak naik turun seperti pada sebelah kiri halaman web anda ? mhon pencerahanya,mksh
Langkahnya cukup mudah gan tinggal buat menu gadget baru dengan klik "Add a Gadget" stelah itu paste kode script diatas, lalu save udah sederhana koq, kalau script diatas rusak silahkan di beritahukan alamat email nanti saya kirim scriptnya ke email mas hafidz :)
thx infonya mas,di tunggu kunjungan baliknya.
Sama-sama terima kasih kembali, saya sudah berkunjung kembali ke tiga blog mas paulus, sering-sering berkunjung kemari juga mas...
nice info gan :)
sip, sangat membantu nih...
Tapi kayaknya ga' bisa diterapkan diwebsite sperti Iklan Baris Gratis ya... scriptnya kan php, ga' tau klau kawand jago coding ;D
good...good...bangetsss...
nanti kalo jalan - jalan mampir ke blog aku ya...
Monggo pak Arianto silahkan di pasang di blog herbalnya yang komplit itu pak, pasti menarik perhatian :)
Sukses Herbalnya pak
MANTAF TUTOR NYA THANKS
Thanks mantab juga blognya banyak tutorial menarik disana...
kalo ngisi image kan disuruh isi url kita,yang mana ya?...
Kalau linknya itu setelah code script a href=.... sedangkan kalau gambarnya itu setelah code script img src=... silahkan dicoba :)
Apa tidak bermasalah jika widget iklan layang ini dipasang?
bagaimana supaya floating bannernya berada di pojok kanan bawah?
MAU DAPET RAHASIA BISNIS AFFILIASI MARKETING? KLIK DISINI
Posting Komentar