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 :



34 comments:

4presentation mengatakan...
26 April 2011 pukul 16.51

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

Beben Koben mengatakan...
27 April 2011 pukul 16.28

:f: ini master kemana wae :f:

Rachmad mengatakan...
1 Mei 2011 pukul 11.44

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

Addisatya mengatakan...
11 Mei 2011 pukul 20.43

Thanks gan, nice info.
visit back ya ;)

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

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

Rizky mengatakan...
15 Mei 2011 pukul 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 pukul 14.45

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

Unknown mengatakan...
10 Juni 2011 pukul 16.23

Kode yang warna biru mana ya master? :c:

Saling Berbagi mengatakan...
25 Juni 2011 pukul 01.42

:j:

Anonim mengatakan...
26 Juni 2011 pukul 17.19

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

Tips-Triks mengatakan...
4 Juli 2011 pukul 08.14

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

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

:a:

Unknown mengatakan...
13 Juli 2011 pukul 19.52

gagal zzzz =="

Kaffah mengatakan...
1 Agustus 2011 pukul 13.23

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

Unknown mengatakan...
18 Agustus 2011 pukul 11.31

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

be a popular girl mengatakan...
7 September 2011 pukul 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 pukul 21.11

good

Ilham Kihem mengatakan...
14 September 2011 pukul 21.12

:b:

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

ga ngerti :i:

Kampung Birampak mengatakan...
11 November 2011 pukul 13.05

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

Anonim mengatakan...
21 Desember 2011 pukul 21.38

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

Rudy Hartono mengatakan...
28 Maret 2012 pukul 20.37

kunjungan malam

ibnu jailani mengatakan...
24 Juni 2012 pukul 18.18
Komentar ini telah dihapus oleh pengarang.
Tips dan Trik mengatakan...
2 Juli 2012 pukul 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

Unknown mengatakan...
29 September 2012 pukul 14.06

kalau mahu tambah gimana ya?

Limit Komputer mengatakan...
15 November 2012 pukul 19.09

Thanks bnget nch sob....

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

ijin nyobain yaa Mas, makasih tutorialnya :D

Toko Alat Sex mengatakan...
18 Desember 2012 pukul 20.58

thanks sobat, blogwalking :)

Id Lowker mengatakan...
18 Desember 2012 pukul 21.00

manteeb mas :D hheee sangat membantu

Desa Digital mengatakan...
7 April 2013 pukul 16.44

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

Klik mengatakan...
2 Januari 2014 pukul 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 pukul 10.41

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

harga xamthone plus mengatakan...
2 Juni 2014 pukul 14.46

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

mengobati asam urat mengatakan...
7 Agustus 2014 pukul 10.46

Saya sangat senang gan nemuin web ini. soalnya bermanfaat banget. makasih ya gan. semoga semangat terus nulis artikelnya.

Putra Tasik mengatakan...
17 Februari 2015 pukul 14.33

semoga bermanfaat ..

agaricpro


obat herbal penyakit maag kronis


obat penyakit hernia


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

Posting 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!!!