Cara Menghubungkan Hidangan Navigasi Dengan Link Contact
Pada artikel sebelumnya saya telah membahas wacana Cara Membuat Contact Form Berwarna di Blog. Nah, pada kesempatan kali ini saya akan mengulas tentang Cara Menghubungkan Menu Navigasi Dengan Link Contact. Menu navigasi yaitu daftar sajian yang dibentuk di halaman blog untuk menghubungkan link (tautan) artikel, link (tautan) kategori/label, dan juga link (tautan) pada halaman statis menyerupai contact, sitemaps, privacy policy, disclaimer, about me, dan terms of service.
Menu navigasi ini pada umumnya terletak diatas (header) atau juga dibawah (footer), namun template bawaan blogger tidak ada sajian navigasinya sehingga kita harus menambahkan sendiri untuk menciptakan sajian navigasinya dengan cara memasukan beberapa instruksi html/css ke dalam template edit html.
Tetapi bila teman tidak mau di pusingkan dengan hal ini, teman sanggup mendownload template yang sudah di bekali sajian navigasi yang banyak tersebar di internet menyerupai simplesanget template atau invision template yang memang sudah mempunyai sajian navigasi bawaan sehingga teman tinggal merubah nama dan menghubungkan link (tautan) yang teman inginkan.
Untuk menghubungkan sajian navigasi dengan link (tautan), disini saya akan memperlihatkan cara menghubungkan sajian navigasi dengan halaman statis contact form. Namun cara ini juga berlaku untuk menu-menu navigasi yang lain tinggal letak penempatannya saja, apakah diatas (header) atau dibawah (footer).
Jika teman belum menciptakan contact form memakai halaman statis, teman sanggup membuka pada link diatas untuk cara membuatnya. Dan untuk cara menghubungkan/mengaktifkan sajian navigasi dengan link contact atau link lainnya di halaman blog, teman sanggup ikuti langkah-langkahnya sebagai berikut.
CARA MENGHUBUNGKAN MENU NAVIGASI DENGAN LINK CONTACT
1. Buka terlebih dahulu halaman contact yang telah teman buat, dengan cara masuk ke halaman utama/dashboard blog pilih/klik Pages (halaman). Selanjutnya klik View pada contact untuk membuka halamannya.
2. Setelah halaman contact terbuka, silahkan Copy link/tautan contactnya.
3. Selanjutnya masuklah ke halaman blog, cari nama sajian navigasi yang akan di hubungkan dengan link/tautannya...? Apakah diatas (header) atau dibawah (footer).
Namun disini saya contohkan menghubungkan sajian navigasi di halaman blog dengan halaman statis contact. Pada umumnya nama sajian navigasi ini berada dibawah halaman blog (footer). Selanjutnya perhatikan gambar dibawah ini ya sob, nama sajian navigasi contact berada di urutan kata NEW LINE (tapi perlu diingat ya sob, beda template beda nama sajian navigasinya. Kaprikornus jangan terpaku dengan kata new line ini).
4. Selanjutnya masuk ke halaman utama/dashboard blog. Pilih/klik Theme lalu klik Edit HTML.
5. Setelah masuk di halaman script Edit HTML lalu klik (sembarang) didalam halamannya. Selanjutnya tekan Ctrl + F pada keyboard untuk membuka kotak pencarian. Masukan instruksi HTML atau nama sajian navigasi yang berada di halaman blog (yang akan dituju) yang akan dihubungkan dengan link/tautannya apakah di atas (header) atau di bawah (footer). Namun disini saya akan mencari nama NEW LINE yang didalamnya masuk urutan nama contact (seperti yang saya jelaskan nomor 3). Selanjutnya masukan/ketikan kata NEW LINE pada kotak pencarian instruksi HTML lalu tekan Enter pada keyboard. Perhatikan gambar dibawah ini ya sob..?
Gantilah tanda # (kres/pagar) dengan link/tautan contact yang telah di Copy pada langkah nomor 2 diatas. Jika kurang terang lihatlah referensi dibawah ini.
<li><a href='#' title='Contact us'>Contact</a></li>
Gantilah tanda # (kres/pagar) dengan link/tautan contact sehingga menjadi menyerupai dibawah ini.
Untuk melihat kesudahannya apakah nama sajian navigasi itu berjalan dengan semestinya, silahkan teman buka halaman blog selanjutnya klik nama sajian navigasi yang telah teman hubungkan dengan link/tautannya.
Selesai, itulah tadi cara menghubungkan sajian navigasi dengan link contact. Namun cara diatas juga berlaku untuk menghubungkan nama menu-menu navigasi yang lain tinggal melihat penempatannya saja, apakah diatas (header) atau dibawah (footer). Semoga apa yang telah saya sampaikan diatas sanggup di pahami dan di mengerti oleh teman semua, semoga bermanfaat ya sob. selamat mencoba, semoga berhasil.
Salam Blogger.
Baca Juga
Untuk menghubungkan sajian navigasi dengan link (tautan), disini saya akan memperlihatkan cara menghubungkan sajian navigasi dengan halaman statis contact form. Namun cara ini juga berlaku untuk menu-menu navigasi yang lain tinggal letak penempatannya saja, apakah diatas (header) atau dibawah (footer).
Jika teman belum menciptakan contact form memakai halaman statis, teman sanggup membuka pada link diatas untuk cara membuatnya. Dan untuk cara menghubungkan/mengaktifkan sajian navigasi dengan link contact atau link lainnya di halaman blog, teman sanggup ikuti langkah-langkahnya sebagai berikut.
1. Buka terlebih dahulu halaman contact yang telah teman buat, dengan cara masuk ke halaman utama/dashboard blog pilih/klik Pages (halaman). Selanjutnya klik View pada contact untuk membuka halamannya.
2. Setelah halaman contact terbuka, silahkan Copy link/tautan contactnya.
4. Selanjutnya masuk ke halaman utama/dashboard blog. Pilih/klik Theme lalu klik Edit HTML.
5. Setelah masuk di halaman script Edit HTML lalu klik (sembarang) didalam halamannya. Selanjutnya tekan Ctrl + F pada keyboard untuk membuka kotak pencarian. Masukan instruksi HTML atau nama sajian navigasi yang berada di halaman blog (yang akan dituju) yang akan dihubungkan dengan link/tautannya apakah di atas (header) atau di bawah (footer). Namun disini saya akan mencari nama NEW LINE yang didalamnya masuk urutan nama contact (seperti yang saya jelaskan nomor 3). Selanjutnya masukan/ketikan kata NEW LINE pada kotak pencarian instruksi HTML lalu tekan Enter pada keyboard. Perhatikan gambar dibawah ini ya sob..?
Gantilah tanda # (kres/pagar) dengan link/tautan contact yang telah di Copy pada langkah nomor 2 diatas. Jika kurang terang lihatlah referensi dibawah ini.
<li><a href='#' title='Contact us'>Contact</a></li>
Gantilah tanda # (kres/pagar) dengan link/tautan contact sehingga menjadi menyerupai dibawah ini.
<li><a href='https://albumtempodulu.blogspot.com/p/blog-page.html' title='Contact us'>Contact</a></li>
6. Setelah simpulan pemasangan link/tautan contact di Edit HTML Template, selanjutnya klik Save theme untuk menyimpannya.
Untuk melihat kesudahannya apakah nama sajian navigasi itu berjalan dengan semestinya, silahkan teman buka halaman blog selanjutnya klik nama sajian navigasi yang telah teman hubungkan dengan link/tautannya.
Selesai, itulah tadi cara menghubungkan sajian navigasi dengan link contact. Namun cara diatas juga berlaku untuk menghubungkan nama menu-menu navigasi yang lain tinggal melihat penempatannya saja, apakah diatas (header) atau dibawah (footer). Semoga apa yang telah saya sampaikan diatas sanggup di pahami dan di mengerti oleh teman semua, semoga bermanfaat ya sob. selamat mencoba, semoga berhasil.
Salam Blogger.
.png)
.png)
