Blogger Theme Tutorial

Postingan

Menampilkan postingan dari Juni, 2026

Tunjukkan semua

Tutorial Membuat Tombol Floating Chat WhatsApp Premium di Blogger Tanpa Menampilkan Nomor Telepon

Bagi pemilik blog bisnis, landing page, atau portfolio di platform Blogger, menyediakan tombol pintas Call to Action (CTA) menuju WhatsApp adalah hal wajib untuk mengubah pengunjung menjadi pembeli. Selama ini, kita terbiasa membuat tombol chat menggunakan tautan nomor telepon mentah seperti wa.me/628xxx .

Baca selengkapnya

Membatasi Jumlah Postingan yang Ditampilkan pada Tampilan Seluler Blogger

Jika Anda menggunakan tema-tema klasik (lama) pada platform Blogger, terkadang jumlah postingan yang muncul di halaman utama saat diakses melalui perangkat seluler ( ?m=1 ) tidak akurat. Tampilan seluler sering kali mengabaikan batas jumlah artikel yang telah Anda tentukan di panel pengaturan utama blog.

Baca selengkapnya

Bedah Visual Logo Sayembara HUT ke-81 RI: Mana yang Paling Ramah Desain Template Blogger?

Menjelang peringatan Hari Kemerdekaan Republik Indonesia yang ke-81, atmosfer kreativitas nasional mulai memanas. Salah satu peristiwa yang paling disorot saat ini adalah proses penunjukan logo resmi HUT ke-81 RI yang dilakukan melalui mekanisme sayembara lomba desain oleh pemerintah. Saat ini, pemerintah tengah menunggu hasil akhir penunjukan logo yang akan menjadi identitas visual utama perayaan tahun ini.

Baca selengkapnya

Apa itu Crawl dan Index?

Dalam dunia SEO ( Search Engine Optimization ), crawling (perayapan) berarti proses ketika robot pencari mengikuti tautan internal maupun eksternal dan "merayap" di seluruh situs web Anda. Ketika bot mengunjungi salah satu halaman di situs Anda, mereka juga akan mendeteksi dan mengikuti tautan halaman lain yang saling terhubung di dalamnya.

Baca selengkapnya

Memahami Sitemap pada Blog Blogger (Blogspot)

Sitemap pada dasarnya adalah peta dari sebuah situs web. Sitemap berupa file berformat XML atau HTML yang berisi daftar seluruh URL halaman yang ada di dalam blog Anda.

Baca selengkapnya

Mengapa Setiap Postingan Blogger Wajib Memiliki 'Jump Link'

Jump link , Jump break , atau pembatas halaman ( page break ) pada postingan Blogger dirender sebagai tombol tautan 'Read More' (Baca Selengkapnya) . Di dalam mode editor HTML, fitur ini ditampilkan dalam bentuk baris kode  .

Baca selengkapnya

Cara Menyembunyikan Bilah Sisi (Sidebar) pada Halaman Tertentu di Blogger

Jika Anda mencari tutorial untuk menghapus Sidebar, sebagian besar akan menyarankan kode CSS seperti display: none; . Cara tersebut memang berhasil menyembunyikan elemen secara visual, tetapi sebenarnya itu adalah cara yang salah .

Baca selengkapnya

Membuat Beranda Asli untuk Blog Blogger (Blogspot)

Halaman beranda ( homepage ), landing page , atau halaman yang dimuat saat pembaca mengunjungi URL utama blog Anda, dapat membantu blog mendapatkan lebih banyak pengunjung. Fitur ini berguna untuk membuat blog memuat lebih cepat, mendapatkan lebih banyak pelanggan ( subscriber ), memperkenalkan tajuk utama blog, atau membuat tampilan blog Anda terlihat lebih profesional.

Baca selengkapnya

Menyesuaikan Tag CSS untuk Tata Letak

Untuk menggunakan fitur Desainer Template bersama dengan CSS pada template blog Anda, terdapat beberapa panduan struktur yang harus diikuti. Menyiapkan Variabel Pada bagian <head> kode template, Anda wajib menyertakan sepasang tag <b:skin> ... </b:skin> . Deklarasi gaya CSS akan diletakkan di antara kedua tag tersebut, bersama dengan nama-nama variabel khusus yang mengintegrasikan desain Anda dengan halaman pengaturan Font dan Warna pada dasbor Blogger. Contoh Implementasi <head> ... <b:skin> <style type='text/css'> /* * Variable definitions: * <Variable name='bgcolor' description='Page Background Color' type='color' default='#fff'/> */ body { background: $bgcolor; margin: 0; padding: 40px 20px; } </style> </b:skin> </head> > 💡 Catatan: Kode deklarasi variabel CSS yang diapit oleh tag ko...

Baca selengkapnya

Tag Elemen Halaman untuk Tata Letak

Bagian <body> pada tema tata letak Blogger terdiri dari beberapa bagian ( section ) dan widget. Bagian ( Section ) adalah bidang atau area dari halaman Anda, seperti bilah sisi ( sidebar ) dan footer . Widget adalah elemen halaman seperti halaman ( PageList ), blogroll , atau apa pun yang dapat Anda tambahkan dari tab "Elemen Halaman". Anda dapat menyertakan HTML apa pun yang disukai di sekitar bagian dalam tema. Bagian ( b:section ) Every section dalam tema Anda wajib memiliki tag pembuka dan penutup yang ditulis seperti ini: <b:section id='header' class='header' maxwidgets="1" showaddelement="no"> </b:section> Atribut Tag <b:section> id — (Wajib) Nama unik yang hanya boleh terdiri dari kombinasi huruf dan angka. class — (Opsional) Nama-nama class umum yang sering digunakan meliputi: "navbar" , "header" , "main" , "sidebar" , dan "foot...

Baca selengkapnya

Tag Data Tata Letak

Ada berbagai tag yang dapat Anda gunakan untuk menyertakan data tertentu dalam template. Semuanya akan diformat sebagai <data:name/> atau <data:name1.name2/> , dengan name adalah nama data tertentu yang ingin Anda gunakan. Dalam contoh name1.name2 , name2 merupakan item tertentu yang ada di dalam set data bernama name1 , misalnya photo.url . Karena tiap jenis widget menggunakan data yang berbeda, daftar utama dari semua data yang tersedia ini dibagi menjadi beberapa bagian berdasarkan elemen halaman: Data yang Tersedia secara Global Header Halaman Postingan Blog Arsip Blog Widget Profil Widget Teks/HTML/JavaScript Widget Feed Widget Gambar Widget Label Widget Daftar Widget Daftar Link Widget Logo Data yang Tersedia secara Global Informasi ini berlaku untuk seluruh halaman sehingga Anda dapat menggunakannya di mana saja (tidak terbatas pada widget tertentu). Data ini harus direferensikan sebagai bagian dari data "blog...

Baca selengkapnya

Tag Widget untuk Tata Letak

Bila menggunakan tema Tata Letak untuk membuat bagian badan blog, Anda dapat menggunakan widget untuk menambahkan elemen halaman seperti gambar dan blogroll. Jenis tag Bagian ini menjelaskan HTML yang dapat Anda gunakan dalam tag penutup Blogger. 1. Include ( b:include & b:includable ) Kapan include digunakan Include paling berguna jika Anda memiliki bagian dari kode yang ingin digunakan kembali di beberapa tempat yang berbeda, atau hanya disertakan dalam keadaan tertentu. Untuk melakukannya, tulis konten dalam b:includable , lalu gunakan b:include di tempat Anda ingin menampilkannya. Format <b:includable id='main' var='thiswidget'> [sisipkan konten yang Anda inginkan di sini] </b:includable> Atribut id (wajib): Pengenal unik yang terdiri dari huruf dan angka. Setiap widget harus memiliki satu includable dengan id='main' . var (opsional): Pengenal yang terdiri dari huruf dan angka, untuk referensi data dalam bagian ini. Ca...

Baca selengkapnya