Boost Your Blog's Response Rate With "Stripe Ad"
Menayangkan iklan bergaya Stripe-Ad tentu lebih baik dari pada menayangkan iklan dalam bentuk Popup Ad (Pop-ups, pop-overs and pop-unders), Selain dapat menghindari Popup Blocker, memasang Stripe-Ad terasa sangat pas untuk menampilkan satu focus informasi yang dirasa penting (bisa berupa iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan).
Jika anda melihat contoh Stripe-Ad diatas pada blog ini, sekilas terlihat hampir serupa dengan standar Navigation Bar (Navbar) Blogger. Pengunjungpun dapat melihat langsung batang navigasi ini ketika pertama kali mereka mengunjungi halaman blog anda. Iklan ini akan tetap tampil walaupun pembaca melakukan Mouse Scroll pada halaman. Jika tertarik kemungkinan besar pembaca akan mengkliknya, jika dirasa mengganggu mereka dapat dengan mudah menutupnya dengan mengklik tombol X pada pojok kanan atas.
Stripe-Ad tentu saja bukan hal yang baru. Pengguna Wordpress biasanya menggunakan plugin Strip-Ad buatan MaxBlogPress cara installasinya pun terbilang mudah dan sudah ditulis dengan lengkap caranya, silahkan pelajari sendiri disitusnya ya :)
Cara Pasang Strip-Ad di Blogger:
1. Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama Stript-ad.js
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ?
document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] =
setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
2. Tuju kehalaman Edit HTML di blogger.
Copi-Paste kode CSS dibawah, letakan diatas kode ]]></b:skin>
#mta_bar { background: #FFFFE1; border-bottom: 1px
solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0;
width: 100%; overflow: auto; position: fixed; }
* html #mta_bar{ /*IE6 hack*/
position: absolute; width: expression(document.compatMode=="CSS1Compat"?
document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size:
13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right;
text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0;
width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration:
none;}
#left_bar a { text-decoration: none; color: #0000FF; }
#left_bar a:hover { text-decoration: underline; color: #0000FF; }
3. Masukan kode pemanggilan JS dibawah, letakan diatas kode </head>, jangan lupa sesuaikan dengan alamat lokasi URL dimana anda meyimpan file JS-nya.
<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>
4. Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi anda sendiri.
<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://feeds.feedburner.com/ooms-logs'
target='_blank'>Kurang lebih 3200 pembaca Rss Feed
sudah bergabung, Sudahkah anda?</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return
true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;'
src='http://http://www.alamatserveranda.com/close.gif'
style='cursor:hand;cursor:pointer;'/></span></div>
5. Simpan hasil kerja anda :)
Selamat Mencoba..happy blogging with o-om.com
144 komentar:
pertamaxxxx...!!! ini yang saya cari neh,, Om begadang ya?? :D
keduaxxxx,,, salam kenal O-om he,,he,, maturnuwun infonya...
hehehe.. keren om.. ada tombol close-nya..
kalo ada yang gak betah bisa langsung ditutup :))
wao kerennnnnnnnnnnnnnn cobaah...makasih om agus
Info yang maknyusss. Makasih Om. :)
sip, tp yang kemaren kq diilangi om, yg gaya menggulungnya?? apa ada masalah? jadi berat gitu?
ckckckckck, pinter bgt...
om,...om...kok bisa sech om ini,.....
puinter tenan...
Success om.
alamat server tu apa ya oom, aq ga ngerti tuh, apa alamat blog kita.., :-)
ke sembilan pas nih jadi walisongo ....
gile benner nih si om ... makin dibagi ilmunya makin nambah ...
akhirnya di blogger bisa juga masang stripe-ad. Thanks Om :)
wah tambah maknyus aja neh hehe,, saya bookmarks dolo ah hehe,, nanti di praktekkan OM
mantep bgt om!! langsung di coba:D
Asik Nih Nambah Ilmu Lagi, O_OM Emang Yahood Berarti Sekarang O-OM gak MALES lagi yah... mulai ngeblog lagi :D
wah wah keren om.. ini dia yg kucari selama ini,,
Sibs teruskan untuk berkarya om semoga ngga bosen2 untuk melakukan percobaan
@All; thanks untuk semua masukan komentarnya :)
blogku kayaknya udah berat nih om jadi belum berani pake :D
Luar biasa si o-om, kaga ada mati² nye.. salut om, jempol 4 deh buat om Agus Ramdhani.
Buat temen2 yang sering berkunjung kemari, jangan lupa juga dong klik iklannya, itung2 ucapan makasih kita buat blogmaster kita yang satu ini.
Thanks For all om, Maju terus blogger indonesia. :D
Salam kenal Om.
Waduh keren deh kayaknya. Sayang saya udah dibanned sama blogspot, jadi ya pake plugin aja. Terima kasih om infonya
keren tuh stripe ad nya om.numpang ijin save dulu yap :D
mantaff2.. :D
wah bener2 keren om, Wah jadi ketinggalan lagi nih keknya aku!!! hee..he..
thx buat informasinya bos
www.jutawan-uangpanas.blogspot.com
mantap om.. :X jatuh cinta nih saya sama Stripe-Ad...
mantepp... sik2 kapan2 diunduh om.... nunggu panen...
O-M Kalau Yang Tulisan [o-om.com.com] pada Langkah no 4 Ngaruh Gak OM soalnya > [.com] nya ada 2
oom selalu terdepan
@Dunia Blogger : ada dua gimana ya maksudnya, perasaan .com cuma satu aja..
wow, uapik om... tapi belom pingin nyoba sih...
soalnya kurang simpel.. hehehe...
Semakin terdepan ....
Inovasi Tiada Henti ....
:D :D
Semakin terdepan ....
Inovasi Tiada Henti ....
:D :D
Semakin terdepan ....
Inovasi Tiada Henti ....
:D :D
kayaknya menarik nih...coba ahh...ngomong2 memberatin loading pagenya segimana om?
Blog yang bagus buat saya yang masih terus belajar. Terimakasih atas bagi-bagi ilmunya, semoga bermanfaat bagi banyak orang.
Salam buat Anda
ijin ngantongin dulu om. Soale lum punya bahan tuk nerapin trik ini.
ooo... itu yah oom yang bsa.. buat peringatan... di web kan...??
waw ci oom emang allways the bast lah
gak rugi lah member feednya ci oom mah
salut oom
good luck to everyblogger
Om, kamu kalo BW kemana aja sih? Sampe bisa dapet tutorial sing huebat-huebat kaya gini! Hancrit..... sakti tuenan! Aku ga percaya kalo blogger bisa dimodif hingga sedemikian rupa..... Setahuku cuman WP yang bisa di'kerenin' kaya tadi..... Suakti bener.....
Wis, ga isa ngomong maneh aku... kehabisan kata-kata....
mau nyoba juga ah om.. tambah bikin berat ndak
Tambahan ilmu lagi neh, Om...
Maksih ya...
Oya, Om. Kamis moga2 aja saya jadi ke sana
wah...jadi nafsu pengen cepet dapat iklan banyak nih....thanks master... Great Post
wah...jadi nafsu pengen cepet dapat iklan banyak nih....thanks master... Great Post ;) :x
ijin coba o-om ;) salam kenal =))
Om, maap neh. diluar konteks
Bisa bantu nggak, caranya mbales komentar langsung di bawah comment yang bersangkutan
thanks ..langsung di coba nih... :x
trik mantap om.. dan juga engga ngberatin blog lagi :D
Another great tutorial by Oom. Bravo!!!
dengan begini pengguna Blogger juga tak akan kalah lagi dengan WP yg dibilang platform blog terbaik. Setuju????
Waduh mo komen ternyata dah bnyak bgt yg comment..... emailnya mesti selalu datang terlambat.... :((
Untuk postingannya no comment dehhh... just "thx for all"... coz dah nyak yg ngasih comment
langsung ke TKP pak... :D
waduuuh sulit ya pertamaXXX di sini daha pasa antriii ya
Lagi2 oom membuatku jatuh cinta.... wkwkwk
Bagus banget scriptnya. :D mau tanya, tombol "close" nya saya punya tidak berfungsi kenapa ya ?.
Langsung praktek ach... ;;)
mas.. sy kepingin mo lihat dibwah, ngak di ats.. terus, mo ubah code yg mna ya?
keren mas....
eh maksudnya om... :p
pengguna wordpress yg cupu neh,jadi saya baru tau euy ... :)
makasih kang :)
siip bos.... tapi mau tanya, bikin file js nya pake aplikasi apa ya...
http://in-rich.blogspot.com
salut dah buat oom...., mantab bener tutorialnyta....
oom...apa see maksudnya bX-v49cve,....terus aneh musti apaan biar beres. soalnya ganggu banget waktu mo bikin tambahan menu lain
q coba ya om....!!
http://chbego.blogspot.com
q coba ya om....!! :D
http://chbego.blogspot.com
Indosat blog contest ikutan yuk !!!
Ooom ada sesuatu nih buat om.
Cek blog thom buat ngecek apa itu :)
wah keren bget ni om..ntar deh q pasti pasang...
wah... makasih nih... bisa dicoba mas.. maklum.. mo mbangun dari nol.. soalnya puluhan bangunannnku musnah... income ilang... hiks..hiks... :((
Trims infonya.
Bagaimana kalau untuk blog wordpress berbayar (wordpress.org)?
Nice tutor guys..
sip. OK banget om
Makasih om Agus tutorialnya.
Mantap abis nih Stripe-Ad nya
gak bisa buat blogspot ya om??
wow super keren stripe ad na.. o-om memang selalu fresh soal utak atik template... :D
Wahh bagus, mantep.. Hmm coba2 ah.. thx for sharing.
wow... sgt membantu.. mantap nih postingan yg ini.. thanks,,
=======
Nih O-m Kodenya: pda langkah no 4 yah... :D
onmouseover='self.status='o-om.com.com';return true;
=======
Mungkin Om Salah ketik kayaknya.... Tapi Mestinya Satu Aja :D mungkin lagi ngantuk yah... ngerjainny sih malem terus =)) =))
thank's om..... saya juga pake tapi tampil di bawah... ( tinggal ganti top jadi bottom ) hehehe ..... thank's banget's tutor's nya's Om's......
makasih om..lagi di cobain ne om..thanks
Kebetulan banget nich...saya pake template O-om
mau coba ach
Om, ko strip adnya ga bisa diclose sih?
mmm... masih bingung neh om,
Om, saya pemula nih,tolong dong dijawab niy,
gimana sih caranya menampilkan default front page di blogger ?.semisal saat situs dibuka,yang tampil pertama selalu posting yang dimaksud ?
please..thanks banget ya..
Salam kenal Om Agoez....saya sedang belajar Nge-blog neh, pas nemuin o-om.com jadi semangat Nge-blog-nya
klo nempatinya dibawah, scripnya jadi gimana yah?
Belum begitu mengerti "Om" fungsi dan manfaatnya.......maklum blogger baru belajar
Saya udah pasang Strip-ad tapi koq lain sama punya o-om ya?terus gimana cara pasang link di sebelah kiri itu [Omail login]soalnya dah kucoba tapi koq selalu muncul ditengah bukannya dikiri...
Saya udah pasang Strip-ad tapi koq lain sama punya o-om ya?terus gimana cara pasang link di sebelah kiri itu [Omail login]soalnya dah kucoba tapi koq selalu muncul ditengah bukannya dikiri...trims
om, saya dah bikin stripe-ad seperti yang om ajarkan, tapi hasilnya kok ga sempurna ya om,mohon pencerahannya. tolong di cek ya om, saya bikin di www*premiumebook.blogspot.com
Terimakasih
Hmm, msh kurang ngerti nih maksudnya upload dulu tuh apa ya? Bingungggggg.....
Hatur nuhun, strip-ads sangat manis sekali diletakkan di blog saya Om, ;;) jadi tak ada ruang yang kosong, PW sekali, :D
Ditunggu postingan selanjutnya, :X
Upload File javascript dibawah ke lokasi penyimpanan file anda, Simpan file dengan nama Stript-ad.js
om, lokasi penyimpanan file letak nya dimana? mf yh aku msh newbie :D
~x( KOK SCRIPT YANG INI G BISA DI PAKE DI BLOG SAYA OM..
;;) padahal dah menuruti perintah nya
bisa.. tapi status nya engga mantep, beda sama yang punya OM..
:D Kasih arahan nya om.. TKs
Omm..penyimpanan file itu maksudnyah gimana???
beri penjelasn donggg
di blogger emng bisa yimpen file yahh
udah aku coba kok kurng brasil y mas ???
pop up nya muncul tapi gak sbgaimn mestinya.
ak pake template dicas blogger yg biru. apa ada hubungannya y mas??? sama templatenya ???
GANTI WARNANYA GIMANA YA
bang oom saya ko gk ada gambar silang di pojok kanan ya buat close???saya gk bisa buat gmn nih??bisa bantu gk???
trus kode yg mesti diubah buat ganti background apa??
terima kasih
mantab oom!!!
oom boleh ngga aku COPAS postingannya!!!
oom..tips bloggernya makin mantap dan komplekx..bagaimana klo bikin ebook khusus tutorial mempercantik template blog, hack blog dan yang berhubungan mengubah template standar bawaan template blogger..
pasti banyak nyang donlot
Manabz om
Running well O-om di investasigo.blogspot.com .. tapi sayang closenya cross nya gak muncul yah ? Gimana buatnya O-om?? O-om .. numpang belajar jadi tentor yah :D. Untuk yang newbies seperti saya .. langsung aja pakai upload-an saya di link http://www.geocities.com/koch_mas/Stript-ad.js ... , kalau yang pengen buat sendiri. Copy code diatas ke editor seperti wordpad, save tipe rich text document .. kasih nama seperti instruksi komandan diatas Stript-ad.js, save .. abis itu langsung upload aja di hosting kamu, misal geocities.com atau apalah .. & upload .. jadi deh .. untuk link coba right click file upload an itu >> copy link .. pastekan di brower atau apalah .. itu link kita .. binggung??
Running well O-om di investasigo.blogspot.com .. tapi sayang closenya cross nya gak muncul yah ? Gimana buatnya O-om?? O-om .. numpang belajar jadi tentor yah :D. Untuk yang newbies seperti saya .. langsung aja pakai upload-an saya di link http://www.geocities.com/koch_mas/Stript-ad.js ... , kalau yang pengen buat sendiri. Copy code diatas ke editor seperti wordpad, save tipe rich text document .. kasih nama seperti instruksi komandan diatas Stript-ad.js, save .. abis itu langsung upload aja di hosting kamu, misal geocities.com atau apalah .. & upload .. jadi deh .. untuk link coba right click file upload an itu >> copy link .. pastekan di brower atau apalah .. itu link kita .. binggung??
@ Magician666 & KILL 24 MUSIC ganti aja #mta_bar { background: #FFFFE1 dengan kode warna yg diinginkan .. permisi jawab Oom .. sepertinya sedang sibuk :)
Revisi Oom .. tanda closenya sih muncul .. tapi gak bisa berfungsi closeTabs nya ... oh ya lapor komandan .. stripe Adsnya kalau ditest di IE6 belum running well .. langsung ikut hilang begitu page discroll down .. 8-}
makasih ya om tipsnya..
;) ;) ;) ;)
Hatur ThankQ'U
Melempar batu sembunyi tangan heheh :D .. gak lah oom .. anyway .. sudah ketemu salahnya ( aku maksudnya :D ) so closenya jadi gak fungsi...
http://www.geocities.com/koch_mas/Stript-ad.js diganti http://www.geocities.com/koch_mas/Stripe-Ad.js hehehe .. jadi malu .. kesalahan yang gak penting banget yah :D .. thanks oom ..
wah akhirnya nemu juga terima kasih banyak nih om ;)
mksh infonya om
info yang bagus oom......kayaknya bisadi pakai untuk memperbanyak klik iklan heheh
Om,,
bisa gk kita buat kata2nya secara acak ??
kalau bisa share yah ..
trims
ini dia tutorial yang ak cariii.. makasih,o-om..
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif
:|
:-O and ~X( tapi info nya t.o.p deh ;;)
makasih bos!
sukses-sukses....
Makasih artikelnya bagus banget. tapi saya pnya kendala?? punyak saya kq g muncul ya.. pertama dah tak coba berhasail.... tapi yaitu ga muncul...???
makasih sbelumnya
KEREN BANGET NIE TUTORIALNYA
Wuff,,,,setelah sekian lama ngotak-ngatik akhirnya tampil sempurna diblog ane yg laen.... thaks bgt ilmunya.......
Oh ya, share pengalaman nih.....kl kotak closenya blm muncul mungkin belum diupload. kl udah tapi blm muncul juga,,,,ini yg paling penting, save dan upload gambar kotaknya dalam format GIF. itu aja sih, moga bisa membantu.....buat tuan rumah, maaf bukannya sok jago :D
yes dapat ilmu lagi
;;) berhasil..berhasil...berhasil... :)
O-om is the best :-0
Thanks bgt OOOm.... langsung dipake nih...
thx banget om.. sayang saat aku coba gak bisa diclose.. kenapa ya om? thx u
sipp.....
Om, kalo free hosting u/ javascript, om pake di mana? javascripthost.com yang biasa pake sering down. Mohon infonya
maksih om infonyaa ;))
matep abis ;;)
Makasih ya OOM, tadinya saya pake kodenya oom tapi malah aneh, pake kodenya kang rohman, bagus tapi lokasinya di bawah. Akhirnya saya gabungin aja deh, sekarang jadi bagus banget, saya doain oom semakin pinter.
:-t sip om artikelnya n makasih bagi2 ilmunya http://wongtuban.co.cc / http://solichinronggolawe.blogspot.com
Boleh juga nih om buat dicoba..infonya bermanfaat bgt.
Jawab survey dapat dollar.. Ga percaya..? Langsung daftar aj di www.AWSurveys.com/HomeMain.cfm?RefID=duto
Baru jawab survei selamat datang udah dapat 6$, terus tiap survey dapat 1$-25$ lagi.. apa g asik tuhh..
Program ini bukan multilevel n no SCAM, just share your opinion.. Really really easy..
Selengkapnya di: www.masdoeto.blogspot.com, dapatkan juga info menarik lainnya..
tutorial yang bagus,..
bisa buat untuk nambahin cantik blogg...
gak user freindly tutorialnya tapi tenks
makasih atas infoya...
bisa buat tambah menarik blog..
om klo di web berbasis php gimana ya caranya
mhn di reply
Dicoba ya mas, namanya juga baru belajar buat blogg, masih buta sama sekali dan modalnya cuma nekat
tapi ko yg om gak bisa di close ikh :p, apa diilangin yaa rumus offnya :) ....maju terus blog eh ÖÖm mksdx :D
Bagus infonya om, tapi cara yang om ajarkan diatas mengharuskan kita menyimpan file javascript di hosting lain bukan di blogger..Ngehost javascript di tempat lain tentunya sangat beresiko loading lambat jika hosting yang kita pakai loadingnya lambat atau malah servernya down,kan bisa kacau balau blog kita.apalagi posisinya itu tepat diatas header dimana strip-ad tersebut pertama kali loading pada saat kita buka blog.Kalau proses loadingnya strip -ad lama atau bahkan gak kelar-kelar karena server hosting yang down tentu halaman posting blog kita akan lama banget dilihat pengunjung yang berakibat pengunjung dari blog kita akan malas mengunjungi blog kita kedepannya..Solusi yang terbaik adalah menghost javascript strip-ad tersebut langsung di blogger..Tutornya dapat dilihat di http://stopdreamingstartinaction.blogspot.com/2009/07/pasang-stripe-ad-seperti-navbar-blogger.html
Semoga bermanfaat buat rekan-rekan yang ingin masang...
om bisa dipasang di wordpress nda??
wah, bagus om...
ini berlaku untun website custom ga om? terima kasih sebelum dan sesudahnya
Keren Om Tutornya...........
Sukses Selalu Buat O-Om ;;)
tes
masih gak ngerti
http://us.i1.yimg.com/us.yimg.com/i/mesghttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif/emoticons7/20.gif
wah bagus ... cobe dech ;)
KOQ ANE NYOBA GA BISA DI CLOSE YA?
Poskan Komentar
Silahkan beri komentar dan jangan komentar bernada spam ya. thanks :)