Blogger Theme Tutorial

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.

Untuk menggunakan fitur Desainer Template bersama dengan CSS pada template blog Anda, terdapat beberapa panduan struktur yang harus diikuti. --- ## Menyiapkan Variabel Pada bagian ` ` kode template, Anda wajib menyertakan sepasang tag ` ... `. 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 ```xml ... ``` > 💡 **Catatan:** Kode deklarasi variabel CSS yang diapit oleh tag komentar `/*` dan `*/` di atas tidak akan dirender atau ditampilkan secara langsung di halaman blog Anda. Blok komentar tersebut digunakan sebagai wadah untuk mendaftarkan variabel. Setiap font atau warna yang ingin Anda edit melalui tab "Font dan Warna" harus didaftarkan di sini dengan menyertakan atribut berikut: * **`name`** — Dapat terdiri dari huruf atau angka. Setiap nama variabel di dalam templa...

Bagian ` ` 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: ```xml ``` ### Atribut Tag ` ` * **`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 `"footer"`. Jika Anda mengubah tema di kemudian hari, nama-nama standar ini membantu Blogger menentukan cara mentransfer kont...

Ada berbagai tag yang dapat Anda gunakan untuk menyertakan data tertentu dalam template. Semuanya akan diformat sebagai ` ` atau ` `, 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](https://www.google.com/search?q=%23data-yang-tersedia-secara-global) * [Header Halaman](https://www.google.com/search?q=%23header-halaman) * [Postingan Blog](https://www.google.com/search?q=%23postingan-blog) * [Arsip Blog](https://www.google.com/search?q=%23arsip-blog) * [Widget Profil](https://www.google.com/search?q=%23widget-profil) * [Widget Teks/HTML/JavaScript](https://www.google.com/search?q=%23widget-tekshtmljavascript) * [Widget Feed](https://www.google.com/s...

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...