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/AVvXsEg8O9ll6NgT_i8t_PwAJMGFWyyVNuptz67xst5ahOaiIX9NDiBt3tpcSE_Zrcxx9QMHQBIaPEmCyLwoG53T67-v5Nf9Ec2iKMPWFPUZce3S1yOtarXkbhuCUZoMpEK-kVtz6VsTo4XqOu4T/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/AVvXsEgypqn5CJvxJEvdllMYdZ7Aea-mdK2EiZNyYqooXrrnVl-_Th6lz6EafnMpf64aYSXf7l1CDRIzAb5pMP71vIsL5lG551-a7LB0JMFypXokCENC59j17OSb6ScjhASfknpQ9s6nucCtAgPN/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/AVvXsEgP09kA-sRPZ1VxT9naXYCyKNWrLtMD62cZYMh5EQp-yEAfLOY5MB3v0Yq1ENTMY8OHY_uWo65q5H-gtjf1U5YGXu2YkleCFrGkN1rue3sJSupwejy4YGniefWw_OJxhU5a3bRTdt3vuBiH/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/AVvXsEji2Tfx_qZ6yG-HCP_C89H4nb1u-q6uCfjE0f5invesEOr_h2lF4Wpp-zb-HJOoQyxBw2bDXa8yt9UtH5HSHmXjSFPbkMA7l0TJBHT9iS2ZUbq5Ux76rmFWTcBNTqLruktBT7ZV5G3b7ubA/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/AVvXsEji2Tfx_qZ6yG-HCP_C89H4nb1u-q6uCfjE0f5invesEOr_h2lF4Wpp-zb-HJOoQyxBw2bDXa8yt9UtH5HSHmXjSFPbkMA7l0TJBHT9iS2ZUbq5Ux76rmFWTcBNTqLruktBT7ZV5G3b7ubA/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/AVvXsEitiZWTlGNiMF3CPpgUhw8NVpW1GF70dTm4HcIv-JOLh1OYO2-PiPTTQZdQ_4FVPIbKvhcDgJv4QRophUUsTbLNM85H4vsvGTez3aZx3icqHvrlynLGvxF4hD9HWe_Azcss7CdgxjVqz2sx/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/AVvXsEgypqn5CJvxJEvdllMYdZ7Aea-mdK2EiZNyYqooXrrnVl-_Th6lz6EafnMpf64aYSXf7l1CDRIzAb5pMP71vIsL5lG551-a7LB0JMFypXokCENC59j17OSb6ScjhASfknpQ9s6nucCtAgPN/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/AVvXsEjAt_3ddOMPoTAjTeX_REOnrkbusWE5h7mTGOYPXAeAc8URnPGT77NFFq5FaIwEs7HvID79N_Y9TQWvzFG7pCbt6ra96mJFpoBC7vzi4kY0upbpk0kGRCXJ_-IBV_3IspYRcqAgfe8zZEtE/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