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.
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 ]]> dan Tambahkan kode berikut ini di atasnya
6. Cari kode dan tambahkan kode berikut ini di atasnya
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.
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 ]]> 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; }
* 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 dan tambahkan kode berikut ini di atasnya