Blogger Theme Tutorial

Atribut cond ( condition ) adalah atribut ekspresi logika yang digunakan di dalam beberapa tag XML khas Blogger. Atribut ini dirancang khusus untuk menentukan kondisi eksekusi berupa nilai Benar (True) atau Salah (False) .

CSS ( Cascading Style Sheets ) adalah bahasa lembar gaya yang digunakan untuk mengatur persentase atau tampilan visual dari sebuah dokumen yang ditulis menggunakan bahasa markup seperti HTML. Sebagai narablog (blogger), memiliki pengetahuan dasar mengenai HTML dan CSS adalah sebuah kewajiban.

Sumber eksternal ( external source ) berarti data kode disimpan secara terpisah dari file utama XML template blog Anda. Pada struktur halaman HTML, pemanggilan file CSS luar ini biasanya dideklarasikan menggunakan tag <link> , sebagai contoh:

Halaman 404 adalah tipe halaman khusus yang akan ditampilkan ketika pengunjung mendarat pada URL yang salah atau tidak ditemukan. Dalam beberapa skenario, hal ini terjadi jika Anda telah menghapus sebuah postingan lama, namun pengunjung masih mendapatkan tautan ( link ) tersebut dari situs lain atau indeks lama.

Seluruh gambar atau foto yang Anda unggah ke dalam artikel blog akan disimpan secara otomatis di Arsip Album Google ( Google Album Archive ). Melalui layanan tersebut, Anda dapat mengelola pengaturan berkas atau menghapus konten gambar yang sudah tidak digunakan lagi.

Breadcrumb trail atau biasa disebut Breadcrumb (remahan roti) adalah elemen navigasi yang sering digunakan sebagai alat bantu navigasi di dalam program, dokumen, maupun situs web dan blog. Elemen ini berfungsi agar pengguna dapat melacak rekam jejak mereka dan mempertahankan kesadaran akan lokasi posisi mereka saat ini di dalam hierarki sebuah website.

Minifikasi ( minification ) merujuk pada metode penghapusan data yang tidak diperlukan atau redundan di dalam kode tanpa memengaruhi cara aset tersebut diproses oleh peramban ( browser ). Proses ini mencakup penghapusan komentar kode, pembersihan format dokumen, penghapusan kode yang tidak digunakan, hingga penggunaan nama variabel dan fungsi yang lebih pendek.

JSON-LD ( JavaScript Object Notation for Linked Data ) adalah format struktur data ringan yang dirancang agar mudah dibaca dan ditulis oleh manusia. Berbasis format JSON yang sudah sangat populer, JSON-LD menyediakan metode bagi data terstruktur agar dapat saling beroperasi dan dipahami oleh mesin pencari dalam skala web.

Mesin pencari terkadang mengalami kesulitan untuk memahami konteks isi konten di dalam blog kita. Di sinilah Data Terstruktur (Structured Data) memegang peranan yang sangat penting.

Secara umum, featured image (gambar unggulan) adalah gambar yang dirancang untuk tampil hanya pada ringkasan postingan ( post summary atau halaman indeks). Gambar ini tidak akan terlihat oleh pengunjung saat mereka membaca artikel utuh secara langsung. Namun, kita dapat memanggil datanya agar muncul di widget luar, seperti sebagai thumbnail artikel terbaru atau daftar postingan populer ( popular posts ).

Memperbaiki masalah konten campuran ( mixed content ) pada blog yang sudah memiliki ratusan atau ribuan postingan tentu sangat merepotkan jika harus memeriksa artikel satu per satu secara manual.

Bilah pemberitahuan Cookie Blogger ( Blogger Cookies notification bar ) adalah jendela sembul ( popup ) yang akan muncul secara otomatis jika blog kita diakses dari wilayah negara-negara Eropa (UE).

GDPR singkatan dari General Data Protection Regulation (Regulasi Umum Perlindungan Data). Ini adalah hukum perlindungan data Uni Eropa (UE) yang mulai berlaku secara ketat sejak Mei 2018.

Ketika mengunjungi halaman web yang aman (menggunakan HTTPS), koneksi kita akan dienkripsi menggunakan SSL/TLS. Jika halaman HTTPS tersebut ternyata memuat aset atau konten yang ditarik dari koneksi HTTP biasa, maka enkripsi halaman tersebut hanya berjalan sebagian. Kondisi inilah yang disebut sebagai halaman web dengan Konten Campuran (Mixed Content) .

Secara umum, situs web yang aman menggunakan standar enkripsi dan otentikasi untuk melindungi kerahasiaan data serta riwayat transaksi yang terjadi di dalam website tersebut.

Menghubungkan domain kustom ( custom domain ) pada Blogger sangat mudah dilakukan. Langkah pertama yang harus Anda lakukan adalah mendaftarkan nama domain yang telah Anda beli ke dasbor BlogSpot.

Jika Anda sudah memiliki sebuah domain kustom ( custom domain ) dan mengelola beberapa blog sekaligus, Anda bisa membuat subdomain untuk blog-blog Anda yang lain. Sebagai contoh, jika domain utama Anda adalah [www.example.com](https://www.example.com) , Anda bisa membuat subdomain khusus seperti diary.example.com untuk blog kedua Anda.

Custom domain (domain kustom) adalah nama unik bermerek ( branded ) yang mengidentifikasi suatu blog atau situs web. Sebagai contoh, domain kustom dari Blogger Book adalah blakbin.com . Custom domain juga dikenal sebagai vanity URL , yang muncul di bilah alamat ( address bar ) setiap peramban ( browser ).

Kita telah mempelajari cara menerapkan Open Graph secara otomatis dan Twitter Card secara manual. Sekarang, kita akan menggabungkan keduanya agar berjalan secara dinamis.

Untuk menambahkan widget kustom yang tidak tersedia di dalam daftar gadget bawaan Blogger, Anda dapat memasangnya secara manual memanfaatkan fitur Gadget HTML/JavaScript . Berikut adalah panduan langkah demi langkahnya:

Pernahkah Anda membagikan sebuah tautan (link) ke media sosial dan melihat bagaimana tautan tersebut secara otomatis menghasilkan tampilan pratinjau yang kaya ( rich snippet )? Di sana Anda bisa melihat gambar besar, judul, beserta deskripsi singkat dari halaman web yang dibagikan.

Meta tags merupakan salah satu komponen paling mendasar dalam SEO ( Search Engine Optimization ). Pemahaman mengenai aspek ini menjadi pengetahuan wajib bagi setiap pemilik blog, mengingat perannya yang besar dalam sejarah mesin pencari.

Adanya parameter ?m=1 di ujung alamat URL blog Anda (contoh: https://NAMA_BLOG.blogspot.com/?m=1 ) mengindikasikan bahwa seseorang sedang mengakses blog Anda menggunakan peramban ( browser ) yang terdeteksi sebagai perangkat seluler ( mobile device ).

HTTPS adalah kunci utama dalam keamanan web. Protokol ini berfungsi melindungi integritas dan kerahasiaan informasi yang dikirimkan antara situs web dan browser pengunjung. Jika Anda ingin pengunjung mengakses blog Anda melalui koneksi yang aman, Anda dapat mengaktifkan fitur HTTPS serta pengalihan ( redirect ) HTTPS di Blogger.

Hyper Text Transfer Protocol Secure (HTTPS) adalah versi aman dari protokol HTTP, yaitu protokol yang digunakan untuk mengirimkan informasi antara browser Anda dan situs web yang sedang Anda buka.

Web Robot (juga dikenal sebagai Web Wanderers , Crawlers , atau Spiders ) adalah program yang menjelajahi web secara otomatis. Mesin pencari seperti Google, Bing, dan lainnya menggunakan robot ini untuk mengindeks konten web. Namun, pihak tidak bertanggung jawab ( spammer ) juga bisa menggunakannya untuk memindai alamat email, di samping berbagai fungsi otomatis lainnya.

Setelah artikel blog Anda sukses terindeks (Bagian 1) dan tema blog Anda sudah bersih dari eror teknis (Bagian 2), langkah terakhir dan paling ampuh untuk melejitkan trafik adalah mengoptimalkan konten.

Setelah memastikan artikel Anda berhasil terindeks melalui fitur Inspeksi URL, langkah SEO krusial berikutnya adalah memastikan tema atau template Blogger Anda memenuhi standar teknis Google.

Menekan tombol "Publikasikan" pada dasbor Blogger bukan berarti artikel Anda otomatis langsung muncul di halaman pencarian Google. Proses masuknya artikel baru ke sistem mesin pencari membutuhkan waktu perayapan (crawling). Jika Anda hanya menunggu secara pasif, artikel bisa memakan waktu berhari-hari bahkan berminggu-minggu untuk terindeks.

Ketika Anda selesai membuat sebuah situs Blogger gratis, Anda bisa langsung membagikan tautan blog tersebut ke orang-orang terdekat. Namun, jika Anda ingin menjangkau audiens yang lebih luas—yaitu orang asing yang tidak mengenal Anda tetapi membutuhkan informasi dari blog Anda—maka situs Anda wajib masuk ke daftar indeks mesin pencari seperti Google.

Pada tutorial Bagian 2 , kita sudah berhasil mengisi area kanan header dengan deretan menu horizontal yang tampak premium saat diakses melalui perangkat desktop. Kita juga sengaja menyembunyikan menu tersebut pada layar smartphone agar tampilan blog tidak berantakan.

Pada tutorial sebelumnya , kita telah berhasil merombak fondasi header bawaan Blogger menjadi tata letak full-width (lebar penuh) dan menempatkan logo secara presisi di sebelah kiri. Namun, header tersebut masih menyisakan ruang kosong di sisi kanannya.

Setelah sebelumnya kita sukses membedah berbagai filosofi dan potensi visual dari kandidat logo sayembara perayaan kemerdekaan, sekarang saatnya kita masuk ke langkah praktik nyata di dasbor Blogger.

Blogging saat ini telah menjelma menjadi industri raksasa yang mengisi sebagian besar dari miliaran situs web di internet. Namun, kondisinya tidak selalu seperti ini sejak awal.

Dokumentasi komprehensif ini membahas seluruh aspek pengembangan tema (theme development) Blogger , mulai dari pemahaman arsitektur struktur dasar, teknik kustomisasi tingkat lanjut, proses pengujian, hingga optimasi performa. Panduan ini dirancang untuk memberikan pengetahuan mendalam yang Anda butuhkan untuk membangun tema Blogger kustom yang profesional dari nol.

SERP ( Search Engine Results Page atau Halaman Hasil Mesin Pencari) adalah halaman web yang dihasilkan oleh mesin pencari sebagai respons atas permintaan atau kueri dari pengguna.

Jika Anda baru saja membuat blog baru, Anda mungkin bertanya-tanya bagaimana cara agar blog tersebut bisa muncul di halaman pencarian. Anda bisa mendaftarkan blog ke Google secara gratis dengan bantuan Google Search Console (sebelumnya dikenal sebagai Google Webmaster Tools).