Sabtu, 19 Agustus 2017

Cara Mengedit Menu Navigasi Pada Blogger

Cara Mengedit Menu Navigasi Pada Blogger

Blog memiliki beberapa menu untuk bisa di edit seperti pada barisan atas,samping kiri dan kanan,bawah dan lain - lainya. Secara keseluruhan di dalam blog dapat kita ubah dengan mengedit agar dapat menambah kesan nyaman untuk mempermudah para pengunjung agar mengakses isi dari website blog yang sobat kelola.

Inilah contoh dari navigasi yang saya maksud di atas :


Menu Navigasi Bagian Atas

Menu Navigasi Bagian Bawah

Saat sobat mengganti template pada sebuah website blog,pasti akan bermunculan dari menu - menu navigasi tersebut dan untuk mengubah agar dapat sesuai dengan keinginan sobat maka harus mengedit menu navigasi tersebut pada bagian Edit HTML di atas settings yang ada di blogger sobat.

Seperti contoh gambar pada menu navigasi yang berada pada barisan atas, sobat harus mencari kata "TOOLS ONLINE" "LINK PARTNER" "TUTORIAL BLOGGER" "CATEGORIES" yang akan ada di template gunakan sebagai contoh apabila menggunakan template seperti website blog saya.

Seperti ini,saya akan mencari dengan menggunakan kata kunci "TUTORIAL BLOGGER" kemudian saya membuka Edit HTML dengan menekan ctrl + F pada keyboard komputer dan menuliskan kata kunci nya.

Ketika sobat telah menemukan kata kunci seperti diatas kemudian yang sobat lakukan bisa dengan mengubah sesuai keinginan dan keperluan pada website blog sobat. Bisa di isi dengan menambahkan Labels blog ataupun Laman blog website blog sobat.

Sebagai contoh :


<li><a href='#' itemprop='url'><span itemprop='name'>TUTORIAL BLOG <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='/search/label/Blogger%20Pemula?&amp;max-results=7' itemprop='url'><span itemprop='name'>Blogger Pemula</span></a></li>
<li><a href='/search/label/Template?&amp;max-results=7' itemprop='url'><span itemprop='name'>Template Blogger</span></a></li>
<li><a href='/search/label/Trik%20Blogger?&amp;max-results=7' itemprop='url'><span itemprop='name'>Trik Blogger</span></a></li>
</ul>
</li>

Saya edit menjadi :


<li><a href='#' itemprop='url'><span itemprop='name'>Akun Sosmed <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='/search/label/Facebook?&amp;max-results=7' itemprop='url'><span itemprop='name'>Facebook</span></a></li>
<li><a href='/search/label/Twitter?&amp;max-results=7' itemprop='url'><span itemprop='name'>Twitter</span></a></li>
<li><a href='/search/label/Instagram?&amp;max-results=7' itemprop='url'><span itemprop='name'>Instagram</span></a></li>
</ul>
</li>

Contoh script diatas merupakan salah satu menu navigasi pada website blog saya dengan mengedit dan menambahkan pada bagian Labels blog.
(Gambar Merah = Menu Navigasi yang akan ditampilkan pada website blog)
(Gambar Hijau = Tujuan pada alamat website blog yang di alihkan)

lakukan cara berikut seperti diatas sampai menurut sobat sendiri telah cukup untuk di edit pada website blog sobat, untuk artikel kali ini semoga bermanfaat dan bisa mudah untuk di terapkan pada website blog sobat. Terima Kasih

8 komentar

Gan bagi cc donk ke email ini. Ryulinggar21@gmail.com.
Kalau ane udah ente kasih.ane share blog in kang

Walah ada mbak cantik Hanna x-) Iya nih mbak terima kasih sudah menyempatkan berkunjung hihi

Iya gan arif, agar dapat memberi para pengunjung mengakses pada website blog yang gan arif kelola..
Terima kasih sudah berkomentar..

Sama - sama gan, Terima kasih sudah berkomentar.. (y)


EmoticonEmoticon