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.
Pertama Login Dulu ke Blog Sobat ~> Design ~> Edit HTML
Cara membuat Navbar Menu di Blogspot :
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> ).
* html #mta_bar{/*IE6 hack*/position:absolute; width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px":body.clientWidth+"px")}
* 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('#') 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:#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 )
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.
ko gk muncul y
BalasHapusCoba Di Cek Lagi Dan Di Teliti Dengan Baik,.. biasanya salah Menempatkan Kode,...
Hapus.................Maaf Meresponya Lama, karena jarang Otak - Atik.
.............................................Salam bY SUkarim
mantap infonya gan (y)
BalasHapushttp://www.samrtkiosku.com
http://www.kudupinterkabeh.blogspot.co.id
Yuk Merapat Best Betting Online Hanya Di AREATOTO
BalasHapusDalam 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