吃瓜51爆料网

Postingan

Mengatasi Infinite Scroll Blogger yang Error di Mobile

Mengatasi Infinite Scroll Blogger yang Error di Mobile

Masalah infinite scroll yang tidak bekerja (error) di tampilan mobile sebetulnya sudah cukup lama saya menyadarinya. Tetapi baru saat ini saya coba mencarikan solusi untuk mengatasi hal tersebut. Fitur infinite scroll menjadi tidak bekerja sebagaimana mestinya saat website dibuka dengan URL mobile. URL mobile di Blogger biasanya ditandai dengan akhiran  ?m=1 . Sebagai informasi, widget infinite scroll yang terpasang di blog ini adalah onclick event , yang akan memuat halaman terlama dengan mengklik tombol Load More . Adapun pesan error yang muncul (di console ) saat mengklik tombol loadmore, kurang lebih sebagai berikut: Mixed Content: The page at '/?m=1' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://www.bungfrangki.com/search?updated-max=2023-02-17T20:34:00%2B07:00&max-results=8&m=1'. This request has been blocked; the content must be served over HTTPS. Dan solusinya dapat memilih salah satu dari 2 c...
Menampilkan Komentar Gambar di Blogger dengan JavaScript

Menampilkan Komentar Gambar di Blogger dengan JavaScript

Untuk menampilkan komentar berisi link gambar di Blogger dapat dilakukan dengan manipulasi element di JavaScipt (tanpa jQuery). Kurang lebih penampakannya seperti pada thumbnail/hero postingan ini. Hari ini saya cukup kaget setelah mendapat balasan komentar dari salah satu Blogger sepuh di Indonesia. Kang Ismet . Bahwa ternyata tampilan logo di footer agak berantakan di browser atau device lain. Namun, yang ternyata lebih mengganggu pikiran saya adalah, isi komentar berupa link gambar yang panjang itu.  Sedikit merepotkan untuk sekadar mendapatkan informasi dari sebuah gambar. Saya harus copy terlebih dahulu url gambar tersebut. Adapun sebelum tahapan meng- copy link gambar itu, terdapat aktifitas yang disebut dengan menyeleksi teks. Bila beruntung, saya dapat menyeleksinya dengan sekali geseran mouse. Dari awal huruf link sampai akhir, dengan penuh kewaspadaan. Terus mem- paste -nya ke tab baru di browser. Untungnya link gambar yang dibagikan hanya satu saja. Coba bayangkan bila l...
Blogger Conditional Tags URL Contains

Blogger Conditional Tags URL Contains

 Melanjutkan tutorial singkat kemari tentang  Blogger Conditional Tags dengan data:view.pageId dan data:view.postId . Kali ini akan dibahas Blogger conditional tags lainnya, yang sedikit lebih kompleks dan teknis. Blogger conditional tags dengan operator URL contains ini memungkinkan Anda untuk membuat kondisi pada semua URL di blog yang mengandung sebagian atau seluruh dari  slug tertentu, yang dituliskan sebagai string . Menariknya, semua URL blog yang dimaksud adalah meliputi URL di Page (halaman static), Post (postingan), label, search, archive dan lainnya. Penerapan   <b:with value='data:view.url.canonical' var='url'>   <b:if cond='or(contains(data:url, "tutorial-blog"), contains(data:url, "/p/contact"), contains(data:url, "2024/07/cara-"), contains(data:url, "/search/label/Templates"), contains(data:url, "naruto atau boruto"))'>     <!-- your code or content here -->  </b:if> </b...