-->

Cara Membuat Widget Tampil di HomePage atau di Postingan Saja

Sekarang embel-embel blog alias Widget  sudah banyak yang berkembang dan semakin banyak bertambah, Guna dari widget itu pun bermacam-macam, tinggal kita sendiri yang  memilih mau widget seperti apa.Terlalu banyak widget juga ga bagus buat blog sobat semua, di antaranya memberatkan halaman page blog saat di akses, Biar ga berat saya punya tips nih agar widget hanya tampil di homepage alias halaman utama atau bisa juga anda letakkan widget tersebut hanya di halaman posting saja. Caranya ga susah kok' cukup simple.Langsung saja kita mulai pelajaran hari ini ... hehehee
  • Kalau anda mau membuat widget hanya tampil di Home Page saja , anda hanya perlu menyisipkan kode berikut ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  • Setelah itu di beri kode penutup seperti ini :
</b:if>
  • Kalau mau membuat widget hanya tampil di posting saja , kodenya seperti berikut ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  • Setelah itu di beri kode penutup seperti ini :
</b:if>

Sebelumnya anda harus tahu widget yang akan di hilangkan dan pahami struktur widgetnya .
  1.  masuk ke DESIGN lalu pilih  Edit HTML < jangan lupa beri centang Expand Template Widget >,,, Biasakan untuk BACKUP TEMPLATE anda terlebih dahulu.
  2. Cari kode <b:widget id=  ( Tekan kombinasi keyboard ctrl+F untuk memudahkan pencarian )
  3. Setelah itu sisipkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> di bawah kode <b:includable id='main'>  
  4. Letakkan kode penutup </b:if> di bawah kode <b:include name='quickedit'/>

Berikut adalah contohnya :

<b:widget id='HTML22' locked='false' title='Twitter' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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>



Jika langkah-langkah di atas sudah di lakukan dengan baik dan benar, Simpan Template dan lihat hasilnya...

Related Posts

LihatTutupKomentar