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

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 »

Cara gampang menulis artikel tanpa copy paste (plagiat konten)

Cara gampang menulis artikel tanpa copy paste (plagiat konten)   SSBLOGGER22.blogspot.com    Cara gampang menulis artikel tanpa copy paste (plagiat konten)   100%yakin , Anda yang kebetulan membaca artikel ini pastilah Anda mempunyai blog/web. Setiap blogger atau penulis online, pastilah akan selalu dituntut untuk sigap dan sekonsisten mungkin untuk membuat artikel walaupun kadang yang menuntut adalah dirinya sendiri, karena target update yang telah ditentukan harus tercapai. Baca juga : mengapa artikel blog lama harus diperbaharui  Setiap blogger harus punya cara gampang di dalam membuat artikel dan yang pasti cara tepat tersebut adalah cara yang legal bukan dengan cara copy paste artikel blog orang. Namun disinilah letak permasalahan yang sering hinggap pada diri seorang blogger tak terkecuali saya sendiri yang terkadang juga kehabisan bahan untuk menulis. Sebenarnya kalau dicermati apa yang telah kita lakukan selama beberapa tahun menulis, ada beberapa c...
Posting Komentar
Read more »

[looh] Private Blog Network : Mitos dan Risiko Ternak Blog

Breed.... Praktik Private Blog Network (PBN) mengklaim berfungsi karena menghasilkan backlink, apakah memang benar?atau belum tau sama sekali....  Ilustrasi gambar PBN Jika ingin meningkatkan traffic organik situs web atau blog, kita tidak dapat mengabaikan pentingnya link building atau membangun tautan. Google telah mengkonfirmasi pada tahun 2016 bahwa backlink adalah salah satu dari tiga faktor ranking, di samping konten dan RankBrain. Link building adalah taktik SEO yang kuat, dan tautan yang tepat dapat meningkatkan peringkat dan visibilitas organik. Namun, mendapatkan backlink bukan pekerjaan gampang. Setidaknya dengan menggunakan taktik yang tidak melanggar Pedoman Webmaster Google. Beberapa pemain SEO memilih untuk menggunakan taktik yang melanggar pedoman ini untuk mempercepat pertumbuhan organik situs web mereka, salah satunya dengan metode Private Blog Network (PBN). Dalam artikel ini, kita akan menyelam jauh ke dalam taktik link building yang kontroversial ini dan memba...
Posting Komentar
Read more »