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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KANKwpR9eomvOyrJ7Hh_s3q83yWyILwC2hg5lcs5Rr87r3HsQuDXucuAzlrZBjms5hGl-mSDtbIv7sf4t_3vR7s1yirREvfIufbVH6OZSJSZQ0LlF5wj9IHqpsjqW0x7qX9eD0uHw90/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyHjNH-ZphMhQ3RTCW9F6FuOCb3Ucg-KNUC9k2kprKa961_4F-_TUGbp5ApE7ve2J9CPeycOn_FlZ_SY5ykmn3dHQhpqwpP10VD-1DVA_b_XjhnzBPrU351kQggU11N1h-Dqxdr3F_P8UC/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1yaPJcxIQ9SMw5DBrSLdVSteuTU0x_RBTslQlXIuf_MtKVIf3W6uRIX2MN4_a7rx9wEVPY13OD6UCmZaj4paEyb4MB26PRRMAjUALW-EqFt-AQiWPvOT_v1BCYQAnGUV-iNx3q04jPxT/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpAyFx8f2nV95pi2r5od5_vN13Y56PQD3U9lVqiz5k_tXDidq9ot3AAIHFhvSqivXHNT2yYC1jRiLjiBcFQeCwB3noqv-WLa_4lf-B5saliuX7N0dVYe4L5Se4ZaN5Pvzh9j5BaImYKvv/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJfD3u83simFFh4sLoZ58Ap3G7KkmSWrravVLZi0xikWwGxaFukyjWjHu9oUHdKwzRqETpUcVpQ11GoaO-iX7OVFHYOHNzUAzJvmFjJQdzTGo5BAzaO2tRu-kd1P-pJvlKCpS43CSRGFES/) 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJfD3u83simFFh4sLoZ58Ap3G7KkmSWrravVLZi0xikWwGxaFukyjWjHu9oUHdKwzRqETpUcVpQ11GoaO-iX7OVFHYOHNzUAzJvmFjJQdzTGo5BAzaO2tRu-kd1P-pJvlKCpS43CSRGFES/" 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 :)

Script ini saya ambil di http://fhikar-note.blogspot.com/2011/07/cara-pasang-stripe-ad-navbar-ala-fhikar.html

Posted by Ajang rahmat

Tweet