Cara Membuat Menu Navbar Atau Meta Bar di Blog Resync by-karim™ ][ Blog Sukarim ]<>[ Berbagi Artikel ][

Postingan kali ini Blog Sukarim Akan berbagi Cara Menutupi Navbar Blogspot dengan menu Meta Bar di bagian atas blog, yang fungsinya untuk menutupi navbar blogspot pada blog sobat. Seperti pada blog ini. Contoh Pada Gambar Di Samping Dari Anak Panah Menunjukan

Navbar Menu atau Meta Bar, Yang Untuk Nutupi Navbar blogspot. Cara membuat menu navbar atau cara menutupi navbar pada blogspot, blog Sukarim mencoba berbagi artikel tentang Cara Menutupi Navbar Blogspot dengan menu Meta Bar di bagian atas blog atau blogspot. Ok.. langsung saja saya akan beri tau caranya buat sobat.

Cara membuat Navbar Menu di Blogspot :

Pertama Login Dulu ke Blog Sobat ~> Design ~> Edit HTML

Kemudian Centang (Expand Template Widget)~>(Tekan Tombol CTRL+F biar gampang) Dan Cari kode ( ]]></b:skin> )

Setelah Sobat Temukan Kode tersebut, kemudian sobat Copy kode di bawah ini dan paste di atas kode~>( ]]></b:skin> ).

#mta_bar{background:<span style="color: blue;">#FFFFE1</span> url('<span style="color: blue;">http://informasidigallery.com/burung_terbang/wow.png</span>')
 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}</b></span>
<span style="font-size: xx-small;"><b>* html #mta_bar{/*IE6 hack*/position:absolute; 
width:expression(document.compatMode=="CSS1Compat"? 
document.documentElement.clientWidth+"px":body.clientWidth+"px")}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#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%}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#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%}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#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}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#mta_bar .right a{font-size:10px; color:#fff; text-decoration:underline}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#mta_bar .right a:hover{font-size:10px; color:#fff; text-decoration:none}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#left_bar
 a{background:url('#') no-repeat; text-decoration:none; color:#fff; 
padding-left:23px; padding-right:0; padding-top:0; padding-bottom:0}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#left_bar a:hover{text-decoration:underline; color:#fff}</b></span></div>
<div style="text-align: left;">
<span style="font-size: xx-small;"><b>#left_bar a:hover{text-decoration:underline; color:#00F}

Kemudian paste kode di bawah berikut di bawah kode ( </body> Atau <body> ) Atau Kode ( <body expr:class='"loading" + data:blog.mobileClass'> )

Yang terakhir di simpan(save).
Supaya Sobat Lebih Jelas,..
Bisa Lihat Screenshot Gambar Di Bawah ini,..
( Untuk Memperbesar Klik Pada Gambar )

Pertama Login Dulu ke Blog Sobat Contoh Screenshot Gambar Di Bawah ini :

Selanjutnya Sobat Pilih Opsi Lainya. Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 1 :

Selanjutnya Sobat Pilih Template. Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 2 :

Selanjutnya Sobat Pilih Edit HTML. Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 3 :

Selanjutnya Sobat Centang ( Expand Template Widget ). Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 4 :

Selanjutnya Sobat Copy Kode Yang Di atas Tadi,.. dan Paste di atas kode ( ]]></b:skin> ),.. Dan Biar Sobat Lebih Gampang Untuk Mencari kode ~>( ]]></b:skin> ) Tekan Tombol ( CTRL+F ). Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 5 & 6 :

Selanjutnya Sobat Copy Lagi Kode Yang Di atas Tadi,.. Yang Untuk Menampilkan Menu Navbar_nya,.. Dan Paste Di Bawah Kode ( </body> Atau <body> ) Kalau Tidak Ketemu,.. Coba Sobat Cari Dengan Kode ( <body expr:class='"loading" + data:blog.mobileClass'> ). Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 7 & 8 :

Kemudian Yang Terakhir Sobat Simpan Template,.. Dan Lihat Hasil_nya. Contoh Screenshot Gambar Di Bawah ini. Pada Anak Panah Nomor 9 :

Catatan Yang Harus Sobat Perhatikan :

Kode yang ini : ( http://informasidigallery.com/burung_terbang/wow.png ) adalah Warna background dari navbar menu tersebut, bebas bisa sobat ganti atau modiffikasi lagi sesuai keinginan dengan warna background blog sobat.

Kode yang ini : ( http://sukarim.blogspot.com/ ) adalah Kode Link Blog, itu isi Link dan pesan singkat navbar menu tersebut, juga bisa sobat ganti atau modiffikasi lagi sesuai keinginan sobat.

Semoga artikel Membuat Menu Bar ini, bermanfaat buat sobat.., terima kasih By Sukarim.

4 komentar:

RizShareKamis, 01 November 2012 pukul 10.19.00 CDT
ko gk muncul y
BalasHapus
Balasan
UnknownMinggu, 06 Maret 2016 pukul 22.45.00 CST
mantap infonya gan (y)

http://www.samrtkiosku.com
http://www.kudupinterkabeh.blogspot.co.id
BalasHapus
Balasan
ciciSabtu, 25 Januari 2020 pukul 00.42.00 CST
Yuk Merapat Best Betting Online Hanya Di AREATOTO
Dalam 1 Userid Dapat Bermain Semua Permainan
Yang Ada :
TARUHAN BOLA - LIVE CASINO - SABUNG AYAM - TOGEL ONLINE ( Tanpa Batas Invest )
Sekedar Nonton Bola ,
Jika Tidak Pasang Taruhan , Mana Seru , Pasangkan Taruhan Anda Di areatoto
Minimal Deposit Rp 20.000 Dan Withdraw Rp.50.000
Proses Deposit Dan Withdraw ( EXPRES ) Super Cepat
Anda Akan Di Layani Dengan Customer Service Yang Ramah
Website Online 24Jam/Setiap Hariny
BalasHapus
Balasan

Tambahkan komentar

Terima kasih atas kunjungan anda ke Blog Sukarim. Dan Jika anda ingin memberikan komentar, silahkan isi kolom komentar dengan baik dan sopan. Dan mohon maaf, jika saya membalasnya agak lama..,

Rabu, 04 Juli 2012

Cara Membuat Menu Navbar Atau Meta Bar di Blog

4 komentar: