Menampilkan Widget Hanya di HomePage

Menampilkan Widget Hanya di HomePage:

Menampilkan Widget Hanya di HomePage | Tutorial Blog

Trik ini dapat Sobat gunakan jika Anda ingin Menampilkan Widget Hanya di HomePage, jadi widget tidak akan muncul pada halaman posting, halaman label, dan halaman yang lainnya, karena widget hanya akan muncul pada halaman utama saja. Jika Sobat ingin kebalikannya atau widget tidak akan muncul pada halaman utama (Home Page), Sobat dapat mengikuti tutorial Menyembunyikan Widget di HomePage.
Jika Sobat hanya ingin menyembunyikan widget dari postingan saja, silakan baca Menyembunyikan Widget pada Halaman Posting.
Untuk cara Menampilkan Widget Hanya di HomePage, berikut tutorialnya :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.

    Menampilkan Widget Hanya di HomePage

  • Beri tanda centang pada Expand Template Widget.

    Menampilkan Widget Hanya di HomePage

    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari ID widget yang ingin di edit, misal HTML1, HTML2, HTML3, Label1, HTML9, PopularPosts1, dan lain lain.
    Untuk mengetahui ID widget tersebut silakan baca Cara Mengetahui ID Widget Blogger.
  • Lalu tambahkan kode berikut pada kode widget tersebut.
    Kode :
    <b:if cond=’data:blog.url == data:blog.homepageUrl’>

    KODE WIDGET

    </b:if>

    Untuk lebih jelasnya lihat kode berikut :

    Kode :
    <b:widget id=’HTML7′ locked=’false’ title=” 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>
    Ket : Kode yang berwarna merah adalah kode yang di tambahkan.
  • Terakhir klik Save / Simpan Template.

    Menampilkan Widget Hanya di HomePage

Sekian tutorial tentang Menampilkan Widget Hanya di HomePage.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s