Merancang Blog Tutorial SEO dan Tips Trik: Strip Ad Iklan yang menempel di header blogspot

Kali ini saya akan memposting cara memasang strip ad seperti pada blog saya ini. atau dengan kata lain pasang tulisan menempel di atas blog. Bagi yang belum tahu strip ad yaitu seperti pada screenshot di bawah ini :

Gimana Sudah Tau Kan Sekarang ...? Strip Ad juga Cocok Untuk Mengiklankan sesuatu.... dan mungkin bila orang tertarik akan mengkliknya . Ingat pasang iklan di sini saja yah.. murah kok. hehehe,..... Ok deh langsung aja keta ke Caranya :

Login Ke Blogger.... dengan Akun anda
Masuk ke Tata Letak
Pilih Menu Edit HTML
Copykan Script berikut ini, di atas ]]></b:skin>

<br /> /*-- (mta bar) --*/<br /> #mta_bar{background:<span style="color: red;">#58ACFA</span>; border-bottom:2px solid #111; z-index:100; top:0; left:0; width:100%; overflow:auto; position:fixed; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:4px;<br /> <div style="color: lime;">z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}</div>* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}<br /> <br /> #mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:<span style="color: red;">#FF0080</span>; width:65%}<br /> <br /> #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:<span style="color: red;">#FF0080</span>; width:20%}<br /> <br /> #mta_bar .right{font-family:verdana,Arial,Helvetica,sans-serif; float:right; text-align:center; font-weight:normal; font-size:10px; letter-spacing:0; width:30px; white-space:nowrap}<br /> <br /> #mta_bar .right a{font-size:10px; color:<span style="color: red;">#FF0080</span>; text-decoration:underline}<br /> <br /> #mta_bar .right a:hover{font-size:10px; color:<span style="color: red;">#FF0080</span>; text-decoration:none}<br /> <br /> #left_bar a{background:url('<span style="color: #8e7cc3;">http://www.peoplestring.com/images/favicon.ico</span>') no-repeat; text-decoration:none; color:<span style="color: red;">#FF0080</span>; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}<br /> <br /> #left_bar a:hover{text-decoration:underline; color:#FF0080}<br /> <br /> #left_bar2 a{background: url('<span style="color: #674ea7;">http://www.peoplestring.com/images/favicon.ico</span>') no-repeat 2px; text-decoration:none; color:#FF0080; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}<br /> <br /> #left_bar2 a:hover{text-decoration:underline; color:#FF0080}<br /> <br /> #to_top{background:transparent url(<span style="color: #674ea7;">http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/s400/delete.png</span>) no-repeat scroll 0%; position:absolute; /*this replaces float - fixes thanks to Larry ofhttp://blog.lroot.com*/height:18px; width:19px; margin:0 0 0 900px; /*this was updated*/padding:9px 5px}<br /> <br /> #to_top a{padding:8px}

Catatan :
Kode warna merah adalah kode warna. Silahkan sesuaikan dengan keinginan anda.
Kode warna hijau berfungsi untuk membuat warna kelihatan transparant. Anda bisa menghapusnya atau membiarkannya.
Sedangkan yang berwarna ungu adalah alamt url gambar. Silahkan sesuaikan dengan kebutuhan anda.
Masukan kode pemanggilan JS dibawah ini, letakan diatas kode </head>

<script src='http://sites.google.com/site/widodosite/widodo/stripad.js' type='text/javascript'/>

atau menggunakan alamat file JavaScript yang telah kamu upload.

<script src='http://www.alamatserveranda.com/Stripe-Ad.js' type='text/javascript'/>

Letakan kode dibawah ini dibawah kode <body>, Silahkan sesuaikan setingan dibawah dengan link dan deskripsi kamu sendiri.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='http://ambil.info/piplestring' target='_blank'>Join PeopleString</a></span></div>
<div id='left_bar'>
<span class='center'><a href='http://ambil.info/piplestring' target='_blank;'>Pasang Iklan anda di http://trikblogku.blogspot.com</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://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Simpan Template
Silakan lihat asilnya cara pasang strip ad di blogspot

Bagaimana tenyang posting pasang strip ad yang mudah di blogspot?? gampang bukan so pasti sebelum pegi silakan deh coment dulu..... ini sangat beguna dari admin hehehe

Merancang Blog Tutorial SEO dan Tips Trik

Pages

Monday, April 19, 2010

Strip Ad Iklan yang menempel di header blogspot

1 comment: