Cara Membuat Widget hanya tampil di Homepage atau posting | Tips Blogspot | Membuat Widget Home - Postingan

Cara Membuat Widget hanya tampil di Homepage atau posting | Tips Blogspot | Membuat Widget  Home - Postingan - Halaman muka dari sebuah situs web. itulah homepage, Pengertian lainnya adalah halaman default yang diset untuk sebuah browser. halaman ini ditayangan di Internet melalui media World Wide Web. Biasa digunakan orang untuk mempromosikan informasi, jasa, produk-produknya, dll. Tapi yang saya maksud disini adalah homepage pada blog atau website Agar blog tampil lebih dinamis dan terkesan profesional, sebaiknya beberapa widget yang dianggap pokok dan utama hanya ditampilkan di halaman utama atau Home page. Bagaimana cara membuat sebuah widget hanya tampil pada Homepage atau hanya tampil pada Postingan Saja, Langsung saja sob!!! berikut tipsnya :

1. Login ke Blogger dengan ID sobat


2. Di halaman Dasbor, kita pilih Tata Letak.


3. Kemudian pilih Edit HTML.


4. Jangan lupa Backup Template sobat agar mudah mengembalikan jika terjadi kesalahan.


5. Beri tanda centang pada cekbox “expand template widget”.


6. Gunakan F3 pada keyboard komputer anda untuk mencari kode widget anda. Contoh:  'Artikel Terbaru'.


7. Setelah ketemu, berikut cara memodifikasiny :

..:: Membuat Widget Tampil di HomePage ::..

1. Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>


2. Sisipkan kode : </b:if> diatas kode </b:includable>Contoh lengkapnya seperti ini : <b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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:if> </b:includable> </b:widget>

..:: Membuat Widget Tampil di Posting ::..

1. Sisipkan kode :
   <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>


2. Sisipkan kode: </b:if> diatas kode </b:includable>
   Contoh lengkapnya seperti ini :
   
   

   <b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>

   <b:includable id='main'>
   <b:if cond='data:blog.pageType == "item"'>
   
   <!-- 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:if>
   
   </b:includable>
   
   </b:widget>

Jangan Lupa Save Templatenya, dan sobat bisa lihat hasilnya, Semoga bisa membantu membuat professional  blog atau website sobat. semoga Cara Membuat Widget hanya tampil di Homepage atau posting | Tips Blogspot | Membuat Widget  Home - Postingan bisa bermanfaat, jangan lupa tambahkan jaringan teman ( follow up ) di Kolom Blog GRATIS,...