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

5 Alasan Mengapa Blogger Perlu konsisten Memposting Ulang Konten Lama

  Ilustrasi gambar sumber :kosngosan Breed.....  Membuat konten baru secara berkala dan konsistensi adalah aktivitas yang bisa memakan waktu. Dan tidak jarang, konten baru yang dibuat selama berjam-jam malah tidak memberikan dampak pada sebuah blog atau website. Anda pasti sudah tahu tentang prinsip Pareto (aturan 20/80). Kalau belum, Anda bisa membaca artikel ssblogger22.blogspot.com yang membahas tentang aturan hukum Pareto tersebut. Secara singkat, dalam hukum Pareto disebutkan bahwa 20% usahanya seseorang adalah hasil dari 80% kesuksesannya.  Artinya, hanya ada 20% dari tindakan dan pemikiran kita yang harus dimaksimalkan untuk memperoleh 80% keberhasilan. Demikian juga halnya dengan aktivitas blogging. Banyak mempublish artikel baru bukan berarti akan menghasilkan banyak lalu lintas berkelanjutan dari Google. Kita harus mengidentifikasi artikel mana saja yang punya banyak trafik dari Google. Fokuslah mengupdate dan memperbaiki artikel lama Anda. Perhatikan ...
Posting Komentar
Read more »

Cara Meningkatkan CPC Penghasilan dan Optimasi Google Adsense Dengan Cepat

Cara Meningkatkan CPC Penghasilan dan Optimasi Google Adsense Dengan Cepat  Cara Meningkatkan CPC Penghasilan dan Optimasi Google Adsense Dengan Cepat ~ Google AdSense adalah program iklan yang diselenggarakan oleh Google yang memungkinkan pemilik situs web atau blog untuk menampilkan iklan dari pengiklan yang bekerja sama dengan Google. Pemilik situs web atau blog akan menerima bayaran dari Google setiap kali iklan yang ditampilkan di situs mereka diklik oleh pengunjung. Ini merupakan salah satu cara yang populer untuk menghasilkan uang dari situs web atau blog. Cara meningkatkan cpc penghasilan google adsense Untuk meningkatkan CPC (cost per click) pada penghasilan Google Adsense, beberapa hal yang dapat dilakukan adalah: 1.Pilih kata kunci yang relevan dan berkualitas tinggi untuk iklan Anda, ini akan meningkatkan tingkat klik dan konversi. 2.Buat iklan yang menarik dan menjual, dengan menggunakan gambar atau video yang menarik dan menarik perhatian. 3.Pastikan iklan An...
Posting Komentar
Read more »

Cara maknyus Agar Blog kamu Mampu Bersaing Dengan Blog Kompetitor

Ilustrasi gambar sumber :slidedigitalmarketing.Com Salah satu media terbaik untuk mencari informasi dijaman sekarang ini adalah media online, khususnya blog. Namun membuat sebuah blog yang disukai pengunjung tentu tidak mudah. Pasalnya, semakin banyak blogger yang ada di dunia, maka persaingan juga semakin berat. Dan itu adalah, mengapa saya sebut membuat blog disukai pengunjung itu tidak mudah. Terlepas dari itu, ada berbagai alasan seseorang memilih terjun ke dunia blogging, ada yang hanya ingin membagikan pengalamannya, namun ada juga yang ingin membuat sebuah blog untuk mencari uang. Semua alasan boleh-boleh saja, tapi apakah Anda mampu bersaing dengan blog-blog kompetitor Anda? Tidak semua orang bisa bersaing, bahkan banyak pula yang membuat blog lalu setelah satu sampai dua bulan mereka berhenti karena tidak mampu bersaing dengan pesaing blog. Oleh karena itulah artikel ini dibuat untuk membantu blog Anda bersaing dengan blog orang lain. Dan kami sedikitnya memberikan lima ti...
Posting Komentar
Read more »