Cara Membuat Navigasi Menu diatas Header Blog Terbaru

Posted by



Anda bingung ? , kesulitan mencari solusi permasalahan blog anda untuk menampilkan menu navigasi ulang, tetapi berharap navigasinya berada di atas header ? .
Haha , tenang sob ane mo ngasih sedikit solusi untuk masalah ini .
Ternyata setelah ane browsing - browsing akhirnya ketemu juga solusinya .
Gampang sih sob, tinggal ikutin nih langkah - langkahnya :


1. Yang pastinya Login ke Blogger sobat

2. Masuklah ke Dashboar > Pilih Template > Edit HTML ( kalo udah ketemu HTML mesti pada   
    ketakutan :v )

3. Search Code ( Ctrl+F ) ]]></b:skin> dan letakkan kode dibawah ini tepat diatas code ]]></b:skin>

.toppic{width:100%;margin:0 auto;border-bottom:0px solid #666;}.topnav{background:#ffffff;width: 960px;height:32px;overflow: hidden;margin:0 auto; padding:10px 10px 0px 10px; }.toppic{background:#ffffff;width:1000px;margin:0 auto;border-bottom:1px solid #999;}.topnav{width: 960px;height:20px;overflow: hidden;margin:0 auto; padding:0px 0px 10px 10px; }.menupic{background:#fff;width:960px;margin:0 auto;}


  Note : Atur tinggi dan lebar sesuai penempatan di blog sobat .

4. Next, cari kode <body> atau <body dan letakkan kode dibawah ini tepat dibawah kode <body>
    atau <body 


div class='toppic'><div class='topnav'><div style='font: 11px Arial;float:left;padding-top:3px;letter-spacing:.01em;color:#ffffff;'>Wellcome  |  Members area  :  <a href='http://www.blogger.com' title='log in to blogger'>Register</a>  |  <a href='http://www.blogger.com' title='log in to blogger'>Sign in</a> </div>
<div style='font: 11px Arial;float:right;padding-top:3px;letter-spacing:.01em;color:#ffffff;'><a href='http://radonita.blogspot.com/2014/12/terms-of-service-for-rangga-geni-if-you.html' title='TOS'>TOS</a> | <a href='http://radonita.blogspot.com/2014/12/privacy-policy-for-rangga-geni-if-you.html' target='_blank' title='Privacy policy'>Privacy Policy</a> | <a href='https://www.facebook.com/rangga.processorintelcoreininefk' title='Contact me'>Contact Us</a> | <a href='https://plus.google.com/u/0/me?tab=mX' title='Google Plus'>Google Plus</a></div></div></div>

Note : Ganti kode yang berwarna orange dengan kebutuhan sobat

5. Pratinjau terlebih dahulu sebelum di simpan

6. Setelah hasilnya sesuai keinginan, tanpa ragu langsung save aja sob, haha

Dan ini Navigasi pada blog ane sob, caranya sama kok seperti yang sudah ane sajikan di atas .



Sekian Artikel ini semoga bermanfaat bagi sobat - sobat .
Salam RG !


FOLLOW and JOIN to Get Update!

Social Media Widget SM Widgets




Demo Blog NJW V2 Updated at: 10:18 PM

0 komentar:

Post a Comment

TATA TERTIB BERKOMENTAR

1. Berkomentar sesuai dengan isi artikel

2. Gunakanlah bahasa yang baku

3. Anda boleh mengirim komentar yang berisi Pertanyaan,
Pendapat,Kritikan, Saran ataupun Koreksi jika ada kesalahan
dari saya

5. Berkomentarlah dengan sopan santun, jangan sampai menyinggung
orang lain

6. Dilarang berkomentar dengan menyertakan kalimat
Provokasi, menyinggung SARA (Suku Ras dan Agama)
dan Parnografi.

8. Dilarang melakukan promosi / iklan baris seperti berjualan HP,
dagang obat dan promosi yang tidak ada kaitannya dengan
Blogger sama sekali.

SEKIAN TERIMA KASIH

Join Here

Like