Tips Membuat Menu Navigasi Bar Pada Blogge
Desain blog yang menarik merupakan kebanggan tersendiri bagi kita semua dan pengunjungpun tertarik pada blog anda Menu Navisagis atau menu Horizontal, Biasanya menu navigasi terletak dibawah header. Maka dari itu lah saya kali ini menulis artikel tentang Tips Membuat Menu Navigasi Bar Pada Blogger, cara ini bisa di bulang cukup mudah, namun butuh sedikit ketelitian, karna dengan ketelitian itu bisa membantu berhasil atau tidak nya cara yang kita lakuin.
Langsung saja, Berikut langkah-langkah membuat menu Navigasi:
1. Login/Masuk ke blogger.
2. Pilih Tata Letak --> Edit HTML --> centang "Expand Templte Widget".
3. Tapi setiap melakukan perbaikan template, sebaiknya simpan Template engan meng-klik tulisan Download Template Lengkap. Kemudian simpan di file Komputer anda, Bila terjadi kesalahan pada Template anda sudah memiliki back-up untuk mengembalikannya kembali.
4. Cari kode ]]> atau dengan cara tekan Ctrl+F Ketik ]]> Copy kode dibawah ini dan Paste diatas kode ]]>
5. Ganti kode css yang berwarna merah diatas sesuaikan dengan blog kamu.
6. Cari kode seperti di bawah ini.
<div id='header-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>
</b:section>
7. Letakkan kode dibawah ini tepat dibawah kode
<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
</ul>
</div>
</div>
<div id='navright'>
<form action='http://pertamamedia.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>
</div>
</div><!-- akhir bg_nav -->
8. Terakhir ganti text yang berwarna merah dengan Url blog anda kemudian simpan Template lihatlah blog anda.
sekian artikel yang saya tulis, semoga dengan apa yang saya tulis bisa membatu anda untuk membuat navigasi Bar menu pada blogger, selamat mencoba.
1. Login/Masuk ke blogger.
2. Pilih Tata Letak --> Edit HTML --> centang "Expand Templte Widget".
3. Tapi setiap melakukan perbaikan template, sebaiknya simpan Template engan meng-klik tulisan Download Template Lengkap. Kemudian simpan di file Komputer anda, Bila terjadi kesalahan pada Template anda sudah memiliki back-up untuk mengembalikannya kembali.
4. Cari kode ]]> atau dengan cara tekan Ctrl+F Ketik ]]> Copy kode dibawah ini dan Paste diatas kode ]]>
Klik show untuk melihat
6. Cari kode seperti di bawah ini.
<div id='header-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>
</b:section>
7. Letakkan kode dibawah ini tepat dibawah kode
<div id='bg_nav'>
<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
</ul>
</div>
</div>
<div id='navright'>
<form action='http://pertamamedia.blogspot.com/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>
</form>
</div>
</div><!-- akhir bg_nav -->
8. Terakhir ganti text yang berwarna merah dengan Url blog anda kemudian simpan Template lihatlah blog anda.
sekian artikel yang saya tulis, semoga dengan apa yang saya tulis bisa membatu anda untuk membuat navigasi Bar menu pada blogger, selamat mencoba.
Post a Comment for "Tips Membuat Menu Navigasi Bar Pada Blogge"