Cara membuat menu bar di blog dan cara memasukkan post di menu bar

Assamulaikum Wr.Wb


Di beberapa waktu saya sempat dibuat bingung dengan cara membuat menu bar di blog khususnya blogspot dan cara menyingkronkan post di menu tersebut. Setelah saya mencari-cari di blog teman-teman lain, saya rasa belum menunjukkan cara yang simple. Buat seorang newbie pasti akan bingung. Okay saya akan membagikan suatu cara untuk membuatnya versi blog 2016. Semoga kalian tidak bingung yaa...

1. Untuk yang pertama pastikan kalian login ke akun blog kalian
2. Setelah itu klik pada Tata Letak, (kalian akan menemukan seperti gambar dibawah ini).


3. Tambahkan widget pada lokasi yang mana yang mau kalian tambahkan menubar, tergantung layout masing-masing blognya, ada yang diatas header dan ada yang dibawah header. (di layout saya ini terletak di bawah kolom header)

4. Setelah itu tambahkan widget HTML/JavaScript pada pilihan widget yang disediakan oleh blogger.


5. Lalu  telah memasang widget di atas, masukkan kode script dibawah ini di kolom Konten.

<ul>
<li><a href="http://geoternal.blogspot.com/"><span>Home</span></a></li>
<li><a href="http://geoternal.blogspot.com/search/label/Experience"><span>Experience</span></a></li>
<li><a href="http://geoternal.blogspot.com/search/label/Hobbies"><span>Hobbies</span></a></li>
<li><a href="http://geoternal.blogspot.com/search/label/Love"><span>Love</span></a></li>
<li><a href="http://geoternal.blogspot.com/search/label/Other"><span>Other</span></a></li></ul>

KETERANGAN :

Hijau :  Sesuaikan link blog temen-temen
Biru   :  Sesuaikan nama apa yang akan teman-teman buat dalam menu bar. (sesuai kebutuhan)

Memasukkan post di menu bar yang sudah kalian buat

Setelah Menu bar berhasil dibuat, saatnya menyingkronkan post temen-temen menurut labelnya masing.

1. Buat post baru dan berikan nama label sesuai nama menu bar yang kalian buat. Apabila teman-teman telah membuat post, tinggal teman-teman mengganti nama label post teman-teman dengan nama yang sama dengan menu bar yang sudah kalian buat.

2. Selamat anda telah berhasil membuatnya. :), silahkan menuju blog teman-teman.

Apabila teman-teman ingin copas, silahkan disertai sumber yah :)
Terimakasih dan wassalamualaikum Wr.Wb.


10 komentar

itu sudah saya tes dan berhasil. semoga bermanfaat.

Reply

Ohhh jadi caranya gini

Reply

iya gan... dicoba aja 100% work.

Reply

Sip gan.. Test drive dulu ya.. :)

Reply

silahkan gan.. makasih sudah mampir.. :)

Reply

menu barnya mobile friendly ga tu?

Reply

very friendly mas... :)

Reply

simpel artikelnya, dan mudah dimengerti terutama bagi blogger baru, trims sangat bermanfaat

Reply

iya sob... cocok untuk pemula... terimakasih sob :)

Reply

Posting Komentar