Cara Membuat Stripe Ad-Ala Navbar - Hallo sahabat Anak Google, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Stripe Ad-Ala Navbar, admin mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan Artikel Blogger, Artikel Efek CSS, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. Selamat membaca ya.

Judul : Cara Membuat Stripe Ad-Ala Navbar
link : Cara Membuat Stripe Ad-Ala Navbar

Cara Membuat Stripe Ad-Ala Navbar

Tutorial Blogger dan SEO Blogger - Cara Membuat Stripe-Ad Ala Navbar Di Blog. Setelah sekian lama saya ngurusin blog saya yang baru saya buat ternyata rasa rindu untuk ngeblog pada blog ini pun datang kembali  pada diri saya. Untuk mengobati rasa rindu itu, saya isi dengan mosting di blog ini. Sebelumnya saya minta maaf karena sudah lama tidak mosting di blog ini.

Stripe-ad ala navbar ini banyak digunakan oleh para blogger untuk membuat navigasi yang menarik pada blognya. Stripe-ad ini mirip sama yang ada pada template o-om yang lama, dan saya pun juga menggunakannya pada blog saya ini karena nggak tahan dengan godaan keindahannya.

Dan saya mosting artikel ini karena ingin menjawab pertanyaan dari sobat blogger kita yang memberikan komentar-nya pada artikel saya yang berjudul cara membuat slider banner ads di blog dan insyaallah kali ini saya akan menjawab-nya. Untuk Membuat Stripe-Ad Ala Navbar Di Blog langkah-langkahnya tidaklah susah, berikut ini langkah-langkah cara membuatnya.

1.Log in ke blogger.
2.Klik template » edit HTML » centang kotak Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatasnya.

/*-- (mta bar) --*/
#mta_bar{background:#444 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFWNnXpDpz4hFLreC9g0w0c3bmQlWSpq4PXTDTjcgknvte7K6OlTfvmhNwsiNrrnHIzYoNKGDd0OGrz6sSHwdEBs9bRvEW5BU1ZSzMSs0GOT2pqBbMo54DjtQ7LKlQCCFs1gtTTk4VREdi/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/AVvXsEhaALWDBej035a4AenH9QTvzf9-Hd0phF7WfCpX_pbZh4gJDmR6bszpRqMf0S21TO8bQrXT_2d-ox0FqMnwUuVVfGkXoC20UEVExaijHet6wE6Xwt6uPY-2-u2y38_ihkkcEWWjlZhpM6H9/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/AVvXsEgWcybppXAHzv5OXY0hOvFThaSQfhsjAKoI4Qvxs4vd107_uWRSMdL3LF_E3sCtss2c_GkfPN06As31IfFOFFH99CI5C9bYMmqqnrVpbBs9gyI7tAA9fR7yLrgz22EafqrKca33NU1xSB03/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/AVvXsEiOPh7EM3IZsFj4ju0MjHuJGKBpzxrAaERJuR26gDk2e8letL7vkwb8N7XOf4bdx9Yjqq36Uxhaa2ZXrWvC_MfWPtnSJwxlzKmeX_9KiN21DDKf4puK54PxBV2oGjDpM4LSZktkspP8oFWg/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/AVvXsEiOPh7EM3IZsFj4ju0MjHuJGKBpzxrAaERJuR26gDk2e8letL7vkwb8N7XOf4bdx9Yjqq36Uxhaa2ZXrWvC_MfWPtnSJwxlzKmeX_9KiN21DDKf4puK54PxBV2oGjDpM4LSZktkspP8oFWg/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/AVvXsEjX4hyphenhyphen6MeAMAfzGzPEJKVYjSLPqLib9EEPlb60zcU7Y3tftU7SSmz6fZIBJa47VYyvT0FHfwV7QHVLnlfrhKFz_reiW0SAGyh8GPrb5BV0YHK5LtJrjfCWlqSfrpq62n2giBoOPod94TJYA/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/AVvXsEhaALWDBej035a4AenH9QTvzf9-Hd0phF7WfCpX_pbZh4gJDmR6bszpRqMf0S21TO8bQrXT_2d-ox0FqMnwUuVVfGkXoC20UEVExaijHet6wE6Xwt6uPY-2-u2y38_ihkkcEWWjlZhpM6H9/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;}

4.Cari kode <body> dan letakkan tepat dibawahnya.

<div id='mta_bar'>
<div id='left_bar2'>
<span class='left'>
<a href='http://www.facebook.com/anakgooglepage' rel='nofollow' target='_blank' title='Add me as friend on Facebook'>Facebook</a>
<a href='http://twitter.com/topeng' rel='nofollow' target='_blank' title='Follow me on Twitter'>Twitter</a>
<a href='http://www.facebook.com/LaNoHTC' 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/TutorialBloggerDanSeoBlogger' target='_blank;'>Gratis Berlangganan artikel B-digg via mail, join sekarang! </a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEbx-jHeLEhBNSTCZGERjuSLU9Z8NqZniIPzfUHprXRR0J84tt-ayqXsFSpZvSuEKTlyjiyOAWMkrin7NOXRWALC7s5HgHBwOq7iHF2k44MlcTQNPXpfJ747HIBF37p-mY8oPGs0vIqsoJ/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Keterangan:

• Ganti kode yang berwarna hijau dengan url fans page facebook anda.
• Ganti kode yang berwarna biru dengan url twitter anda.
• Ganti tulisan yang berwarna merah dengan id feedburner anda.

5.Cari kode </head> dan letakkan kode dibawah ini tepat diatasnya.

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

6.save template anda.

Demikianlah tutorial Cara Membuat Stripe Ad-Ala Navbar,  mudah-mudahan artikel ini memberikan manfaat bagi anda.

Demikianlah artikel tentang Cara Membuat Stripe Ad-Ala Navbar

Sekianlah artikel Cara Membuat Stripe Ad-Ala Navbar kali ini, mudah-mudahan bisa memberi manfaat untuk pembaca semua.

Anda sekarang membaca artikel Cara Membuat Stripe Ad-Ala Navbar dengan alamat link https://anakugoogle.blogspot.com/2012/05/cara-membuat-stripe-ad-ala-navbar.html

Tweet

Unknown