Trik

Cara Mudah Memperbaiki Dan Memodifikasi Tampilan Template Blog

Bagi yang suka mengutak-ngatik kode template blog, tentu saja sudah tidak asing dengan inspect element. Tapi bagi sebagian Blogger lainnya, masih belum mengerti tentang inspect element dan cara menggunakannya.Dengan inspect element, kita bisa dengan mudah melihat kode web, mengetahui elemen-elemen yang ada di web baik untuk HTML maupun CSS.Dan dengan itu, kita bisa mengetahui dengan …

Cara Mudah Memperbaiki Dan Memodifikasi Tampilan Template Blog Selengkapnya »

Cara Mudah Mengganti Tag BR Menjadi P Pada Postingan Blogger

Seperti pada postingan saya sebelumnya tentang solusi iklan auto ads di tengah artikel blog, dengan menggunakan tag p untuk paragraf di dalam postingan blog, maka ini akan mempermudah auto ads menyisipkan iklan di dalam postingan di antara paragraf.Dengan ini kita tidak perlu lagi menggunakan script untuk menyisipkan iklan di dalam postingan, sehingga kita bisa meminimalkan …

Cara Mudah Mengganti Tag BR Menjadi P Pada Postingan Blogger Selengkapnya »

All-head-content Custom Blogger Valid HTML5

Biasanya kode all-head-content ditempatkan di bawah title tag blog. Jika Anda mengikuti postingan tentang cara membuat tema custom blogger dari dasar, maka Anda akan menemukan kode all-head-content lebih jelas dan juga dapat mengetahuan kode apa saja yang dihasilkan dari kode all-head-content.All-head-content Blogger ini penampakannya seperti berikut ini.

Menggunakan Skin Blogger Hanya Untuk Halaman Layout

Untuk itu, kita gunakan skin blogger hanya untuk halaman layout, sehingga tidak akan menyebabkan error validasi HTML5 ataupun AMP HTML.Skin BloggerApa sih skin blogger itu? Skin blogger adalah sebuah tag untuk CSS custom blogger dengan kode dan penampakannya pada HTML menjadi Jika Anda sering kutak-katik edit HTML Blogger, maka Anda akan

Mengatasi Masalah Warning Diindeks Meski Diblokir Oleh Robots.txt

Kalau kita cek semua URL yang diindeks, meski diblokir oleh robots.txt ini adalah semua halaman Search yaitu untuk halaman Search Label dan untuk halaman navigasi postingan lama.Seperti yang ditunjukan bahwa halaman-halaman tersebut diindeks, meski diblokir oleh robots.txt. Itu karena blogger menggunakan robots.txt seperti berikut: User-agent: Mediapartners-GoogleDisallow: User-agent: *

Mengatasi Masalah Defer Offscreen Images Tanpa Jquery Atau Lazy Loading

Sebenarnya untuk mengatasi masalah Defer offscreen images dan Serve images in next-gen formats ini sudah ada solusinya. Namun karena keduanya perlu penanganan khusus dalam menyimpan kode HTML untuk gambar, maka banyak blogger yang mengabaikannya dengan alasan “ribet”.Padahal untuk edit gambar untuk mengikuti kedua cara tadi cukup mudah, namun karena “malas” maka hal tersebut jadi “susah”.

Double Popup Banner Dengan CSS Dan Timeout Javascript

Sebelumnya saya sudah membagikan cara membuat popup banner dengan CSS Dan Timeout Javascript. Nah, kini saya membuat double popup banner yaitu popup ini berisi 2 buah banner dengan ditampilkan satu per satu.Klik pada banner pertama akan memunculkan banner kedua. Saya rasa ini masih termasuk wajar, namun jika lebih dari dua banner mungkin dapat membuat kesal …

Double Popup Banner Dengan CSS Dan Timeout Javascript Selengkapnya »

Membuat Particle Animation Dengan Canvas Pada AMP HTML

Padahal dengan kreatifitas dan imajinasi, kita bisa membuat halaman AMP menjadi aktraktif dan tidak kalah menarik dengan halaman web biasa yang menggunakan javascript atau jquery.Salah satu elemen yang bisa membuat halaman web menjadi menarik dan aktraktif adalah membuat particle animation dengan canvas. Saya kadang suka main-main dengan cursor ketika menjumpai sebuah halaman dengan particle

Shrink Header on Scroll Hanya Dengan CSS Tanpa Javascript

Umumnya shrink header ini dibuat dengan CSS dan Javascript, namun kali ini kita akan membuatnya hanya dengan CSS saja tanpa Javascript.Di sini kita akan menggunakan trik seperti pada announcement bar dengan sticky header yang sebelumnya sudah saya posting.Kita akan membuat header tampak tinggi sebelum halaman di-scroll dan menjadi lebih pendek ketika halaman di-scroll seperti animasi …

Shrink Header on Scroll Hanya Dengan CSS Tanpa Javascript Selengkapnya »

Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org

Error The value provided for item.id must be a valid URL ini menunjukan bahwa URL tidak terdeteksi. URL harus menggunakan tag ID agar terdeteksi dan merupakan bagian dari sebuah item breadcrumb.Berikut gambar untuk error pada breadcrumb yang menggunakan Schema.org, The value provided for item.id must be a valid URL. Kode breadcrumb dengan Schema.org yang error …

Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org Selengkapnya »