Bagaimana Cara Pasang Strip-Ad Navbar di Blogspot?

Assalamu’alaikum.Wr.Wb | Anda mungkin bertanya kesaya, apa itu Strip-Ad Navbar? Baik, saya akan menjawab, Strip-Ad Navbar adalah image panjang yang ada di bagian atas blog ini, yang selalu ngikutin scroll, kalau kita gerakin. Biar lebih jelasnya, anda bisa melihat gambar di bawah ini:

Dengan memasang Strip-Ad Navbar anda dapat membuat pengumuman, cara berlangganan feed, dan informasi apa saja, sesuai kebutuhan anda. Strip-Ad Navbar lebih baik dari pada anda memasang Popup Ad, yang cenderung lebih membuat blog berat. Anda juga dapat menghindari popup blocker.

Ok, jika anda sudah tahu! Apa Strip-Ad navbar? Sekarang waktunya anda tahu, bagaimana cara memasang Strip-Ad Navbar di blog (blogspot) anda?
 
     1. Masuk ke blogger. Klik Tata Letak Lalu Pilih Edit HTML
     2. Backup template anda, untuk jaga-jaga jika nanti terjadi kesalahan.
     3. Copy-paste kode di bawah ini, lalu letakan di atas kode ]]></b:skin>
/* mta bar */
#mta_bar{background:#444 url('http://1.bp.blogspot.com/-76HsPwiF8Hg/TYAaCRFd0xI/AAAAAAAAATQ/W5x8irL-O-0/s1600/wow.png') repeat-x; border-bottom:1px 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:#FFFFFF; width:65%}

#mta_bar .left{float:left; text-align:left; font-family:Arial; font-size:13px; font-weight:normal; font-style:normal; color:#FFFFFF; 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:#FFFFFF; text-decoration:underline}

#mta_bar .right a:hover{font-size:10px; color:#FF0080; text-decoration:none}
#left_bar a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/TIBf3E-mUfI/AAAAAAAAGwM/EoxAFDlcdr4/s200/feed-c.png') no-repeat; font-weight:bold;text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:10px}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar2 a{background: url(http://2.bp.blogspot.com/_C6KkooKXCEw/TICuIqKZqRI/AAAAAAAAG0E/hfkQzQz7h20/s200/check-c.png) no-repeat 2px; text-decoration:none; font-weight:bold; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0px}
#left_bar2 a:hover{text-decoration:underline; color:#fff}
#left_bar3 a{background: url(http://3.bp.blogspot.com/_C6KkooKXCEw/TIBf2gtK0UI/AAAAAAAAGwE/Wml7-gPP17U/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0}

#to_top{background:transparent url(http://lh5.ggpht.com/_mWNaJ9OwpbA/TFQz3m9CBzI/AAAAAAAAAhU/3whudNQNZEg/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}


  • Ganti kode berwarna merah denga url gambar anda
  • Ganti kode berwarna biru dengan url Icon anda
      4.Copy Kode di bawah ini, dan letakan di atas kode </head>
<script src='http://sites.google.com/site/asrizalofficialweb/javascript/Stript-ad.js' type='text/javascript'/>
5. jika sudah, Letakan kode dibawah ini dibawah kode <body>

<div id="mta_bar">
<div id="left_bar2">
<span class="left">
<a href="http://www.facebook.com/ajangrahmat" target="_blank">Facebook</a>
<a href="https://twitter.com/#!/ajangrahmat" target="_blank">Twitter</a>
<a href="https://www.facebook.com/groups/forumbloggerindo/" target="_blank">Forum</a></span></div>
<div id="left_bar">
<span class="center"><a href="http://boytrik.blogspot.com/2011/06/membuat-loading-blog-cepat.html" target="_blank;">9 Cara Membuat Loading Blog 300% Lebih Cepat....!</a></span></div>
<span onmouseout="self.status=''" onmouseover="self.status='asrizalwahdanwilsa';return true;" class="right"> <img onclick="closeTopAds();return false;" src="http://lh5.ggpht.com/_mWNaJ9OwpbA/TFQz3m9CBzI/AAAAAAAAAhU/3whudNQNZEg/delete.png" style="cursor:hand;cursor:pointer;" align="absmiddle" border="0" /></span></div>


  • Untuk kode yang di tandai warna merah dan biru silahkan anda sesuaikan dengan keperluan anda.
  • Untuk kode yang berwarna kuning anda bisa ganti dengan URL tujuan iklan anda.
  • Untuk kode yang berwarna hijau anda ganti dengan kata-kata anda sendiri.
    

6.Jika langkah di atas telah selesai ,Klik pratinjau dulu untuk memeriksa. Jika semua telah selesai, klik simpan. Dan selamat anda telah memilki Stripe-Ad Navbar sendiri :)

14 Responses to "Bagaimana Cara Pasang Strip-Ad Navbar di Blogspot?"

  1. izin bookmark dulu gan... nanti saya coba

    BalasHapus
  2. Balasan
    1. Berat sih gak terlalu.. tapi, dari pada popup lebih ringan yang ini, dan tidak mengganggu pengunjung.

      Hapus
  3. wah menarik nih, nice info gan :D ntar gue coba deh

    BalasHapus
  4. nice info sobat .. boleh di coba nih sob .. :)

    BalasHapus
  5. monggo, coba-coba aja dulu? hehe

    BalasHapus
  6. wih manteppp nih. tapi kok banyak banget ya codenya??? heeee

    BalasHapus
  7. maf mas mau nanya saya udah coba tapi masalahnya fungsi minimizenya qok ga berfungsi,mohon pencerahannya mas.terima kasih

    BalasHapus
  8. mas mau tanya ni mas... kalau yang ini kan diatas posisinya. kalau dibawah digimana ? mohon bantuan mas. ini link FB saya mas https://www.facebook.com/alfianwulan?ref=tn_tnmn makasih sebelumnya. balasnya lewat pesan aja mas.butuh banget

    BalasHapus
  9. keren gan ..... akhirnya nemu juga

    BalasHapus
  10. udah jadi mas, tapi kok klik tanda Hide yang (-) ga mau ngumpet yah .... hehehe kira-kira kenapa yah

    www.serangbike.com

    BalasHapus
  11. tambahan juga mas, sepertinya mengubah statistik kunjungan yah soalnya situsku yang sudah 40000 kunjungan malah menjadi 58 ...

    kok bisa yah

    www.okecoy.com

    BalasHapus

Terimakasih ya udah repot-repot berkunjung kesini. Dan sebagai tanda jejak, dengan senang hati saya menerima setiap Komentar dari Anda. Dan bagi Anda yang Blogger, boleh menyematkan LINK di Namanya, biar Nanti saya bisa berkomentar Balik Keblog Anda!!!