Otomotif and Computer

Hali para blogger mania...!!! kali ini saya akan memposting cara memasang strip ad seperti pada blog saya ini.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 . Ok deh langsung aja keta ke Caranya :

1. Login Ke Blogger.... lalu ke Menu Edit Html
2. Copykan Script berikut ini, di atas ]]></b:skin>

/*-- (mta bar) --*/
#mta_bar{background:#58ACFA; 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;
z-index:10000;opacity: 0.9;filter: alpha(opacity: 90);}

* html #mta_bar{position:absolute; /*IE6 hack*/width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}

#mta_bar .center{float:left; text-align:center; font-family:Verdana,Arial; font-size:13px; font-weight:bold; font-style:normal; color:#FF0080; width:65%}

#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FF0080; width:20%}

#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}

#mta_bar .right a{font-size:10px; color:#FF0080; text-decoration:underline}

#mta_bar .right a:hover{font-size:10px; color:#FF0080; text-decoration:none}

#left_bar a{background:url('http://sites.google.com/site/widodosite/widodo/blogger-512x512.jpg?') no-repeat; text-decoration:none; color:#FF0080; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar a:hover{text-decoration:underline; color:#FF0080}

#left_bar2 a{background: url(http://i437.photobucket.com/albums/qq97/syahdu140208/My%20Network/myfacebook.gif) no-repeat 2px; text-decoration:none; color:#FF0080; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}

#left_bar2 a:hover{text-decoration:underline; color:#FF0080}

#to_top{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwJUjC3RLXbJ6m6ALiQaChYt18te3VNZ3HyV8uiZp_NdTTMqqYL-vgowectvhN6LQnUW2ZlpFQN0nyandZ5dLPKX4Y6iriO-yOmo1bRNCbYw_ftPquD3DN_eSWeokgkBXtPid_70p5gqWg/s400/delete.png) 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}

#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.

3. 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'/>

4. 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://www.facebook.com/pages/Otocomputers-Followers/359701815430?v=info' target='_blank'>Login to Facebook</a></span></div>
<div id='left_bar'>
<span class='center'><a href='http://www.facebook.com/pages/Otocomputers-Followers/359701815430?v=info' target='_blank;'>Sudah Gabung Sebagai Fans Otocomputer?,join sekarang!</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwJUjC3RLXbJ6m6ALiQaChYt18te3VNZ3HyV8uiZp_NdTTMqqYL-vgowectvhN6LQnUW2ZlpFQN0nyandZ5dLPKX4Y6iriO-yOmo1bRNCbYw_ftPquD3DN_eSWeokgkBXtPid_70p5gqWg/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

5. Simpan.
Selesai deh... !
Selamat Mencoba...!!!

4 comments:

FaiS mengatakan...: tutor'y keren zob...,; 19 Desember 2009 pukul 21.26
Kebahagiaan mengatakan...: mantab nih post bang :)
thx...; 20 Desember 2009 pukul 14.02
download Gratis mengatakan...: manteb sob izin nyimpen
iye jangan lupe tuk mampir ke t4Q
disini nieh :
http://icut-titang.blogspot.com; 31 Desember 2009 pukul 10.39
bang choel mengatakan...: tutorialnya mantap bos, saya mau coba pasang; 5 Juni 2010 pukul 19.46