Sekilas tentang Magazine Style Template ~ ARTIKEL MENARIK

Artikel Menarik kali ini akan membahas tentang Magazine Style Template. Ciri khas dari magazine style template adalah ada kolom atau isi dari blog tersebut yang bisa hilang di saat kita membaca keseluruhan artikel atau bahkan sebaliknya yaitu ada kolom yang tadinya tidak muncul menjadi muncul.

Apakah template blogger bisa memakai sistem seperti itu? jawabannya adalah bisa. Coba lihat contohnya di http://magazine-1.blogspot.com silahkan perhatikan semua widget yang ada, kemudian klik pada tombol Read Full story, dan yang terjadi adalah ada sebagian widget yang menghilang dari pandangan, dan begitupun sebaliknya ada yang tadinya tidak muncul menjadi muncul (sidebar bawah).

Teknik yang di gunakan sangatlah sederhana, anda tinggal membubuhkan kode tambahan pada widget yang ingin di hilangkan atau bahkan di munculkan, berikut adalah kode tambahannya :

Muncul menjadi tidak muncul :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Widget yang ingin di hilangkan
</b:if>

Tidak muncul menjadi muncul :

<b:if cond='data:blog.pageType == "item"'>
Widget yang ingin di di munculkan
</b:if>

Sebagai contoh, silahkan anda lihat kode template anda. anda akan melihat kode yang mirip seperti kode di bawah ini :

Satu kode widget seperti :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

Kode seperti di atas berarti mewakili satu widget atau Gadget yang kita pasang di sidebar atau di footer. Widget tersebut akan muncul di halaman depan blog anda. Apabila pada template biasa pada umumnya,walaupun di klik menu read more atau baca selengkapnya, widget –widget tersebut akan selalu muncul. Jika anda menambahkan kode yang saya tulis di atas, maka widget tersebut akan tidak tampil, contoh :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>
</b:if>

Itu jika untuk satu widget saja, jika anda mempunyai widget banyak yang berderet kebawah dan ingin menyembunyikan semuanya, maka kode yang di pasang seperti ini :

Itu untuk membuat widget dari yang muncul menjadi menghilang. Jika untuk yang dari yang tidak muncul menjadi muncul lumayan sedikit repot karena anda harus membuka expand template anda terlebih dahulu dengan memberi tanda ceklis pada kotak kecil di samping tulisan Expand Template Widget. Contoh, jika anda belum membuka expand widget template, kode widget akan terlihat seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'/>

Maka jika setelah di expand akan terlihat seperti ini (perhatikan judul widgetnya) :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Jika widget tersebut tidak ingin tampil di halaman depan, kemudian ingin tampil apabila masuk halaman artikel, maka anda harus menambahkan kode seperti ini :

<b:widget id='HTML8' locked='false' title='Blog Tutorial Untuk Pemula' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jangan lupa untuk klik tombol SIMPAN TEMPLATE dan nikmati tampilan blog anda yang bergaya Magazine style Template.

ARTIKEL MENARIK

Sekilas tentang Magazine Style Template

0 komentar:

Post a Comment

Paling Populer

Labels

Blog Archive