Cara Membuat Bookmark Blog Dengan Localstorage Browser Dengan Gampang

Blog dengan localstorage browser dengan mudah Bookmark blog yakni fitur yang memungkinkan pengunjung untuk menandai halaman blog yang mereka senangi


Cara Membuat Bookmark Blog Dengan Localstorage Browser Dengan Gampang 

Blog dengan localstorage browser dengan mudah Bookmark blog yakni fitur yang memungkinkan pengunjung untuk menandai halaman blog yang mereka senangi atau sering kunjungi. Ini sungguh memiliki kegunaan bagi hadirin yang sering kembali ke blog Anda dan ingin dengan gampang menemukan halaman yang sudah mereka tandai sebelumnya. Berikut yaitu tindakan untuk menciptakan bookmark blog:


  • Pastikan Anda sudah masuk ke akun blog Anda.
  • Pilih tema yang Anda gunakan untuk blog Anda.
  • Cari opsi "Customize" atau "Edit HTML" dan klik pada itu.


Temukan isyarat HTML yang tepat dengan area di mana Anda ingin menambahkan bookmark blog. Biasanya, ini adalah di bab atas atau bawah halaman.

Salin dan tempel isyarat berikut ini di area yang telah Anda tentukan:


Copy code

Tambahkan ke favorit 


Ganti teks "Tambahkan ke favorit" dengan teks yang Anda harapkan, contohnya "Bookmark halaman ini".

Simpan perubahan Anda dan lihat risikonya di blog Anda. Pengunjung sekarang mampu menambahkan halaman blog Anda ke bookmark browser mereka dengan mengklik tautan yang gres saja Anda tambahkan.

Itu saja cara untuk membuat bookmark blog, agar mampu membantu membuat lebih mudah pengunjung untuk menandai halaman blog yang mereka senangi.



Untuk menciptakan bookmark blog memakai local storage browser, Anda mampu memakai JavaScript untuk menyimpan URL blog yang diinginkan ke dalam local storage browser. Langkah-langkahnya sebagai berikut:


Buat sebuah tombol "Bookmark" di halaman blog Anda.

Tambahkan event listener pada tombol tersebut untuk mendeteksi klik.

Pada event listener, gunakan method localStorage.setItem() untuk menyimpan URL blog yang diperlukan ke dalam local storage dengan kunci yang diputuskan.

Untuk mengambil URL yang disimpan dari local storage, gunakan method localStorage.getItem() dengan kunci yang serupa.

Contoh kode JavaScript untuk menambahkan bookmark:


Copy code

var bookmarkButton = document.getElementById("bookmark-button");

bookmarkButton.addEventListener("click", function()

  var currentUrl = window.location.href;

  localStorage.setItem("bookmarked-blog", currentUrl);

);

Contoh kode JavaScript untuk mengambil bookmark:


Copy code

var bookmarkedUrl = localStorage.getItem("bookmarked-blog");

console.log(bookmarkedUrl);

Perlu diingat bahwa local storage cuma tersedia di browser client side dan tidak tersedia di server side. Kaprikornus kau harus memutuskan untuk mengecek apakah browser mendukung local storage sebelum menjajal menggunakannya.


About the author

turtlebin
Hamba Allah

Posting Komentar