HTML5

Cara Mudah Mengganti Tag BR Menjadi P Pada Postingan Blogger

Blogger, HTML5, Trik, Tutorial / Oleh

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

Blogger, HTML5, SEO, Trik, Tutorial / Oleh

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.

Bagian 2 Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Blogger, CSS3, HTML5, Tutorial / Oleh

Setelah kemarin kita berhasil membuat sebuah custom template, tetapi tampilan dan lainnya masih sangat sederhana. Untuk itu diperlukan tindakan lanjutan, salah satunya yang akan kita lakukan sekarang adalah merubah dan membuat header blogger menjadi dinamis sehingga menjadi lebih SEO friendly.Secara default, header blogger menggunakan tag H1 untuk semua halaman. Dan akan menjadi masalah jika

Belajar Membuat Tema Kustom Blogger Dari Awal

Blogger, CSS3, HTML5, TOC, Tutorial / Oleh

Contents Mulai Belajar Membuat Tema Kustom Blogger Dari Awal Membuat Halo Dunia Mulai Membuat Postingan Blog Kode-kode Tema Blogger Membuat Header Blog Membuat Sidebar Blog Membuat Footer Blog Membuat Style Untuk Tampilan Blog Menampilkan Konten Head Default Blogger Merapihkan Tampilan Tata Letak Tindakan Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Menggunakan Skin Blogger Hanya Untuk Halaman Layout

AMP, Blogger, CSS3, HTML5, Trik, Tutorial / Oleh

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

LD-JSON Script Schema.org Untuk Homepage Blogger

Blogger, HTML5, SEO, Tutorial / Oleh

Setelah sebelumnya kita menerapkan script ld-json schema.org blogposting untuk halaman postingan dan halaman static, kini kita memasang script ld-json schema.org untuk halaman homepage blog.Script ld-json untuk homepage ini saya ambil contoh dari web amp.dev dan saya gabungkan dengan schema website untuk sitelink searchbox.Silahkan simpan kode berikut di atas kode

LD-JSON Script Schema.org BlogPosting Untuk Blogger

Blogger, HTML5, SEO, Tutorial / Oleh

Data terstruktur yang valid dan sesuai ini penting untuk SEO. Karena jenis data terstruktur ini ada banyak, membuat blogger seperti saya menjadi bingung untuk menentukan data terstruktur yang tepat untuk jenis blog.Padahal ini cukup mudah untuk menentukan schema.org yang tepat untuk blog yaitu BlogPosting. Namun karena tidak banyak yang menuliskan cara menerapkannya pada blogspot, maka …

LD-JSON Script Schema.org BlogPosting Untuk Blogger Selengkapnya »

Mengatasi Masalah Defer Offscreen Images Tanpa Jquery Atau Lazy Loading

Blogger, HTML5, Javascript, Trik, Tutorial / Oleh

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

Blogger, CSS3, HTML5, Javascript, Trik, Tutorial, Widget / Oleh

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 »