Facebook Twitter Y! mesengger
Lihat Berita Terbaru, Unik dan Aneh, Hanya Disini....!

Minggu, 14 September 2014

Cara pasang Stripe-Ad Navbar Ala Fhikar Note

Mumpung ane lagi nggak ada kerjaan, posting aja dulu ahg , semua udah pada tau belum apa itu Stripe-Ad Navbar ? pasti semua udah pada tau dong, itu tuh image panjang yang berada di atas, yang selalu ikutin, scroll kalu kita gerakin.


Memasang Stripe-Ad ala Navbar ini sangatlah berguna dan tentu lebih baik dari pada memasang iklan dalam bentuk Popup Ad (Pop-ups, pop-overs and pop-unders) yg dapat membuat Blog agan menjadi berat, ke untungan memakai Stripe-Ad dapat menghindari Popup Blocker.

Selain untuk iklan Stripe-Ad ini juga berfungsi juga untuk menampilkan informasi yang dirasa penting seperti iklan baris, pengumuman, Feed atau informasi apa saja sesuai kebutuhan agan.

nah udah pada tau kan ! apa itu Stripe-Ad Navbar? sekarang mari kita beralih, bagaimana cara memasang nya di blog agan ..

1. Masuk ke blogger. Klik Tata Letak Lalu Pilih Edit HTML
2.jangan lupa membackup template agan, 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/AVvXsEg4bjDuiuzoGgdjavpKk_d5vyNxQsAb9AAINIDVx1so3YoqYXOyaHXbdA_xFpLQpeZeSj1ViHxre1o_5FdIKxLi54laoyYwTZEdnhioUjuiwnmrguQI6S6zDOuY-e_92Vid_OGGAVtu8nc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt7Qp0c9qJDlanagnIxhVui907ln0VzG4Pbr4UxFf8KByrdvxlVBNGjbhX4onIE_3ShUnTtfRFcknt4dCkXpb9wCJpIcB_s-YJD6zq1FELsrim6ELQoAo-4Wp2yn0JGkhY4LNY09YnVsV-/) 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 agan
  • Ganti kode berwarna biru dengan url Icon agan
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/Fhikar.musisi" target="_blank">Facebook</a>
<a href="http://twitter.com/#%21/Fhikar_doktrin" target="_blank">Twitter</a>
<a href="ymsgr:sendim?zhulfhikar@rocketmail.com" target="_blank">Y! mesengger</a></span></div>
<div id="left_bar">
<span class="center"><a href="http://fhikar-news.blogspot.com/" target="_blank;">Lihat Berita Terbaru, Unik dan Aneh, Hanya Disini....!</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/AVvXsEgt7Qp0c9qJDlanagnIxhVui907ln0VzG4Pbr4UxFf8KByrdvxlVBNGjbhX4onIE_3ShUnTtfRFcknt4dCkXpb9wCJpIcB_s-YJD6zq1FELsrim6ELQoAo-4Wp2yn0JGkhY4LNY09YnVsV-/" style="cursor:hand;cursor:pointer;" align="absmiddle" border="0" /></span></div>

  • Untuk kode yang di tandai warna merah dan biru silahkan agan sesuaikan sesuai keperluan agan masing-masing
  • Untuk kode yang berwarna kuning agan bisa ganti dengan URL tujuan iklan agan
  • Untuk kode yang berwarna hijau agan ganti dengan kata-kata agan sendiri :)
6.Jika langkah di atas telah selesai ,Klik pratinjau dulu untuk memeriksa. Jika semua telah selesai, klik simpan. Dan selamat agan telah memilki Stripe-Ad Navbar sendiri :)
Ingin mendapat tulisan terbaru Fhikar Note™ langsung ke Email Anda? masukkan alamat email Anda untuk berlangganan, Gratis!
*cek email Anda untuk konfirmasi berlangganan

Artikel terkait....

11 komentar:

Silahkan memberikan komentar,ocehan,masukkan ataupun pendapat anda di sini. Tapi ada syaratnya NO SPAM OK !!!!

Kalau Sempat gw akan balas komentar teman-teman semua dengan nama :
Fhikar ALtafb Ramadan

Blogger Widgets