Fitur Artikel Full Reading

Fitur Artikel Full Reading

Pada artikel ini tampilan blog akan diubah menjadi mode full read yang menghilangkan sidebar serta widget yang ada didalamnya. Tujuan fitur ini dibuat adalah untuk memberikan rasa nyaman bagi pengunjung blog agar mereka bisa fokus membaca konten yang tersedia tanpa gangguan dari widget atau hal lain.

Anda juga bisa memilih untuk menonaktifkan fitur ini kapan saja Anda mau, fitur ini hanya akan aktif pada artikel atau postingan dengan label tertentu pada blog dan tidak akan aktif pada label lainnya. Anda juga bisa setting fitur ini agar aktif pada dua label berbeda bahkan lebih.

Silahkan ikuti tutorial dibawah ini:

Setting Fitur Fullpage

Pada menu Edit HTML silahkan cari kumpulan kode dibawah ini :


<b:includable id='postFullPage'>
  <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name == &quot;Fullread&quot;'>


Ubah pada bagian yang di blok warna dengan judul Label pada blog Anda. Misal Kesehatan, Hiburan dan sebagainya.

Mengaktifkan Fitur Fullpage di Dua Label berbeda
Pada setting bawaan blog ini fitur ini hanya akan tampil pada artikel dengan satu label tertentu saja, tapi jika Anda ingin mengaktifkan fitur ini pada dua label berbeda aatu lebih silahkan cari kode yang sama dengan diatas, kemudian ganti bagian yang sudah ditandai dengan label Anda. Lebih jelasnya berikut keseluruhan kodenya:


<b:includable id='postFullPage'>
  <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name == &quot;Fullread&quot;'>

// Ganti dengan kode dibawah ini serta ganti bagian yang di blok dengan Label blog Anda

<b:includable id='postFullPage'>
  <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name == &quot;Nama_Label1&quot; or data:label.name == &quot;Nama_Label2&quot;'>

// Jika ingin menambahkan label lebih banyak lagi cukup tambahkan or data:label.name == &quot;Nama_Label3&quot; dan seterusnya

Cara Menonaktifkan Sementara Fitur ini

Silahkan cari kode dibawah dan ganti sesuai dengan arahan.


<b:include cond='data:view.isPost' data='post' name='postFullPage'/>

// Ganti kode diatas menjadi seperti dibawah ini

<!-- <b:include cond='data:view.isPost' data='post' name='postFullPage'/> -- >

Semoga Bermanfaat.

Baca juga

Posting Komentar