Pembaharuan: 25 Februari 2012
Galleria yaitu widget daftar isi dengan tema fotografi. Setiap artikel akan ditampilkan sebagai foto-foto dengan judul yang akan tampil ketika disentuh. Masonry yaitu salah satu kelengkapan utama untuk membangun widget ini. Menjaga supaya setiap elemen tampak berjajar dengan rapi dan responsif:
Buat widget daftar isi ini dengan mengikuti langkah-langkah berikut:
Pertama-tama klik sajian Laman pada sidebar. Kemudian, pada sajian Laman Baru pilihlah Laman Kosong:
Setelah itu Anda akan melihat formulir halaman statis menyerupai ini. Klik mode HTML:
Salin aba-aba di bawah ini lalu letakkan di dalam formulirnya:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" media="screen" href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-gallery-default-theme.css" type="text/css"></link> <h4 id="loading">Loading...</h4> <script type="text/javascript"> var enableMasonry = true, idMode = true, showPostDate = true, byLabels = false, labelName = "Mengenai", pBlank = "http://2.bp.blogspot.com/-RdWht36FTLI/TrsqFbSraFI/AAAAAAAABO4/rTjPm97uO34/s1600/dte-darkblue.png"; text = "Komentar", numposts = 999, showSpeed = 1000, sDownSpeed = 400, sUpSpeed = 400, loadingItem = "Loading item...", errorText = "Opps...", home_page = "http://latitudu.blogspot.com/"; </script> <script type="text/javascript" src="http://reader-download.googlecode.com/svn/trunk/blogger-gallery-widget-rev1.js"></script>Pengaturan
| Opsi | Nilai | Keterangan |
|---|---|---|
| enableMasonry | true | Ganti nilainya menjadi false jikalau Anda sudah menggunakan JQuery Masonry di dalam template |
| false | ||
| idMode | true | Jika bernilai true, sistem bulan terbit akan menjadi berbahasa Indonesia. Jika bernilai false sistem bulan terbit akan bermetamorfosis berbahasa Inggris. |
| false | ||
| showPostDate | true | Jika bernilai true, bulan terbit akan ditampilkan. Jika bernilai false bulan terbit akan disembunyikan. |
| false | ||
| byLabels | true | Digunakan untuk memfilter posting. Jika ingin menampilkan posting dengan kategori tertentu saja, pilihlah nilai true. Setelah itu tentukan nama label pada variabel labelName. |
| false | ||
| labelName | "Widget", "JQuery", "CSS", ... (nama label) | Tentukan nama label jikalau opsi byLabels bernilai true. |
| pBlank | "image.jpg", ... (URL Gambar) | Gambar cadangan jikalau posting yang tampil tidak mempunyai gambar. |
| text | "Komentar", "Comments", ... (teks) | Digunakan untuk memilih label jumlah komentar (contoh: 10 Komentar). |
| numposts | 10, 30, 999, ...(numerik) | Digunakan untuk memilih jumlah posting maksimal yang akan ditampilkan. |
| showSpeed | "slow", "fast", 1000, ... (numerik/kecepatan valid JQuery) | Digunakan untuk memilih kecepatan animasi penampilan gambar. |
| sDownSpeed | "slow", "fast", 1000, ... (numerik/kecepatan valid JQuery) | Digunakan untuk memilih kecepatan animasi penampilan judul gambar. |
| sUpSpeed | "slow", "fast", 1000, ... (numerik/kecepatan valid JQuery) | Digunakan untuk memilih kecepatan animasi penghilangan judul gambar. |
| loadingItem | "Sedang memuat gambar...", ... (teks) | Digunakan untuk memilih teks status ketika gambar sedang dimuat. |
| errorText | "Maaf, tunggu sebentar...", ... (teks) | Digunakan untuk memilih teks status ketika gambar sempat gagal dimuat. |
| home_page | "http://namablogmu.blogspot.com", ... (URL Blog) | Ganti URL ini dengan URL blog Anda. |
Kode yang Saya beri garis bawah yaitu JQuery. Jika template Anda sudah dilengkapi dengan JQuery, singkirkan aba-aba tersebut!
Sumber https://www.dte.web.id/