Langsung ke konten utama

Cara Membuat Bookmark Blog dengan localstorage browser dengan mudah

Cara Membuat Bookmark Blog dengan localstorage browser dengan mudah 















Cara Membuat Bookmark Blog dengan localstorage browser dengan mudah ~Bookmark blog adalah fitur yang memungkinkan pengunjung untuk menandai halaman blog yang mereka sukai atau sering kunjungi. Ini sangat berguna bagi pengunjung yang sering kembali ke blog Anda dan ingin dengan mudah menemukan halaman yang telah mereka tandai sebelumnya. Berikut adalah langkah-langkah untuk membuat bookmark blog:


Pastikan Anda telah masuk ke akun blog Anda.


Pilih tema yang Anda gunakan untuk blog Anda.


Cari opsi "Customize" atau "Edit HTML" dan klik pada itu.


Temukan kode HTML yang sesuai dengan area di mana Anda ingin menambahkan bookmark blog. Biasanya, ini adalah di bagian atas atau bawah halaman.


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


Copy code


<a href="javascript:void(0)" onclick="if (window.sidebar) { window.sidebar.addPanel(document.title, window.location.href, ''); } else { window.external.AddFavorite(location.href, document.title); } return false;">Tambahkan ke favorit</a> 


Ganti teks "Tambahkan ke favorit" dengan teks yang Anda inginkan, misalnya "Bookmark halaman ini".


Simpan perubahan Anda dan lihat hasilnya di blog Anda. Pengunjung sekarang dapat menambahkan halaman blog Anda ke bookmark browser mereka dengan mengklik tautan yang baru saja Anda tambahkan.


Itu saja cara untuk membuat bookmark blog, semoga dapat membantu memudahkan pengunjung untuk menandai halaman blog yang mereka sukai.



Untuk membuat bookmark blog menggunakan local storage browser, Anda dapat menggunakan 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 diinginkan ke dalam local storage dengan kunci yang ditentukan.

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

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 hanya tersedia di browser client side dan tidak tersedia di server side. Jadi kamu harus memastikan untuk mengecek apakah browser mendukung local storage sebelum mencoba menggunakannya.


Komentar

Posting Komentar

Terbaru

Apa yang dimaksud, content Delivery Network

Breed...  Apa itu Content Delivery Network atau yang biasa disingkat CDN? Sederhananya sebuah Content Delivery Network (CDN) adalah sebuah jaringan server yang tersebar di beberapa negara di semua belahan dunia. Tujuan dari dibuatnya Content Delivery Network ini adalah untuk mengatasi perlambatan waktu muat pada sebuah halaman website yang diakses ribuan mil dari lokasi servernya. Waktu muat ini muncul bukan hanya karena masalah jarak saja tapi juga masalah routing dari halaman web tersebut. Jadi dengan menggunakan CDN maka file anda akan disimpan di beberapa server di negara yang berbeda. Jadi orang-orang yang akan mengakses halaman web anda akan mengaksesnya dari server yang terdekat, sehingga waktu muatnya jadi lebih cepat. Apakah kamu memerlukan CDN !! Content Delivery Network (CDN) adalah salah satu aspek yang perlu dipertimbangkan dalam memebuat website.  Hanya saja ada beberapa tahapan yang harus dilakukan sebelum anda mempertimbangkan apakah anda memerlukan Content De...
Posting Komentar
Read more »

Tabel Periodik SEO ke (7): Faktor Sukses Media Sosial

  akhirnya kita masuk pada faktor off page SEO yang terakhir yakni, faktor yang berhubungan dengan media sosial. Jika sebelumnya, link building merupakan salah satu teknik yang paling ampuh untuk meningkatkan upaya SEO sebuah situs, nampaknya sekarang hal tersebut mulai perlahan kehilangan kekuatan. Pasalnya bisa diketahui sendiri, semakin banyak hal negatif yang mungkin muncul dari upaya link building seperti membuat link palsu, jual beli Link dan lain sebagainya. Inilah alasan mengapa mesin pencari juga mulai mempertimbangkan cara menilai tautan atau link yang lebih baik. Caranya yakni dengan menggunakan jaringan media sosial. Memberikan like, share, tweet, +1 merupakan langkah yang bisa menjadikan situs kita semakin mantap menempati posisi puncak. Sama ketika kita berbicara tentang membangun tautan atau link building, setiap link yang kita dapatkan tidaklah dihitung secara setara. Beberapa link dianggap lebih baik dan bernilai dikarenakan beberapa alasan. Demikian juga ketika me...
Posting Komentar
Read more »

Faktor Yang Mempengaruhi SEO Ranking Agar Website supaya Tampil

Faktor Yang Mempengaruhi SEO Ranking Agar Website supaya Tampil Faktor Yang Mempengaruhi SEO Ranking Agar Website supaya Tampil - Website ranking adalah peringkat atau posisi sebuah website di hasil pencarian mesin pencari seperti Google. Posisi website di halaman pertama hasil pencarian sangat penting karena merupakan tempat yang paling mudah dilihat oleh pengguna internet. Pengguna internet biasanya hanya mengunjungi website yang berada di halaman pertama hasil pencarian, sehingga website yang berada di halaman pertama akan mendapatkan lebih banyak traffic dan potensi konversi yang lebih tinggi dibandingkan website yang berada di halaman kedua atau lebih. Ada beberapa faktor yang dapat mempengaruhi ranking website Anda di hasil pencarian mesin (SERP) yang diantaranya adalah: Konten yang berkualitas: Konten yang berkualitas merupakan faktor utama yang mempengaruhi ranking website. Konten yang berkualitas harus memenuhi kebutuhan pengguna, unik, dan bermanfaat.   Relevansi...
Posting Komentar
Read more »