Notification

×

Iklan

Iklan

Cara membuat menu blog berdasarkan label

22 March 2017 | 13:27 WIB Last Updated 2019-12-05T21:02:54Z
Inti fungsi dari link pada blogger adalah mengarahkan alamat ke halaman tertentu pada blog. Biasanya ketika kita menggunakan template kustom, untuk mengaktifkan link yang mati, kita harus mengaktifkan link tersebut secara manual melalui menu editor template.



Link sendiri di kategorikan menjadi dua, yaitu link internal dan eksternal.

Lalu apa perbedaannya ?

Link internal biasanya link yang masih mengarah ke halaman internal website.

Contohnya saya mempunyai blog dengan url www.kampblogger.blogspot.com dan menautkan alamat link yang mengarah ke Cara mendaftarkan blog ke mesin pencari google. ketika di klik link tersebut masih mengarah ke salah satu postingan di dalam blog ini.

Sehingga link tersebut masih termasuk ke dalam kategori link internal.

Sedangkan link eksternal adalah link yang sudah mengarah keluar dari halaman website. contohnya pada blog www.kampblogger.blogspot.com, saya menautkan link ke alamat facebook misalnya. Maka link tersebut sudah termasuk kategori link eksternal.

Kemudian bagaimana cara mengaktifkan link pada menu blog yang kita miliki ?

Contoh menu template custom

Untuk mengaktifkan menu tersebut, Anda harus masuk terlebih dahulu ke halaman dashboard blog Anda.

Kemudian masuk ke halaman Tema > Edit HTML.

Setelah itu cari nama menu yang akan Anda aktifkan (Gunakan CTRL + F)

Kemudian pastikan terlebih dahulu kita akan menautkan berdasarkan label atau halaman statis.

Untuk menautkan link berdasarkan label, format yang bisa kita gunakan adalah

<a href="https://themakami.blogspot.com/search/label/About">About</a>

Sedangkan untuk menautkan link berdasarkan halaman statis, anda bisa menggunakan format

<a href="/p/kontak.html" >Kontak</a>

Misalkan pada contoh di atas, kita akan mengaktifkan menu About. biasanya scriptnya kurang lebih seperti berikut ini pada Editor HTML.

<div id="navigation">
<ul>
<li class="selected">
<a href="https://themakami.blogspot.com/">Home</a></li>
<li><a href="https://themakami.blogspot.com/search/label/About">About</a></li>
<li><a href="/p/kontak.html" >Kontak</a></li>
</ul>
</div>

Lalu bagaimana jika label yang kita gunakan memiliki spasi (Contoh label tutorial blog), maka kita harus menambahkan kode %20 di tengah spasi tersebut sehingga menjadi seperti berikut ini

<li><a href="https://themakami.blogspot.com/search/label/tutorial%20blog">Tutorial blog</a></li>


Keterangan :

Ganti kode warna biru dengan alamat blog Anda, warna hijau dengan label Anda dan warna ungu dengan halaman statis dari blog Anda. Maka link tersebut akan aktif berdasarkan url yang sudah kita tentukan.


×
Berita Terbaru Update