10 Maret 2012

Pasang Stripe Ads di Blogger

Selamat malam para blogger maniac, malam ini saya kembali lagi dengan tutorial mengenai cara memasang stripe ads di blogspot.

Pada awalnya stripe ads ini hanya ada pada plug ins di wordpress, namun seiring perkembangan waktu, widget semacam ini pun bisa kita pasang pada platform blogspot.

Stripe-Ad dapat anda combine dengan memasang sebuah iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan anda.

Untuk contoh stripe ads silahkan kunjungi blog di sini, yang anda lihat sebuah postingan "TRENDING NOW!!" berada di sisi paling atas, di atas Header, itu adalah salah satu bentuk dari contoh stripe ads.


contoh Stripe Ads




Langsung saja kita ke step by step instalasi dari stripe ads di blogspot.

1. Login di blogger dan langsung saja ke halaman EDIT HTML, cari kode ini ]]></b:skin>
dan taruh kode di bawah ini di atas kode tersebut.
#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; }


2. Masukan kode pemanggilan JS dibawah ini dan letakan diatas kode </head>


3. Letakkan kode di bawah ini di atas kode <body>



Silahkan anda ganti tulisan yang saya highlight merah (mekzwashere.blogspot.com) dengan link blog anda dan tulisan yang sesuai dengan keinginan anda.



*sebagai catatan
untuk tutorial ini anda menggunakan file .js (javascript) dari saya.

*file nya yaitu:
http://mekz.googlecode.com/files/stripads.js
http://mekz.googlecode.com/files/close.png

*source: http://code.google.com/p/mekz/



Silahkan anda coba tutorial di atas dan semoga bermanfaat. terimakasih untuk code.google.com atas file hosting nya. Wassalam.


 

sumber: google.com blogger.com

→ Komentar yang menyertakan link aktif, iklan atau titip link akan dimasukan ke folder SPAM
→ Gunakan kode ini utk Emoticon (tanpa ♦)
:) ♦ :( ♦ ;) ♦ :p ♦ =( ♦ ^_^ ♦ :D ♦ =D ♦ |o| ♦ @@ ♦ :-bd ♦ :-d ♦ :ngakak: ♦ :lol: ♦ :love: