Menampilkan Widget Pada Halaman Tertentu

menampilkan halaman widget pada halaman tertentu

Menampilkan widget pada halaman tertentu - Pada postingan kali ini, saya akan mencoba berbagi ilmu lagi kepada sobat blogger yaitu tentang "Menampilkan widget pada halaman tertentu" yang sering sobat lihat pada template junedalbuhgisy.blogspot.com, misalnya sobat menginginkan  suatu widget hanya tampil pada Home blog saja. Cara menampilkan Widget pada halaman tertentu adalah sebagai berikut:

1. Login ke blogger atau klik disini

2. Pilih Template » Edit Html » Lanjutkan

3. Cari code seperti di bawah ini. Untuk mempermudah pencarian tekan ctrl + F

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

4. Kemudian tambah code di bawah ini.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Dan tambahkan pula code di bawah ini

</b:if>

kurang lebih hasilnya seperti di bawah ini.

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

Perhatikan penempatan code yang berwarna merah !

5. kemudian save. Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainnya.

Untuk menempatkan di halaman depan/index digunakan code.

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

Untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

Untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini.

<b:if cond='data:blog.url == "URL_HERE"'>

Ganti code URL_HERE dengan URL yang ingin anda tampilkan. Dan untuk pengecualian, misalnya sobat tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !.

Contoh:

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Jika ada yang belum dimengerti dari tutorial di atas silahkan tanyakan pada kolom komentar. Dan jangan lupa untuk memberikan like google+ pada artikel ini. Terimakasih

Tidak ada komentar:

Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top