Cara Menciptakan Dan Menampilkan Sajian Navigasi Di Blogspot
Wednesday, December 16, 2020
Add Comment
Menu Navigasi yaitu daftar sajian yang dibentuk menurut halaman statis atau label pada postingan blog. Menu-menu ini umumnya terletak di bab atas (head) atau di bawah (footer).
Template bawaan blogger tidak ada sajian navigasinya, sehingga teman harus menambah secara manual dengan memasukan beberapa instruksi html/CSS ke dalam template (edit html).
Proses mengedit template bagi sebagian blogger pemula tidaklah mudah, bagi teman yang tidak mau terlalu pusing otak atik template, saran saya ganti template blog dengan mendownload template yang sudah tersebar luas di internet menyerupai : Template brosense atau Evo Magz yang memang sudah mempunyai navigasi bawaan. Kaprikornus kiprah teman hanya mengisi dan mengaktifkan sajian tersebut.
Baca juga : Cara Membuat Icon Blog (Favicon) di Blogspot
Menu Navigasi ini terbagi menjadi 2 : Menu navigasi utama dan sajian navigasi pelengkap
Menu navigasi utama
Baca juga : Cara Membuat Halaman Kontak di Blogspot yang Simple dan Elegan
Untuk langkah kedua ini saya asumsikan template blog teman sudah ada sajian navigasi bawaan, sehingga kita hanya memasukan link ke dalam template blog tersebut. Dalam langkah ini saya berikan pola memakai template Brosense.
Menu bawaan template sebelumnya :
<li><a href='#'>Menu 1</a>
dirubah menjadi
<li><a href='https://www.blogsobat.blogspot.com/p/about.html'>Profile 1</a>
Lakukan hal yang sama untuk menu-menu yang lain.
Contoh : Blog teman dengan alamat https://www.blogsobat.blogspot.com tentang resep masakan, mempunyai 10 postingan, dengan 3 label yaitu : Kue, Masakan Jawa, Juz
Rumus Navigasi label :
http://www.alamatblog.com/search/label/labelblog
Jadi cara membuatnya :
https://www.blogsobat.blogspot.com/search/label/Kue
https://www.blogsobat.blogspot.com/search/label/Masakan%20Jawa
https://www.blogsobat.blogspot.com/search/label/Juz
Untuk label dengan 2 kata, tambahkan instruksi %20 sebagai spasinya
Jika sudah dibentuk menyerupai itu, maka navigasi akan secara otomatis mengelompokan setiap postingan menurut label yang telah dibuat
Template bawaan blogger tidak ada sajian navigasinya, sehingga teman harus menambah secara manual dengan memasukan beberapa instruksi html/CSS ke dalam template (edit html).
Proses mengedit template bagi sebagian blogger pemula tidaklah mudah, bagi teman yang tidak mau terlalu pusing otak atik template, saran saya ganti template blog dengan mendownload template yang sudah tersebar luas di internet menyerupai : Template brosense atau Evo Magz yang memang sudah mempunyai navigasi bawaan. Kaprikornus kiprah teman hanya mengisi dan mengaktifkan sajian tersebut.
Baca juga : Cara Membuat Icon Blog (Favicon) di Blogspot
Menu Navigasi ini terbagi menjadi 2 : Menu navigasi utama dan sajian navigasi pelengkap
Menu navigasi utama
- About / profile – berisi wacana profile pemilik blog
- Contact – berisi wacana isu kontak (biasanya berisi form kontak)
- Sitemap - Daftar Isi blog menurut kategori tertentu
- Kategori/label – berisi postingan yang diurutkan sesuai dengan label postingan
- Disclaimer – berisi wacana hak cipta isi goresan pena blog sobat
- Privacy Policy – berisi wacana jaminan keamanan privasi user
- Terms of Service – berisi wacana batasan-batasan pengguna
- Untuk blog organisasi atau bisnis biasanya ada tambahan seperti: profil, sejarah, susunan pengurus, visi misi, program, kegiatan, gallery dll.
Baca juga : Cara Membuat Halaman Kontak di Blogspot yang Simple dan Elegan
Membuat dan Menampilkan Menu Navigasi
Langkah Pertama : Membuat Halaman Profile di Laman- Klik sajian page/halaman di dasboard blog
- Klik new page – halaman baru
- Isi nama halaman dengan : Profile, kemudian isi dengan profile sobat
- Jika sudah simpulan klik Publish
Untuk langkah kedua ini saya asumsikan template blog teman sudah ada sajian navigasi bawaan, sehingga kita hanya memasukan link ke dalam template blog tersebut. Dalam langkah ini saya berikan pola memakai template Brosense.
- Klik Tema
- Klik Edit HTML
- Cari instruksi : Menu 1 ( Gunakan Ctrl + F)
- Rubah Menu sesuai kebutuhan, Contoh : Profile
- Ganti tanda # dengan link laman yang telah dibentuk sebelumnya, Contoh : https://www.blogsobat.blogspot.com/p/about.html
- Simpan Tema
Menu bawaan template sebelumnya :
<li><a href='#'>Menu 1</a>
dirubah menjadi
<li><a href='https://www.blogsobat.blogspot.com/p/about.html'>Profile 1</a>
Lakukan hal yang sama untuk menu-menu yang lain.
Membuat Navigasi sesuai label Blog
Untuk Navigasi atas biar sesuai dengan label blog, cara membuatnya sama, hanya saja dikala menyisipkan link (mengganti #) disisipkan sesuai label postingan blog.Contoh : Blog teman dengan alamat https://www.blogsobat.blogspot.com tentang resep masakan, mempunyai 10 postingan, dengan 3 label yaitu : Kue, Masakan Jawa, Juz
Rumus Navigasi label :
http://www.alamatblog.com/search/label/labelblog
Jadi cara membuatnya :
https://www.blogsobat.blogspot.com/search/label/Kue
https://www.blogsobat.blogspot.com/search/label/Masakan%20Jawa
https://www.blogsobat.blogspot.com/search/label/Juz
Untuk label dengan 2 kata, tambahkan instruksi %20 sebagai spasinya
Jika sudah dibentuk menyerupai itu, maka navigasi akan secara otomatis mengelompokan setiap postingan menurut label yang telah dibuat
0 Response to "Cara Menciptakan Dan Menampilkan Sajian Navigasi Di Blogspot"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda