Related Posts Plugin for WordPress, Blogger...

Ok kali ini saya ingin share bagaimana cara membuat stripe bar, yang sudah lalu lalang di dunia internet khususnya blogging pasti sudah mengetahui apa itu Stripe Bar. tapi yang masi baru masuk di dunia blogging yah mungkin masih ada yang belum atau masih sedikit mengerti tentang Stripe Bar.

Stripe Bar itu kalau saya artikan dengan definisi saya sendiri yang padat singkat tetapi berisi adalah... Seperti Navigation Bar tetapi bedanya kita bisa meletakkan iklan disana entah iklan apa saja tergantung kita atau lebih umumnya kita bisa meletakkan Link hidup di sana.

Nah kalau sobat ingin mencobanya ini saya ada langkah-langkah yang mudah.


  • Buka akun blogger sobat.
  • Template > Edit HTML
  • Kalau sudah temukan kode ini  ]]></b:skin> 
  • Jika sudah menemukan kode itu silahkan letakkan kode berikut tepat di atas kode skin tadi

#mta_bar { background:#FFFFE1 url('http://4.bp.blogspot.com/_C6KkooKXCEw/SQnz2n2y02I/AAAAAAAACiU/hgebwIqZY9c/s400/wow.gif?imgmax=800') repeat-x; border-bottom: 1px solid #808080; margin: 0 0 3px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; overflow: auto; position: fixed; }* html #mta_bar{ /*IE6 hack*/
position: absolute; 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:#fff; width:65%}
#mta_bar .left{float:left; text-align:left; font-family:Verdana,Arial; font-size:13px; font-weight:normal; font-style:normal; color:#fff; 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:#fff; text-decoration:underline}
#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}
#left_bar a{background:url('http://1.bp.blogspot.com/_C6KkooKXCEw/SPyUclWEsEI/AAAAAAAAChM/e6wa1ef3jTQ/s400/stripead-feed.gif') no-repeat; text-decoration:none; color:#fff; padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}
#left_bar a:hover{text-decoration:underline; color:#fff}
#left_bar a:hover { text-decoration: underline; color: #0000FF; }



  • Terus masukkan kode ini sebelum kode </head>


<script src='http://grandisk.xtgem.com/stripe-blog-triks.js' type='text/javascript'/>


  • Kemudian carilah kode </body> dan letakkan kode di bawah ini sebelum kode body


<div id='mta_bar'>
<div id='left_bar'><span class='center'><a href='http://helpus4belive.blogspot.com/2013/01/cara-membuat-stripe-bar-di-blog.html' target='_blank'>Kumpulan Tips dan Trik Blogging
</a></span> </div>

<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;blog-triks.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>


  • Nah perhatikan tulisan yang berwarna Biru... itulah yang perlu sobat ganti dengan link sesuai dengan keinginan sobat.

  • Lalu Klis Save dan terakhir lihatlah hasilnya.


Okdeh sekian dan terima kasih sudah membaca. selamat mencoba dan semoga berhasil dengan apa yang saya saran kan... :)

0 komentar:

Posting Komentar

Mohon Komentar para visitor, karena komentar teman-teman adalah sebuah langkah untuk selalu menjadi lebih baik untuk blog ini, sekaligus tempat menamam backlink teman-teman supaya saling memberi manfaat. Dan satu lagi jangan jadi Spam.. karena spam untuk jaga rumah atau kantor.. Eeeh salah itu Satpam.. Pokoknya jangan SPAM...

Followers

My Blog

My Friends, Yu'er Next

I'm Here

Be My Friend

    Fahmi Dani

    Buat Lencana Anda

Langganan ?

Enter your email address:

Delivered by FeedBurner

Get this Widget and Desaign!