Pamula merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri mengg...
Halo sobat Malesteapada kesempatan kali ini saya akan membagikan penjelasan dari kode Blogger yaitu "data:post.body snippets" mungkin kalian sudah pernah mencoba dan menggunakan snippets ini untuk menampilkan jumlah karakter pada deskripsi dibagian homepage pada artikel blog. Fungsi dari snippets ini sendiri sangat bagus terutama kita ga perlu lagi menampilkan seluruh halaman artikel untuk membuat halaman menjadi terlihat.
Ada beberapa cara yang biasanya digunakan untuk mengatur jumlah snippets yaitu, javascript dan kode blogger. Untuk javascript sendiri saya belum pernah pakai karena memang blogger sudah menyediakan caranya sendiri untuk memotong dan mengatur karakter snippets.
Syntax Pemanggilan
| Nama | Operator | Operand | Sintaks default | Sintaks fungsional | Hasil |
|---|---|---|---|---|---|
| Buat ekstrak | snippet | 2 | string snippet object | snippet string,object | string |
Mari kita bahas satu-satu dari sintaks diatas terlebih dahulu.
- Nama : sintaks ini biasanya digunakan untuk pembungkus dari operator misal stringnya. Contoh
- Operator : yang akan kita gunakan sebagai jembatan untuk menghasilkan snippet, proses nya seperti berikut
- String
- Tipe data STRING
- Operand : objek yang berisi parameter yang akan diterapkan ke string. Contoh
- Sintaks default: ini biasanya yang selalu dipakai termasuk saya sendiri. Contoh
- Sintaks fungsional : alternatif yang dapat digunakan ketika sintaks standar berisi operator yang sama beberapa kali. Saat menggunakan operator ekstrak, alternatif ini lebih mudah ditetapkan daripada sintaks default. Contoh
{data:post.body} {operator} {object}{data:post.snippets.short} teks yang ditampilkan berjumlah 140{data:post.snippets.long} teks yang ditampilkan berjumlah 1000{data:post.body} {operator} {object}{operator}({data:post.body},{object})Syntax Operand
Selain dari cara diatas dengan menggunakan kode simple tapi tidak bisa merubah panjang dari karakter dan jumlahnya. Tapi kita bisa menggunakan dengan menambahkan fungsi parameter ke subjek operan ke-2 dengan parameter dan setiap parameter harus dipisahkan dengan koma. Nilai dari paramter bisa berupa Number dan Boolean.
| Pengaturan | Nilai | Fungsi |
|---|---|---|
| length | number | digunakan untuk mengatur banyaknya karakter yang akan ditampilkan. Nilai min .: 50. Nilai maks.: 1000. |
| ellipsis | boolean | digunakan untuk memunculkan titik ekspansi. Standar: true. |
| linebreaks | boolean | digunakan untuk menonaktifkan jeda baris. Standar: true. |
| links | boolean | digunakan untuk menonaktifkan tag element link yaitu jangkar, tautan dan tag html. Standar: true. |
Contoh Penerapan Operand
Length
<b:eval expr='data:post.body snippet { length: 150 }'/>
karakter akan ditampilkan berjumlah 150 kataEllipsis
<b:eval expr='data:post.body snippet { ellipsis: false }'/>
tidak akan memunculkan titik ekspansiLinebreaks
<b:eval expr='data:post.body snippet { linebreaks: false }'/>
tidak akan memunculkan jeda barisLink
<b:eval expr='data:post.body snippet { links: false }'/>
tidak akan berisi jangkar, tautan, dan tag HTML.Parameter
<b:eval expr='data:post.body snippet { length: 150, links: false, linebreaks: false, ellipsis: false }'/>
Setiap parameter yang ditambahkan ke objek harus dipisahkan dengan koma.Untuk mencoba kode-kode diatas kalian diharuskan memasukan langsung lewat edit HTML untuk mengetahuinya.
Mungkin sekian dulu artikel yang saya buat dan akan saya posting lagi untuk pembahasan mengenai Blogger dilain kesempatan.
Comments
Post a Comment
To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.