.:: 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
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...
thanks mas infonya.....!!!!!!
BalasHapusMakasih juga kunjungan + komentarnya...!!
BalasHapusMantap Mas...
BalasHapusThx 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!
BalasHapusUntuk 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
BalasHapusSama-sama, blognya keren juga tuh articlenya menarik dibaca, baru tau juga aq klo script ini bisa dipki di wordpress. Sukses juga ych...
BalasHapusmaksih infonya mas. apa scriptnya ini bisa di ganti ukurannnya? thanks
BalasHapusUkuran 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.
BalasHapusudah saya pasang tapi masih terlalu tengah, biar agak kesamping, seperti blog ini gimana caranya?
BalasHapus@@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.
BalasHapusMas 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
BalasHapusLangkahnya 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 :)
BalasHapusthx infonya mas,di tunggu kunjungan baliknya.
BalasHapusSama-sama terima kasih kembali, saya sudah berkunjung kembali ke tiga blog mas paulus, sering-sering berkunjung kemari juga mas...
BalasHapusnice info gan :)
BalasHapussip, sangat membantu nih...
BalasHapusTapi kayaknya ga' bisa diterapkan diwebsite sperti Iklan Baris Gratis ya... scriptnya kan php, ga' tau klau kawand jago coding ;D
BalasHapusgood...good...bangetsss...
BalasHapusnanti kalo jalan - jalan mampir ke blog aku ya...
BalasHapusMonggo pak Arianto silahkan di pasang di blog herbalnya yang komplit itu pak, pasti menarik perhatian :)
BalasHapusSukses Herbalnya pak
MANTAF TUTOR NYA THANKS
BalasHapusThanks mantab juga blognya banyak tutorial menarik disana...
BalasHapuskalo ngisi image kan disuruh isi url kita,yang mana ya?...
BalasHapusKalau linknya itu setelah code script a href=.... sedangkan kalau gambarnya itu setelah code script img src=... silahkan dicoba :)
BalasHapusApa tidak bermasalah jika widget iklan layang ini dipasang?
BalasHapusbagaimana supaya floating bannernya berada di pojok kanan bawah?
BalasHapusMAU DAPET RAHASIA BISNIS AFFILIASI MARKETING? KLIK DISINI