Cara Membuat Navbar Stripe-Ad Di Blogger

Assalamu'alaikum, bagaimana kabarnya sob, pada sehatkan ?, sob, pada kali ini saya akan membagikan sebuah trik Cara Membuat Navbar Stripe-Ad Di Blogger, kalau belum tau apa itu Navbar Stripe-Ad, coba kamu lihat dibagian atas blog ini, nah itu yang dinamakan Navbar Stripe-Ad, Navbar Stripe-Ad ini juga banyak digunakan banyak blogger seperti o-om.com, ok bila sudah tau apa itu Navbar Stripe-Ad, sekarang kita coba bersama, selamat menyimak (wah formal sekali).


1.Pada dashbor blogger anda, anda klik template.

2.Bila sudah klik Edit HTML >> Proceed.

3.Sekarang kamu cari kode ]]></b:skin>, cara cepatnya tekan tombol Ctrl+F, ketik ]]></b:skin> pada kolom yang muncul.

4.Ok, langkah selanjutnya kamu masukkan kode dibawah ini diatas kode ]]></b:skin>

/*-- (mta bar) --*/ #mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDcedhH1stqixKAN4JRkwrzHAGK54d3twTbOqIgylrPpjOwsflKOeLFt1TchNHnFdA0gmqcN9ioxLeufii77FrjIOJPGtv2GaorAoO6ejC84hzfgVvhSYk5ZvZPOu8KfReWlyV6wI-BC_I/s200/topnavbar-c.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:8px; padding-bottom:6px} * 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:12px; font-weight:normal; font-style:normal; color:#fff; width:55%} #mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:12px; font-weight:normal; font-style:normal; color:#fff; width:30%} #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:#fff; text-decoration:underline} #mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none} #left_bar a{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijkHdKdMkh8jNLDiIpym8hvPIOWRj992mLXv4UF9G-CCcPtqW-WGMkqh0Ojx2kF8nJORuG9IKgnDXv8ZKz1DbSYl19gNSgLmaV884K-FnnJmNCIgbnfbNONkOs7ApJEG2m_0KUpb_ZX-Dt/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/AVvXsEhfrlI2iQcmZ2KbevlJyALqOhEMCuWrBDhpPvfpUa_EoTkmDQXraveYfEWyWfJ6J4Sw9yn6XG0H4uc53HTJGsTB7NsdDl3dkZK1i_m2kkXK7vputaC_w_NsOCODpJ3LOPzgQBJqpEstra8y/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} .small-comment{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZFP6J562OyxEmXd7fZ_Dn7wTcUTBsomNVmRAn2rsr_YhMqC5dbh3CEErMBC2psObPZw5nCLrdGp1z8DIvRsnl-WZE7d8uekurrM_Dx3EeIZCDeh2V-jv0hubUNaSVTtaP04TONXnGjD9/s200/smallcommentsx-c.png) no-repeat; padding-left:8px; height:20px; line-height:14px; float:right; color:#FFF; font-weight:bold; font-size:11px; margin-top:3px; margin-left:10px; }.small-comment div{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqZFP6J562OyxEmXd7fZ_Dn7wTcUTBsomNVmRAn2rsr_YhMqC5dbh3CEErMBC2psObPZw5nCLrdGp1z8DIvRsnl-WZE7d8uekurrM_Dx3EeIZCDeh2V-jv0hubUNaSVTtaP04TONXnGjD9/s200/smallcommentsx-c.png) top right no-repeat; padding-right:8px; height:20px; } #left_bar2 a:hover{text-decoration:underline; color:#fff} #left_bar3 a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8lj8LMjZ_rikdQl4vHI-aiCeurka1Lsue28fdVvIKTTmFCEQvqYgjNqoEmCTLPf-pEMnu3E6A292JrTBdCCTNjeozB3phN1QaHzL-YZKHc_y8cx5q5c6UbV9se3QFV0m7tuhTm81PmZ1h/s200/facebook-c.png) no-repeat 2px; text-decoration:none; color:#fff; padding-left:21px; padding-right:0; padding-top:0; padding-bottom:0} .feed-small-right-feed,.small-right{font-size:11px;float:right;font-weight:700;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijkHdKdMkh8jNLDiIpym8hvPIOWRj992mLXv4UF9G-CCcPtqW-WGMkqh0Ojx2kF8nJORuG9IKgnDXv8ZKz1DbSYl19gNSgLmaV884K-FnnJmNCIgbnfbNONkOs7ApJEG2m_0KUpb_ZX-Dt/s200/feed-c.png) right 0 no-repeat;padding-right:20px;padding-bottom:15px} #crosscol-wrapper{margin:0 20px;padding:10px 0 0} #jarak_atas {width:2px;height:20px;}

5.Sekarang kamu masukkan kode dibawah ini diatas </head>

<script src='http://stripe-ad-lano.googlecode.com/files/Stripe-Ad.js' type='text/javascript'/>

6.Bila sudah kamu masukkan kode berikut ini dibawah kode <body>

<div id='mta_bar'> <div id='left_bar2'> <span class='left'> <a href='http://www.facebook.com/muhammadabuabdillah' rel='nofollow' target='_blank' title='Add me as friend on Facebook'>Facebook</a> <a href='http://twitter.com/#!/muhammadok' rel='nofollow' target='_blank' title='Follow me on Twitter'>Twitter</a> <a href='http://www.facebook.com/muhammadabuabdillahC' rel='nofollow' target='_blank' title='Like Fans Page Me'>Fans Page</a> </span></div> <div id='left_bar'> <span class='center'><a href='http://feeds.feedburner.com/TipsDanTrikNgeblog' target='_blank;'>Gratis Berlangganan artikel dari blogmuhammad via mail, join sekarang! </a></span></div> <span class='right' onmouseout='self.status=''' onmouseover='self.status='o-om.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQk-CNgNObNb2GpY1toId8GrM50H1oPkocdJMQMLSFwJZVuQQw0iqixBNdr9MeXPZo3ijD298yo_XhchwcjRlzxzNhvVPKwzL6lUczchxMWh2zVEIdglcEfyeZ9LK11gwRSK4kXWYm2V_d/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

7.Nah sekarang sudah diujung trik Cara Membuat Navbar Stripe-Ad, apa ayo, yah save template anda lah.

Catatan:

Kamu ganti link-link dibawah ini dengan link punya kamu sendiri ya.

Link Facebook : http://www.facebook.com/muhammadabuabdillah
Link Twitter       : http://twitter.com/#!/muhammadok
Feed                  : http://feeds.feedburner.com/TipsDanTrikNgeblog

Kamu juga ganti tulisan seperti dibawah ini dengan punya kamu sendiri.

Gratis Berlangganan artikel dari blogmuhammad via mail, join sekarang!

Ok, sampai disini dulu semoga trik Navbar Stripe-Ad ini bermanfaat untuk blog kamu, Amiin.

Link : Auto Hide pada Navbar Blog 

Anda baru saja membaca artikel yang berkategori Trik Blogger dengan judul Cara Membuat Navbar Stripe-Ad Di Blogger. Anda bisa bookmark halaman ini dengan URL http://maniakadsense.blogspot.com/2011/11/cara-membuat-navbar-stripe-ad-di-blogger.html. Terima kasih!

Ditulis oleh: Unknown - Sabtu, 19 November 2011