Trik Blogger - Blog bungfrangki

Postingan

Browsing Artikel: Trik Blogger

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 'https://www.bungfrangki.com/?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...

Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

Setelah beres dengan urusan 'migrasi' ke Schema Markup BlogPosting , saya mencari-cari apalagi yang sekiranya bisa dioptimasi di platform Blogger atau Blogspot ini. Akhirnya ketemu 2 hal yang cukup penting tapi tidak begitu krusial untuk ditambahkan di blog masing-masing. Yakni, menjadikan Post Labels atau Entri Label sebagai Meta Data Keywords dan Property article:tag sebagaimana yang seringkali kita lihat pada meta data website platform WordPress, terutama pengguna plugin SEO Rank Math. Sayangnya, untuk Blogger kita tidak bisa menambahkan kedua keta data tersebut di dalam <head> . Kita hanya bisa melatakkanya di dalam <b:widget type='Blog' ...> . Sama dengan JSON LD untuk schema markup BlogPosting , juga lebih maksimal ditempatkan di dalam widget type Blog. Namun tidak menjadi masalah, yang penting bisa diterapkan dan terbaca dengan jelas oleh browser dan mesin penelusuran, yang kita kenal dengan istilah sers enjin . Contoh outputnya sebagai berikut...

Kombinasi Skin Variable Definition dan :root Selector di Blogger

Sebetulnya sudah lama saya ingin memposting trik ini. Hanya saja perlu sedikit bersabar sampai update tampilan Themeindie.com bernar-benar rampung. Mengingat trik kombinasi skin variable definition Blogger dan :root selector ini pertama kali saya terapkan disana. Variable Definition merupakan salah satu markup default Blogger yang dipergunakan sebagai translator atas perubahan yang kita lakukan di Theme Designer Blogger. Biasanya tersimpan di dalam <b:skin> atau <b:template-skin> . Syntax: <Variable name="body.background.color" description=" Backgrond" type="color" default="#ffffff" value="#ffffff"/> Contoh pemanggilannya di dalam <b:skin> atau <b:template-skin> : body {background:$( body.background.color)} Contoh pemanggilan yang lain dan penerapannya: <meta content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/> <meta content='...

Cara Menyalin Tulisan dari MS Word ke Blogger

Tidak sedikit Blogger pemula yang masih kebingungan untuk memindahkan tulisan dari MS Word ke Blogger atau cara mengcopy/memasukkan tulisan dari Word ke blogspot. Pasalnya, jika kita melakukan dengan cara tradisional, yang memanfaatkan CTRL + V atau klik kanan pada bidang text lalu Paste, maka tampilan postingan menjadi berantakan. Mulai dari jenis font, besar font dan lainnya, persis mengikuti apa-apa yang kita lakukan di Microsoft Word tersebut. Keadaan tersebut biasa disebut dengan formatted text atau teks terformat . Menyalin tulisan dalam keadaan formatted text akan memicu masalah luar biasa pada template Blogger/blogspot. Bahaya Posting Formatted Text ke Blogspot Salah satu dampak yang paling berpengaruh jika tetap memaksa untuk memposting tulisan dalam keadaan terformat seperti, akan berdampak pada jumlah postingan di homepage tidak sesuai dengan yang telah disetting . Dampak lainnya adalah, tentu saja tampilan konten menjadi berantakan. Fontnya tidak lagi sesuai ...

Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger

Dengan menggunakan tag conditional khusus, kita bisa dengan mudah menampilkan tanggal postingan hanya pada label (tags) tertentu di Blogger/Blogspot. Menampilkan tanggal posting ini sangat dianjurkan untuk blog dengan niche berita harian (daily news), politik, blog cuaca, olahraga, dan konten lainnya yang bersifat continuous update. Nah, jika blog Anda punya beberapa artikel dengan kategori tertentu yang ingin ditampilkan tanggal postingannya pada template dan hasil pencarian, silahkan ikuti langkah-langkah berikut ini. Cara Menampilkan Post Date Hanya pada Label/Category Tertentu Mengingat pada masing-masing template menggunakan struktur HTML dan tag yang berbeda-beda, maka pada tutorial ini akan ditunjukkan bagaimana input dan callernya. Serta cara peletakannya pada Blogger gadget versi 1 (layout versi 1 dan 2) dan gadget versi 2 (layout versi 3). Untuk selector dan tag, tinggal disesuaikan dengan template masing-masing. Input: Blogger Gadget Version 1 <b...

Blog bungfrangki

Cari Blog Ini