Tag Data Tata Letak

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/search?q=%23widget-feed) * [Widget Gambar](https://www.google.com/search?q=%23widget-gambar) * [Widget Label](https://www.google.com/search?q=%23widget-label) * [Widget Daftar](https://www.google.com/search?q=%23widget-daftar) * [Widget Daftar Link](https://www.google.com/search?q=%23widget-daftar-link) * [Widget Logo](https://www.google.com/search?q=%23widget-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" secara keseluruhan, misalnya sebagai ``. * **`title`**: Judul blog. * **`pageType`**: Jenis halaman saat ini. Nilainya adalah salah satu dari: `'item'`, `'arsip'`, atau `'indeks'`. * **`url`**: URL halaman saat ini. * **`homepageUrl`**: Halaman beranda blog. * **`pageTitle`**: Judul halaman saat ini. Biasanya ini adalah judul blog, tetapi dapat berisi informasi tambahan tentang halaman postingan atau arsip. * **`encoding`**: Encoding yang digunakan untuk blog, misalnya UTF-8. * **`languageDirection`**: `"ltr"` untuk bahasa yang penulisannya dimulai dari kiri ke kanan, atau `"rtl"` untuk bahasa yang penulisannya dimulai dari kanan ke kiri. * **`feedLinks`**: Link feed penemuan otomatis untuk header halaman. --- ### Header Halaman Widget sederhana yang hanya memiliki dua data. Data tersebut dapat direferensikan langsung sebagai `` dan ``. * **`title`**: Judul blog. * **`description`**: Deskripsi blog. --- ### Postingan Blog Ini adalah bagian utama dan paling kompleks dari setiap blog. Sangat disarankan untuk memodifikasi salah satu template default sebelum menulis widget postingan blog dari awal. Berikut adalah semua data yang tersedia dalam widget ini: * **`feedLinks`**: Daftar feed untuk halaman ini. Di halaman utama berisi feed blog utama; di halaman item/postingan juga berisi feed komentar. Setiap item di dalamnya mencakup: * **`url`**: URL feed. * **`name`**: Nama feed (misalnya 'Postingan' atau 'Komentar'). * **`feedType`**: Jenis feed (Atom atau RSS). * **`mimeType`**: Jenis MIME untuk feed. * **`olderPageUrl`**: URL yang mengarah ke postingan lama (jika ada). Bergantung pada konteks jenis halaman. * **`olderPageTitle`**: Judul link ke halaman postingan lama. * **`newerPageUrl`**: Setara dengan `olderPageUrl`, tetapi untuk postingan yang lebih baru. * **`newerPageTitle`**: Setara dengan `olderPageTitle`, tetapi untuk halaman postingan yang lebih baru. * **`commentLabel`**: Frasa untuk menampilkan jumlah komentar, misalnya "komentar". * **`authorLabel`**: Frasa untuk menunjukkan siapa penulis postingan, misalnya "diposting oleh". * **`timestampLabel`**: Frasa untuk menunjukkan kapan postingan ditulis, misalnya "diposting pada". * **`postLabelsLabel`**: Frasa untuk memperkenalkan daftar label postingan, misalnya "label untuk postingan ini". * **`backlinksLabel`**: Frasa deskripsi backlink ke postingan ini, misalnya "link ke postingan ini". * **`posts`**: Daftar semua postingan untuk halaman ini. Setiap objek postingan berisi: * **`dateHeader`**: Tanggal postingan. Hanya muncul jika ini adalah postingan pertama yang diposting pada hari tersebut dalam daftar. * **`id`**: ID numerik untuk postingan. * **`title`**: Judul postingan. * **`body`**: Konten utama postingan. * **`author`**: Nama tampilan dari penulis postingan. * **`url`**: Permalink postingan ini. * **`timestamp`**: Stempel waktu postingan. Selalu ada di setiap postingan (berbeda dengan `dateHeader`). * **`labels`**: Daftar label postingan. Setiap label berisi: * **`name`**: Teks label. * **`url`**: URL halaman indeks yang berisi daftar semua postingan dengan label ini. * **`isLast`**: `True` atau `False`. Menandakan apakah label ini merupakan urutan terakhir dalam daftar (berguna untuk logika penempatan tanda koma). * **`allowComments`**: Bernilai `'True'` jika postingan ini mengizinkan komentar. * **`numComments`**: Jumlah komentar di postingan ini. * **`showBacklinks`**: Menentukan apakah backlink untuk postingan ini ditampilkan atau tidak. * **`numBacklinks`**: Jumlah backlink untuk postingan ini. * **`addCommentUrl`**: URL formulir 'tambahkan komentar' untuk postingan ini. * **`emailPostUrl`**: URL formulir 'kirim postingan ini via email'. * **`editUrl`**: URL formulir edit untuk postingan ini. * **`feedLinks`**: Daftar feed khusus postingan ini (dapat berupa feed khusus komentar postingan tersebut). Masing-masing berisi data `url`, `name`, `feedType`, dan `mimeType`. * **`comments`**: Daftar semua komentar untuk postingan ini (khusus di halaman item). Masing-masing berisi: * **`id`**: ID numerik komentar. * **`body`**: Isi/teks komentar. * **`timestamp`**: Waktu komentar dibuat. * **`author`**: Nama tampilan penulis komentar, atau akan memuat teks 'Anonim'. * **`authorUrl`**: URL profil penulis komentar (jika tidak anonim). * **`deleteUrl`**: URL untuk menghapus komentar ini. * **`isDeleted`**: Apakah komentar ini telah dihapus atau tidak (teks komentar yang dihapus biasanya diganti dengan placeholder). --- ### Arsip Blog Jika Anda mendesain versi baru, paling mudah menggunakan gaya `'FLAT'`, lalu mengubah data lainnya sesuai keinginan. * **`title`**: Judul widget. * **`style`**: Jenis gaya arsip. Salah satu dari: `'MENU'`, `'FLAT'`, atau `'HIERARCHY'`. * **`data`**: Daftar setiap unit arsip, yang masing-masing berisi: * **`name`**: Nama interval arsip ini, misalnya "Agustus 2006". * **`url`**: Tautan ke halaman indeks postingan dari interval waktu ini. * **`post-count`**: Jumlah postingan dalam interval ini. --- ### Widget Profil #### Kasus Blog Penulis Tunggal (Single Author) Untuk mengakses properti dari data objek `photo`, gunakan notasi titik seperti ``. * **`title`**: Judul widget. * **`userUrl`**: URL profil penulis. * **`location`**: Lokasi dari profil penulis. * **`aboutme`**: Informasi "Tentang Saya" dari profil. * **`displayname`**: Nama tampilan penulis. * **`photo`**: Komponen foto profil pengguna, terdiri dari data: * **`url`**: URL file foto. * **`width`**: Lebar foto dalam piksel. * **`height`**: Tinggi foto dalam piksel. * **`alt`**: Teks alternatif (*alt text*) untuk foto. #### Kasus Blog Tim (Multiple Authors) Pada blog yang dikelola oleh tim, widget hanya menampilkan informasi ringkas untuk banyak penulis: * **`title`**: Judul widget. * **`authors`**: Daftar semua penulis, yang masing-masing berisi: * **`displayname`**: Nama tampilan penulis. * **`userURL`**: URL profil penulis. > **Tips Kontrol Kondisional:** Jika Anda merancang template fleksibel yang mendukung kedua kasus di atas, gunakan variabel `data:team` untuk membedakannya. Contoh: > ` (Tampilkan daftar banyak penulis) ` --- ### Widget Teks/HTML/JavaScript Widget Teks dan widget HTML/JavaScript memiliki fungsi dasar dan struktur data yang sama. * **`title`**: Judul widget. * **`content`**: Konten utama (teks, kode HTML, atau JavaScript) di dalam widget. --- ### Widget Feed Konten widget ini dimuat secara dinamis menggunakan Google AJAX API setelah blog dirender di browser. Untuk mengubah desainnya, Anda hanya dapat memodifikasinya menggunakan CSS. * **`title`**: Judul widget. * **`feedUrl`**: URL feed eksternal yang ditarik. --- ### Widget Gambar Widget gambar berisi satu berkas gambar beserta seluruh data relevan yang disematkan padanya. * **`title`**: Judul widget atau caption utama. * **`sourceUrl`**: URL lokasi gambar. * **`width`**: Lebar gambar dalam satuan piksel. * **`height`**: Tinggi gambar dalam satuan piksel. * **`caption`**: Teks teks keterangan (caption) gambar. --- ### Widget Label Widget label mencakup daftar seluruh label yang telah digunakan di dalam blog tersebut. * **`title`**: Judul widget. * **`labels`**: Daftar objek label, masing-masing berisi: * **`name`**: Teks nama label. * **`count`**: Jumlah total postingan yang menggunakan label ini. * **`url`**: Tautan ke halaman daftar postingan khusus label ini. --- ### Widget Daftar Ini adalah format daftar paling sederhana. Setiap item hanya berupa satu bagian teks biasa tanpa komponen data lain di dalamnya. * **`title`**: Judul widget. * **`items`**: Daftar string item teks. --- ### Widget Daftar Link Format daftar yang menyediakan dua komponen terpisah untuk setiap itemnya, yaitu teks nama tautan dan alamat URL tujuan. * **`title`**: Judul widget. * **`links`**: Daftar tautan, masing-masing berisi: * **`name`**: Teks judul link. * **`target`**: URL alamat link tujuan. --- ### Widget Logo Ini adalah elemen widget paling sederhana yang hanya menyediakan satu data tunggal. * **`fullButton`**: URL file gambar tombol Blogger yang telah dipilih.

Komentar

Postingan populer dari blog ini

Membuat Beranda Asli untuk Blog Blogger (Blogspot)

Tag Widget untuk Tata Letak