Monday, August 26, 2019

Cara Membuat Menu Navigasi Blog Lengkap Satu Persatu

Enak-O - Untuk kamu yang mungkin baru mengenal dunia Blogger dan baru saja membangun sebuah blog/website mungkin yang kamu tau tentang hal penting yang harus dibangun adalah artikel saja. Pdahal, kamu harus tau bahwa, selain konten/artikel, ternyata ada juga yang tak kalah penting dan harus tersedia pada blog kamu, yaitu menu navigasi.


Apa itu menu navigasi?


Pernahkah kamu mengunjungi sebuah website atau blog besar di google? Contohnya blog informasi seperti Okezone.com
Jika dilihat lihat, website tersebut terdapat menu di bagian pojok atas kiri (garis 3), yang apa bila di klik maka akan muncul berbagai macam label dan kategori untuk masing masing konten yang tersedia di website tersebut. 

Bukan hanya itu, jika kamu menggeser ke halaman paling bawah, kamu akan menemukan fitur Home, about us dan disclaimer. Itulah yang disebut dengan menu navigasi.

Beberapa bagian menu navigasi yang biasanya harus di miliki oleh website ataupun blog seperti berikut :

*Home (Halaman) >Berfungsi untuk mengarahkan pengunjung kehalaman utama untuk melihat berbagai macam konten lainnya yang tersaji didalam website.

*About us (Tentang Kami) >Berfungsi untuk menyampaikan kepada pengunjung tentang apa tujuan website tersebut di buat, siapa yang mengelola website tersebut, kapan website tersebut dibuat dan lain sebagainya.

*Disclaimer (Penolakan) >Berfungsi untuk menyampaikan kepada pengunjung bahwa website tersebut tidak bertanggung jawab atas apapun yang terjadi kepada pengunjung walaupun tindakan yang di ambil berasal dari informasi yang di muat.

*Privacy policy (Rahasia Pribadi) >Berfungsi untuk menyampaikan kepada pengunjung tentang ketentuan ketentuan dan kebijakan privasi yang berlaku pada website tersebut. Sehingga pengunjung dapat mematuhi ketentuan yang berlaku pada masing masing website.

*Contact (Kontak) >Berfungsi agar pengunjung dapat menghubungi pengelola website dengan tujuan untuk memberikan masukan.

*Sitemap (Daftar isi)  >Berisi semua judul konten pada website. Berfungsi agar pengunjung dapat menemukan konten apa yang ingin dibaca. Fungsinya sama dengan daftar isi yang terdapat pada buku.

*Label (Kategori) >Berfungsi untuk mengelompokan konten sesuai pembahasannya. Jika contoh : konten membahas seputar agama, maka konten tersebut bisa di kategorikan "Religi", atau konten berisi informasi mengenai pemerintahan maka bisa di kategorikan "Politik".

Itulah penjelasan singkat mengenai masing masing isi dari menu navigasi.

Selanjutnya adalah, kita akan membahas mengenai cara pembuatannya satu persatu.

1. Cara membuat about us pada blog / website

a. Masuk ke dashboard Blogger
b. Pilih "Halaman", lalu buat "Halaman baru"
c. Silahkan tuliskan tentang blog/website kamu, jelaskan apa tujuan blog itu dibuat, kapan blog itu di buat dan tentang apa yang di bahas pada blog itu. Selain itu, kamu juga bisa menceritakan tentang profil kamu sebagai seorang penulis di blog itu. Jangan lupa kasih judul sebelum di publikasikan.

2. Cara membuat privacy policy pada blog/website
 
a. Masuk ke dashboard Blogger
b. Pilih "Halaman", lalu buat "Halaman baru"
c. Disini kamu bisa menulis privacy policy versi sendiri dengan melihat contoh pada website lain.
Atau kamu juga bisa membuatnya secara otomatis tanpa harus memikirkan kalimat apa yang akan di tulis. 

Caranya seperti ini :

a. Kunjungi situs www.privacypolicyonlie.com
b. Isi masing-masing kolom yang tersedia sesuai apa yang di perintahkan.
*Your site title : isikan nama blog kamu
*Your site Url   : isikan alamat blog kamu
*Email Address  : isikan alamat email kamu
*Dan untuk advertisier silahkan centang masing masing layanan iklan yang akan kamu kaitkan pada website. Contohnya disini saya mencentang "Google Adsense". 


*Jika sudah selesai diisi. Silahkan pilih "Generate HTML", kemudian Copy semua tulisan pada kotak yang disediakan (copy semuanya).
*Jika sudah dicopy, silahkan masuk ke dashboard Blogger > Halaman > Halaman Baru > Html (disebelah Compise) > Tempel tulisan yang kamu copy tadi.


Kemudian publikasikan, Jangan lupa kasih judul.
Selesai, Privacy Policy blog kamu sudah selesai di buat.

3. Cara membuat disclaimer pada blog/website

Langkah sama seperti sebelumnya (a-c).
Kamu bisa membuat disclaimer versi kamu sendiri dengan cara melihat disclaimer milik website lain.
Atau kamu bisa membuat disclaimer secara otomatis seperti privacy policy di atas. 

Caranya :

a. Sama seperti diatas, kunjungi situs privacypolicyonlie
b. Pilih "Disclaimer generator" 
c. Isikan seperti cara membuat privacy policy di atas.
Kemudian "Generate Disclaimer". kemudian Copy semua tulisan pada kotak yang disediakan (copy semuanya).
*Jika sudah dicopy, silahkan masuk ke dashboard Blogger > Halaman > Halaman Baru > Html (disebelah Compise) > Tempel tulisan yang kamu copy tadi. Kemudian publikasikan, Jangan lupa kasih judul.
Selesai, Disclaimer blog kamu sudah selesai di buat. (cara sama seperti poin nomor 2).

4. Cara membuat Contact pada blog/website.

a. Ikuti cara di atas (a-c).
b. Silahkan tulis bagaimana cara agar pengunjung dapat menghubungi kamu. Misalnya, kamu meletakan alamat Gmail kamu dan link Facebook Fanspage atau Facebook pribadi kamu. Kasih judul, lalu publikasikan.

5. Cara membuat sitemap (daftar isi) pada blog/website.

a. Ikuti cara sebelumnya (a-c)
b. Copy kode di bawah ini, lalu pastekan di kolom HTML (disamping Compose). Lihat gambar di atas pada poin nomor 2 (cara membuat privacy policy) jika bingung. Dan jangan lupa untuk memberi judul terlebih dahulu sebelum mempaste kode.
Kunjungi link kodenya di bawah, silahkan copy semuanya :
Kunjungi Kode 👉 Kode Sitemap Kren seperti blog Enak-O
Note : Jika terjadi kesalahan.
Silahkan hapus halaman tersebut, dan buat ulang halaman baru.

6. Cara membuat kategori/label pada blog/website

a. Pergi ke semua postingan > edit > pilih label > tentukan label/kategori artikel itu.
b. Pasang kategori terlebih dahulu ke masing-masing artikel.


Jika sudah..
c.​ Pergi ke "Tata letak" > tambahkan gadget > label.

Jika semua menu navigasi sudah selesai dibuat. Tahap selanjutnya adalah meletakan masing masing menu tersebut sesuai pada tempatnya yang sudah disediakan oleh template (tema). Jangan lupa untuk mencatat link masing-masing menu navigasi yang di buat.

Caranya :

1. Edit template yang digunakan. Jika kamu menggunakan laptop atau komputer, kamu bisa melakukan edit template langsung di Blogger. Pilih "Tema" > Edit Html.
Jika kamu menggunakan smartphone, kamu membutuhkan aplikasi tambahan untuk edit template, tidak bisa langsung di Blogger karna smartphone tidak akan kuat sehingga mengakibatkan lag yang luar biasa. 

2. Silahkan cari kata yang sama dengan menu navigasi yang akan di tambahkan. Untuk laptop kamu bisa menekan CTRL + F agar fitur search (cari) muncul. Cari nama menu navigasi yang akan di tautkan link, Contoh kode htmlnya pada template yang saya gunakan kira kira seperti di bawah ini :
Note : ganti tanda # dengan link masing-masing menu navigasi.

<ul class='menufoot mobile-hide' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement' role='navigation'>
<li><a href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
<li><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url' title='Privacy Policy'><span itemprop='name'>Privacy Policy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
</ul>

3. Untuk cara menambahkan label/kategori pada tombol menu. Caranya sama seperti diatas yaitu melalui proses edit html. Cari saja nama kategori yang tersedia pada template, ubah tanda # dengan link kategori, dan ubah namanya sesuai nama kategori yang kamu gunakan.
Contoh kode htmlnya pada template yang saya gunakan kira kira seperti di bawah :

  <li><a href='#' itemprop='url'><span itemprop='name'>Hiburan</span></a></li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Info Menarik</span></a></li>
  <li><a href='#' itemprop='url'><span itemprop='name'>Islami</span></a></li>

Jika semua cara diatas sudah dilakukan dan berhasil. Blog kamu sudah lengkap dan pastinya sudah memenuhi kebijakan dari Google. Website kamu semakin terlihat bagus sekarang!!!

Seperti itulah cara lengkap membuat menu navigasi satu persatu beserta cara memasangnya.
Sekian artikel saya kali ini, silahkan share artikel ini keteman teman kamu agar mereka juga tau apa yang kamu tau. Kunjungi terus website ini agar tidak ketinggalan informasi unik lainnya yang pastinya akan selalu update artikel terbaru dan mungkin bermanfaat.
Trimakasih


EmoticonEmoticon