Cara Membuat Stripe Bar Blogger

Selasa, April 26, 2011 by Grandis ·
Labels: ,

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('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; }
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='http://2.bp.blogspot.com/_C6KkooKXCEw/Si0hpItyl-I/AAAAAAAAEYQ/kmsk9iVM9HM/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...


Mungkin Artikel Ini Yang Anda Cari :



33 comments:

4presentation mengatakan...
26 April 2011 16.51

Ora bok genepi setahun sisan coy..??? posting terakhir Minggu, Juni 06, 2010 :c:

Beben Koben mengatakan...
27 April 2011 16.28

:f: ini master kemana wae :f:

Rachmad a.k.a Gorengan mengatakan...
1 Mei 2011 11.44

sIPPPPPP...kerenn bangett nih....gak bikin blog berat lagi... sipppp lagi dehh

Addisatya mengatakan...
11 Mei 2011 20.43

Thanks gan, nice info.
visit back ya ;)

buying and selling online mengatakan...
12 Mei 2011 22.06

Boost your Backlinks to Help your Website Rank Higher in Search Results

Rizky mengatakan...
15 Mei 2011 14.13

terimakasih sob, sudah berbagi, oh ya sob tukran link yuk, ane sudah pasang banner sobat di blog ane ditunggu nih sob konfirmasinya

KPI mengatakan...
30 Mei 2011 14.45

Tips nya bermanfaat master...request (mungkin aku kelewatan baca...maaf..)gmn buat toolbar yang seperti dibawah blog ini yah.. trims...:c:

Aldino Fahreza mengatakan...
10 Juni 2011 16.23

Kode yang warna biru mana ya master? :c:

Saling Berbagi mengatakan...
25 Juni 2011 01.42

:j:

Anonim mengatakan...
26 Juni 2011 17.19

master kalau yg di bawah gmna,...????

Tips-Triks mengatakan...
4 Juli 2011 08.14

kalo mau di tambahin facebook dan twitter gimana caranya...??

by : http://naxzapram.blogspot.com/

:a:

Asmara Susanto mengatakan...
13 Juli 2011 19.52

gagal zzzz =="

Kaffah mengatakan...
1 Agustus 2011 13.23

bnyak ilmu yg saya dapat mkasih gan ..jng lupa tuker balik lingnya gan,,http://deeqmujadid.blogspot.com

Ari Ibnu Umar mengatakan...
18 Agustus 2011 11.31

Broder, klu buat stripe bar seperti zoomtemplate itu bigimana :e: Please help me...

be a popular girl mengatakan...
7 September 2011 04.59

Thank you for another essential article. Where else could anyone get that kind of information in such a complete way of writing? I have a presentation incoming week, and I am on the lookout for such information. be a popular girl

Ilham Kihem mengatakan...
14 September 2011 21.11

good

Ilham Kihem mengatakan...
14 September 2011 21.12

:b:

NĂș Mommy mengatakan...
18 September 2011 14.59

ga ngerti :i:

Kampung Birampak mengatakan...
11 November 2011 13.05

mantep,,,,
makasih ilmunya udh d praktekin cek aja....
http://birampak.blogspot.com

Rudy Hartono mengatakan...
21 Desember 2011 21.38

thanks atas infonya gan, sangat bermanfaat sekali, salam kenal
http://caramembuatyangakumau.blogspot.com

Rudy Hartono mengatakan...
28 Desember 2011 08.22

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me
http://caramembuatyangakumau.blogspot.com

Rudy Hartono mengatakan...
28 Maret 2012 20.37

kunjungan malam

ibnu jailani mengatakan...
24 Juni 2012 18.18
Komentar ini telah dihapus oleh penulis.
Tips dan Trik mengatakan...
2 Juli 2012 00.00

infonya bagus gan, sepertinya anda berbakat dalam hal blogging yah. Saya yakin anda adalah seorang profesional. bila ada waktu saya akan berkunjung lagi ke blog anda. dan bila agan semua ada waktu kunjungi juga log saya ok ni alamatnya: boytriks.blogspot.com dan beri komentar sobat smua

sasori kun mengatakan...
29 September 2012 14.06

kalau mahu tambah gimana ya?

Limit Komputer mengatakan...
15 November 2012 19.09

Thanks bnget nch sob....

Jobskoe | Lowongan Kerja Terbaru mengatakan...
18 Desember 2012 20.57

ijin nyobain yaa Mas, makasih tutorialnya :D

Toko Alat Sex mengatakan...
18 Desember 2012 20.58

thanks sobat, blogwalking :)

Id Lowker mengatakan...
18 Desember 2012 21.00

manteeb mas :D hheee sangat membantu

Desa Digital mengatakan...
7 April 2013 16.44

Birunya yang man ya??
Kok sama smua?
apa ane yang salah liat ya?

Ina Santtika mengatakan...
2 Januari 2014 02.04

ikut menyimak min... thanks blogwolking

Cara DEWASA | Cerita DEWASA | Foto Hot Artis


Obat Kuat Alami | Obat Tahan Lama | Pills menyembuhkan disfungsi Ereksi


Obat Kuat Alami | Obat Kuat Seks Herbal - Tradisional

(O_O) Obat Peninggi Badan Alami | Peninggi Badan Super cepat


(O_O) obat pelangsing badan alami

(O_O) Obat Penggemuk Badan Alami

(O_O) Obat Perangsang Wanita

(O_O) Obat Pemutih Badan Alami

(O_O) Cream Pemutih Wajah Herbal

(O_O) Obat Jerawat Alami

(O_O) Obat Pembesar Penis Alami

(O_O) Obat Penghilang Bekas Luka Alami

(O_O) Alat Bantu Wanita

(O_O) Alat Bantu Pria

(O_O) Obat Pembesar Penis Pria


(O_O) Cara Memperbesar Alat Vital Alami

(O_O) Toko Alat Bantu Vibrator


(O_O) Vigrx Plus Original - asli

manfaat ace maxs mengatakan...
2 Juni 2014 10.41

ini ilmu yang sebenernya cukup limiteed, tapi mas bro mau share ke kita - kita :D

harga xamthone plus mengatakan...
2 Juni 2014 14.46

Thanks ilmunya gan... jarang jarang dapet yang begini :D

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Poskan Komentar


Gratis berlangganan artikel via RSS FEED
Add to Google Reader or Homepage Subscribe in Bloglines Add to Plusmo
Ingin mendapat artikel Trik-Tips Blog langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan secara gratis.



Blog-Triks Sponsor

adsense adsense
adsense adsense

BLOG-TRIKS MENU

Cara Membuat Kotak Ini

Link Barter

Cara Membuat Kotak Ini

CATEGORY

Community

Blog-Triks on Facebook
 
Add Me On Your Facebook
Free Subscribe blog-triks Article Via Email, Join Now!!!