October 18, 2012

Cara Menampilkan Widget Blog Pada Halaman Tertentu

Setting-Widgets-Blog
Cara Menampilkan Widget Blog Pada Halaman Tertentu. Laurencius Share tentang Cara Menampilkan Widget Pada Halaman Tertentu yang dapat teman lihat penerapannya pada blog ini.

Kita bisa menampilkan suatu widget tertentu hanya tampil pada Home blog saja, sedangkan pada postingan widget tersebut tidak tampil ataupun sebaliknya.

Berikut Cara Menampilkan Widget Pada halaman tertentu:

1.Login ke Blogger
2.Menuju ke Template, kemudian pilih Edit HTML.
3.Klik Proceed
4.Centang Expand Widget Templates
5.Biasakan setiap kita mengedit template by HTML back-up dulu ya.
6.Kemudian cari kode kategori label (gunakan Control F). Perhatikan contoh kode yang ada di bawah ini:

<b:widget id='HTML1' locked='false' title='SEO' type='HTML'>
<b:includable id='main'>
<!-- 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:includable>
</b:widget>


7.Kemudian tambahkan code di bawah ini.
<b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if>, kurang lebih hasilnya menjadi seperti di bawah ini. Perhatikan penempatan tambahan code yang berwarna merah.

<b:widget id='HTML1' locked='false' title='SEO' 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>

8.Kemudian save.
9.Selesai, lihat hasilnya.

Dibawah ini adalahbebrapa code yang bisa digunakan untuk penempatan lainnya

    • Untuk menempatkan di halaman depan/Home digunakan code.
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

    • Menampilkan widget hanya di URL tertentu
<b:if cond='data:blog.url == "URL sobat di sini"'>

    • Untuk menampilkan dihalaman item/posting saja gunakan code
<b:if cond='data:blog.pageType == "item"'>

    • Untuk menampilkan dihalaman pages atau static page gunakan
<b:if cond='data:blog.pageType == "static_page"'>

    • Menyembunyikan widget dari URL tertentu 
<b:if cond='data:blog.url != "URL sobat di sini"'>

Kami berharap Teman bisa menerapkannya apa yang kami berikan pada artikel ini pada blog nya masing-masing. Selamat Mencoba , Semoga Manfaat.

Related Posts

Cara Menampilkan Widget Blog Pada Halaman Tertentu
4/ 5
Oleh :

9 comments

maaf KY kurang faham, tampil dimana maksudnya

@KY
Membuat seperti Category yang ada di sidebar blog ini KY, dia tidak kelihatan di Home page.

IzinCobaSob :D
FollowBackYaSob,,,

@Dzaman
Silahkan Sobat. Siap

ooo..gitu..tak memberatkan blog ke

@KY
Nambah sih, tapi bertujuan untuk mempermudah visitor melihat artikel lainnya yang berujung penambahan pageview blog.

Klw diberi nama di bagian kode nya bisa ga sob..tujuan nya biar kita bisa ubah nya mudah..utk di balikin lagi :)

@budi os 19
Cara balikinnya tinggal dihilangin aja Sob.

Pos nya bagus2 makasi ya, disini banyak ngebantu saya....
oya ada gk cara buat tampilan kotak komentar di blog, kayak yg ini. hehehehe