Tutorial Cara Setting Menu Pada Blog
Asalaimualaikum kali ini saya nak share atau buat tutorial cara setting menu pada blog korang, pada mulanya kita pun noob nak buat menu ni puas cari sana sini rupa rupanya senang je aduiii hahaha. yerla benda spesifik sangat ni susah nak nampak lagi - lagi kalau dalam bukan bidang kita, tapi kalau dah minat nak buat macam mana belajar jerla sesuatu yang baru, esok anak - anak kita tanya dah senang. kah kah aperrr pun tak boleh..ok terus follow dekat bawah lebih detail.
Sekarang kita nak setting menu ni supaya nampak lebih tersusun yang kita inginkan dan rapi seperti gambar di atas ni macam blog zamri bloggear ini, pada asas nya template yang kita dapat telah di setting oleh developer tersebut so kita kena pandai - pandai cari koding dia yang penting jangan pening dan tersilap step yang di tunjukkan dekat bawah ni n
anti.lanjut baca.
Langkah 1
Blogger/Dashboard => Templates => Edit Html
Ketik CTRL + F untuk memudahkan pencarian dan Enter copy kode dibawah
Hasil seperti gambar dibawah.
<div class='nav-collapse collapse'>
 |
| Belum Setting |
 |
| Selepas Setting |
Langkah 2
Tukar yang perlu sahaja seperti dibawah ubah url blog anda
SINGLE MENU
Sebelum
<li><a href='#'>Home</a></li>
Selepas
<li><a href='http://blogingker.blogspot.com/search/label/service'>Home</a></li>
DROPDOWN MENU
Sebelum
<li class='dropdown'><a class='dropdown-toggle' data-toggle='dropdown' href='#'>Download<i class='icon-angle-down'/></a>
<ul class='dropdown-menu'>
<li><a href='#'>Software</a></li>
<li><a href='#'>Ebook</a></li>
<li><a href='#'>Song</a></li>
<li><a href='#'>Movie</a></li>
Selepas
<li class='dropdown'><a class='dropdown-toggle' data-toggle='dropdown' href='http://blogingker.blogspot.com/search/label/download'>Download<i class='icon-angle-down'/></a>
<ul class='dropdown-menu'>
<li><a href='http://blogingker.blogspot.com/search/label/software'>Software</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/ebook'>Ebook</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/song'>Song</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/movie'>Movie</a></li>
<ul class='dropdown-menu'>
<li><a href='http://blogingker.blogspot.com/search/label/software'>Software</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/ebook'>Ebook</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/song'>Song</a></li>
<li><a href='http://blogingker.blogspot.com/search/label/movie'>Movie</a></li>
Nota : Asas template tiada link untuk anda tuju developer akan meletakkan tanda seperti '#' sahaja untuk link di tuju apabila pengujung blog klik korang harus meletakkan link pada bahagian ini dan setting yang harus anda bikin supaya nampak kemas dan teratus seperti yang korang mahukan, sila gantikan menu yang korang suka.bergantung pada koding templates semoga tips ini sedikit banyak membantu anda dalam meningkatkan seni blogging.
0 comments: