Cara Pasang Stripe-ads pada blogspot

Membuat Stripe-ads adalah adalah seperti navbar yang ada selalu di atas. sperti gambar di samping, kita bisa menampilkan iklan di Stripe-ads. Membuat Stripe-ads dapat kita gunakan untuk memasang pengumuman atau iklan yang berbentuk teks.
Stripe-ads akan selalu tampil diatas walau kita menscroll ke bawah, dan kita bisa mengclose-nya jika kita merasa risih dengan adanya Stripe-ads. Membuat Stripe-ads lebih baik baik dari pada menampilkan iklan dengan Pop UP. Stripe-ads akan selalu terlihat tapi juga bisa dengan mudah orang mengklik close.

Membuat Stripe-ads adalah adalah seperti navbar yang ada selalu di atas. sperti gambar di samping, kita bisa menampilkan iklan di Stripe-ads. Membuat Stripe-ads dapat kita gunakan untuk memasang pengumuman atau iklan yang berbentuk teks.<br /> Stripe-ads akan selalu tampil diatas walau kita menscroll ke bawah, dan kita bisa mengclose-nya jika kita merasa risih dengan adanya Stripe-ads. Membuat Stripe-ads lebih baik baik dari pada menampilkan iklan dengan Pop UP. Stripe-ads akan selalu terlihat tapi juga bisa dengan mudah orang mengklik close.<br /> <br /> Cara Membuat Stripe-ads di Blog<br /> 1. Login ke Blogger.<br /> 2. Di halaman Dasbor, kita pilih Rancangan.<br /> 3. Kemudian pilih Edit HTML<br /> 4. Beri tanda centang pada Expand Template Widget<br /> 5. Cari kode berikut ]]></b:skin> dan Tambahkan kode berikut ini di atasnya<br /> <br /> #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; }<br /> * html #mta_bar{ /*IE6 hack*/<br /> position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }<br /> #mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}<br /> #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;}<br /> #mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}<br /> #mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}<br /> #left_bar a { text-decoration: none; color: #0000FF; }<br /> #left_bar a:hover { text-decoration: underline; color: #0000FF; }<br /> <br /> 6. Cari kode </head> dan tambahkan kode berikut ini di atasnya<br /> <br /> <script src='http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js' type='text/javascript'/> 7. Cari kode </body> dan taruh kode berikut ini di atasnya <div id='mta_bar'> <div id='left_bar'><span class='left'><a href='http://twitter.com/kurniasepta' target='_blank'>Follow Me On Twitter</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://lh5.ggpht.com/_mWNaJ9OwpbA/TFQz3m9CBzI/AAAAAAAAAhU/3whudNQNZEg/delete.png' style='cursor:hand;cursor:pointer;'/></span></div> Kita dapat mengganti http://twitter.com/kurniasepta dan Follow Me On Twitter dengan URL dan judul yang kita inginkan. 8. Simpan Template jika sudah selesai

Posted in: tips