Cara Membuat Stripe Bar Blogger

Sedikit Info Seputar Cara Membuat Stripe Bar Blogger Terbaru 2017 - Hay gaes kali ini team Official Sahabat Android, kali ini akan membahas artikel dengan judul Cara Membuat Stripe Bar Blogger, kami selaku Team Official Sahabat Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Official Sahabat Android. semoga isi postingan tentang Artikel Modifikasi, Artikel tips-trik, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Membuat Stripe Bar Blogger Terbaru
link: Cara Membuat Stripe Bar Blogger

Berbagi Cara Membuat Stripe Bar Blogger Terbaru dan Terlengkap 2017

Setelah lama sekali tidak nulis artikel, kali ini blog-triks kembali lagi untuk memberikan trik dan tips nya seputar blogging dan Internet . Untuk trik-tips kali ini saya akan menjelaskan cara membuat Stripe Bar . Ini sebagai request sobat2 blogger lewat email, banyak banget yang pengen tau caranya bikin Stripe Bar.

Sudah pada tau kan yang namanya Stripe Bar? . Ini penampakan Stripe Bar di blog saya

Stripe Bar bentuknya merip sekali dengan default navigation bar pada blogger. Stripe Bar dapat kita manfaatkan untuk meletakkan link iklan, informasi, Feed dan informasi lainnya sesuai keinginan anda, yang jelas dengan Stripe Bar link kita akan mudah di lihat pengunjung. Dilengkapi dengan icon close, stripe ini dapat ditutup bila dirasa mengganggu.

Cara pemasangan Stripe Bar untuk Blogger
1. Login Akun Blogger anda dulu
2. Masuk Editor HTML (Edit HTML)
3. Cari (CTRL + F) kode ]]></b:skin> kemudian letakkan script CSS berikut diatas kode ]]></b:skin>

#mta_bar { background:#FFFFE1 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPPKYzj02u7Cpy8uzSIxSCukLLg3xICdKqp_o5kl9vI5gwmmc_X7duRC2BQVL5n0HnHw5VtfDDwgDTYwLcnmodHyKrSrIpHkIGQycNznjOXWrwaUbjLZkS0fCgXrTQTOp2CFsphI4qc6g/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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpB3YFkvCeUO2SJoO4Yhs_dStL8ASifSvCACwZs3SOHTh3ZujqVlmxkW0c19smOPOQOkyenuyqIlMkOOLBYrTpGn2Hb9eXIN7YC3edmX0QrDrmUcEy3SsJfxBTZBKVWA4trHUM6_Ve4nU/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; }

4. Selanjutnya masukkan kode berikut sebelum kode </head>

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

5. Langkah selanjutnya letakkan kode berikut sebelum kode </body>

<div id='mta_bar'>
<div id='left_bar'><span class='center'><a href='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/blog-triks' target='_blank'>Gratis Berlangganan Blog-Triks Article Via Email, Join Now!!!
</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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOESH1rhyphenhyphenY_KY0RvuS8Q1DKDhkRci8b6-XiNT8giY_Onk-BDRN_bm6mr4EwlU6hQrEq9-AtYTIco8S03wHMF0_htVYUlsPSku3rUM3POH5vWidFpBKHOgGRtIbUj7ZnOYZp_oaygDp7Yc/s400/delete.png' style='cursor:hand;cursor:pointer;'/></span></div>

Kode yang berwarna biru silakan ganti sesuai dengan informasi yang akan anda pasang

6. Langkah terakhir, Warning: Ini adalah langkah terpenting yang tidak boleh salah.

Langkah Terakhir:

Klik

Selesai, dan silakan lihat apa yang terjadi pada blog anda...

Itulah sedikit Artikel Cara Membuat Stripe Bar Blogger terbaru dari kami

Semoga artikel Cara Membuat Stripe Bar Blogger yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Official Sahabat Android. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Membuat Stripe Bar Blogger