Kamis, 03 Januari 2013

Cara pasang Stripe-ads di Blog


Membuat Stripe-ads di Blog
Membuat Stripe-ads adalah adalah seperti navbar yang ada selalu di atas. , kita bisa menampilkan iklan di Stripe-ads. Membuat Stripe-ads dapat kita gunakan untuk memasang pengumuman

Stripe-ads akan selalu tampil diatas walau kita menscroll ke bawah, dan kita bisa mengclose-nya jika kita merasa risih dengan adanya Stripe-ads

Cara Membuat Stripe-ads di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ]]></b:skin> dan Tambahkan kode berikut ini di atasnya

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

6. Cari kode </head> dan tambahkan kode berikut ini di atasnya

<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://facebook.com/chenhuizhen85' target='_blank'>Follow Me On Facebook</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35umluzLHT6qkWr4lxFOoLvDiRbV8ffKrsPpozznNz8ZccEQyDdyd7A6eRQ6fPMaa9xSumljxm_XzJIHEVEfoAoW8HbELMEHDfDVUyGMIcsysT2Qm9Mkg9xXKG5y_fgsnVh4EhKEgWTzw/' style='cursor:hand;cursor:pointer;'/></span></div>

Kita dapat mengganti http://facebook.com/chenhuizhen85 dan Follow Me On Facebook dengan URL dan judul yang kita inginkan.

8. Simpan Template jika sudah selesai

Teriring Salam dari : Chen Hui Zhen

 

Tidak ada komentar:

Posting Komentar