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

Cara terbaru Rewrite artikel yang Baik dan Benar untuk Blog

Ilustrasi gambar sumber :iluvtary Breed..... Rewrite adalah kata dalam bahasa inggris yang artinya menulis kembali. Dalam dunia Blogger kata ini sudah tidak asing lagi karena banyak digunakan. Untuk para pemula yang terjun ke dunia blogging tentu kesulitan untuk melakukan Rewrite artikel. Selain harus memahami tentang SEO dalam penulisan juga kita harus memahami isi dari artikel tersebut Kebanyakan para penulis blog melakukan Rewrite artikel orang lain dengan cara yang salah. Dengan melakukan itu maka dapat dimungkinkan artikel yang kita publish akan sulit bersaing di beranda Google. Terlebih lagi jika kita hanya mengandalkan sebuah tools untuk mendeteksi apakah kalimat tersebut Plagiat atau Original. Sudah pasti para Penulis Blog jika tau bahwa itu adalah tulisannya sendiri maka tidak perlu mengeceknya kembali. Berbeda jika anda melakukan copas artikel orang lalu di edit sedemikian rupa supaya terlihat ori. Pengalaman saya pernah melakukan pengecekan artikel berita milik detik.com da...
Posting Komentar
Read more »

Cara mudah setting domain TLD di blogger

Cara mudah setting domain TLD di blogger  Ssblogger22.blogspot.com - Bagimana Cara Memasang Domain TLD di Blogger ? silahkan simak panduan dibawah yang sudah di lengkapi dengan langkah-langkah prakteknya. Apa itu Domain TLD? Domain TLD adalah nama website yang di akhiri (.com, .co id, id, net,. Tecno, dst. Bila kalian membuat blog/website dangn platfrom blogger atau wordpress pasti nama platfrom akan ada pada nama blog/website kalian. Sebagi contoh : www.ssblogger22.blogspot.com atau www.ssblogger22.wordpress.com Dari alamat website diatas menyertakan platfrom asal blog/website dibuat. Beda jika kalian custom domain. Meski kalian membuat blog/website gratis dari blogger atau wordpress lalau domain di custom maka nama platfrom akan hilang. Misal saya membeli domian .com di Hostinger lalau akan di pasang pada blogger/wordpress, hasilnya di bawah ini. Sebagi contoh : www.ssblogger22.co.id Jadi nama situs platfrom tidak ikut, karen sudah membeli domian dengan m...
Posting Komentar
Read more »

WordPress website optimization methods

WordPress website optimization methods WordPress website optimization methods ~ WordPress is a popular content management system (CMS) that is used to create and manage websites. It is open-source software that is free to use and customize, and it is known for its simplicity and ease of use. With WordPress, you can create a variety of different types of websites, including blogs, business websites, e-commerce stores, and more. It is a powerful platform that is used by millions of websites around the world. If you are interested in building a website using WordPress, there are many resources available to help you get started, including online tutorials, forums, and WordPress themes and plugins that can help you customize your site. There are many ways to optimize a WordPress website for better performance and user experience. Here are a few tips to get you started: Use a lightweight theme: Choose a theme that is optimized for performance and doesn't have a lot of unnecessary fe...
Posting Komentar
Read more »