Home » » Cara Menampilkan Widget Hanya Tampil di Single Page Atau Home Page

Cara Menampilkan Widget Hanya Tampil di Single Page Atau Home Page

tutorial blogging, tips and trik blogging, cara menampilkan widget hanya di postingan, widget, followers
Widget merupakan sesuatu pendukung tampilan blogger. Dengan adanya widget, blog kita serasa lebih istimewa. Nah, namun kadang kala seorang Blogger kurang puas dengan tampilan dari widget. Ada yang suka widget  tampil di postingan saja (single page) atau di halaman utama saja (home page). 

Nah, sekarang tidak perlu lagi bersusah atau bersedih karena kesulitan men-setting tampilan widget. Kini telah ada tutorialnya cara menampilkan widget hanya di Single Page atau Home Page saja. Ikuti tutorial yang saya berikan.

Langsung saja tanpa pikir panjang. Kita mulai dari sekarang.
  1. Login ke Blogger
  2. Buka menu Template
  3. Lalu klik Edit HTML
  4. Beri tanda centang pada "expand template widget"
  5. Klik CTRL + F  [ini fungsinya untuk mencari kode widget anda] Misalnya anda akan menampilkan widget "Followers" pada Single Page saja. Maka carilah menggunakan CTRL + F
  6. Setelah ketemu, ikuti cara dibawah ini
Cara menampilkan hanya di Home Page
  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>
  3. Contohnya seperti ini
<b:widget id='HTML9' locked='false' title='Followers' 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>
 Cara menampilkan hanya di Single Page
  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>
  3. Contohnya seperti ini
<b:widget id='HTML9' locked='false' title='Followers' 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>

Setelah semuanya selesai, lalu jangan lupa klik Save Template. Lihat hasilnya. Selamat Mencoba dan Semoga Berhasil!

6 komentar:

Blog Posts

Find Me on Facebook

Blogroll


W3 Directory - the World Wide Web Directory
Backlinks Generator Gratis
Auto Backlink