Cara Menampilkan Widget di Halaman Tertentu
Ketika kita menambahkan widget untuk blog seperti profil, blogroll,
visitor counter, iklan dan sebagainya, biasanya widget tersebut akan
ditampilkan di setiap halaman blog seperti homepage, archive, post, dan
sebagainya. Tahukah anda bahwa kita dapat menentukan letak widget
tersebut pada halaman-halaman tertentu? Misalnya anda ingin widget
shoutbox hanya terlihat di halaman utama (homepage) saja atau blogroll
yang hanya terlihat di halaman post saja, maka berikut ini
langkah-langkahnya. Sebelum masuk lebih detail mengenai tutorial ini,ada
baiknya kita mengetahui tipe dari setiap halaman dan kode id dari
tiap widget pada Blogger.
2. Archive page: Halaman arsip
3. Item page: Halaman post
4. Index page: Terdiri dari home page, label page dan search result page
1. Contoh kode widget label:
<b:widget id='Label1' locked='false' title='Title' type='Label'>
2. Contoh kode widget html:
<b:widget id='HTML1' locked='false' title='' type='HTML'>
3. Contoh kode widget link list:
<b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>
Cara Meng-Implementasikannya:
Di bawah kode id pada setiap widget, biasanya terdapat kode b:includable seperti ini
<b:includable id='main'>
Jika anda ingin menampilkan widget hanya pada halaman homepage, letakkan kode ini (conditions) setelah kode diatas
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Jangan lupa untuk memberikan tag penutup kode diatas
</b:if>
Lihat screenshot dibawah:
Untuk selanjutnya, langkah-langkahnya sama, anda hanya perlu mengganti kode-kode conditions nya.
1. Menampilkan widget pada seluruh halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
2. Menampilkan widget pada Archives Page
<b:if cond='data:page.type == "archive"'>
3. Menampilkan widget pada seluruh halaman kecuali Archives Page
<b:if cond='data:page.type != "archive"'>
4. Menampilkan widget pada Post Page
<b:if cond='data:page.type == "item"'>
5. Menampilkan widget pada seluruh halaman kecuali Post Page
<b:if cond='data:page.type != "item"'>
6. Menampilkan widget pada sebuah halaman tertentu
<b:if cond='data:blog.url == "URL_HALAMAN_DISINI"'>
*Ganti URL_HALAMAN_DISINI dengan url halaman yang dimaksud
7. Menampilkan widget pada seluruh halaman kecuali sebuah halaman tertentu
<b:if cond='data:blog.url != "URL_HALAMAN_DISINI"'>
8. Menampilkan widget pada dua atau lebih halaman tertentu
<b:if cond='data:blog.url != "URL_HALAMAN_1_DISINI"'>
<b:if cond='data:blog.url != "URL_HALAMAN_2_DISINI"'>
*PENTING! Jangan lupa untuk selalu menambahkan tag penutup kode-kode conditions diatas seperti ini
</b:if>
Kombinasi kode lainnya bisa saja terjadi. Silahkan bereksperimen! :)
Page Type
1. Home page: Halaman utama 2. Archive page: Halaman arsip
3. Item page: Halaman post
4. Index page: Terdiri dari home page, label page dan search result page
Widget HTML Code
Kode id widget biasanya dimulai dengan kode 1. Contoh kode widget label:
<b:widget id='Label1' locked='false' title='Title' type='Label'>
2. Contoh kode widget html:
<b:widget id='HTML1' locked='false' title='' type='HTML'>
3. Contoh kode widget link list:
<b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>
Cara Meng-Implementasikannya:
Di bawah kode id pada setiap widget, biasanya terdapat kode b:includable seperti ini
<b:includable id='main'>
Jika anda ingin menampilkan widget hanya pada halaman homepage, letakkan kode ini (conditions) setelah kode diatas
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Jangan lupa untuk memberikan tag penutup kode diatas
</b:if>
Lihat screenshot dibawah:
Untuk selanjutnya, langkah-langkahnya sama, anda hanya perlu mengganti kode-kode conditions nya.
1. Menampilkan widget pada seluruh halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
2. Menampilkan widget pada Archives Page
<b:if cond='data:page.type == "archive"'>
3. Menampilkan widget pada seluruh halaman kecuali Archives Page
<b:if cond='data:page.type != "archive"'>
4. Menampilkan widget pada Post Page
<b:if cond='data:page.type == "item"'>
5. Menampilkan widget pada seluruh halaman kecuali Post Page
<b:if cond='data:page.type != "item"'>
6. Menampilkan widget pada sebuah halaman tertentu
<b:if cond='data:blog.url == "URL_HALAMAN_DISINI"'>
*Ganti URL_HALAMAN_DISINI dengan url halaman yang dimaksud
7. Menampilkan widget pada seluruh halaman kecuali sebuah halaman tertentu
<b:if cond='data:blog.url != "URL_HALAMAN_DISINI"'>
8. Menampilkan widget pada dua atau lebih halaman tertentu
<b:if cond='data:blog.url != "URL_HALAMAN_1_DISINI"'>
<b:if cond='data:blog.url != "URL_HALAMAN_2_DISINI"'>
*PENTING! Jangan lupa untuk selalu menambahkan tag penutup kode-kode conditions diatas seperti ini
</b:if>
Kombinasi kode lainnya bisa saja terjadi. Silahkan bereksperimen! :)
0 komentar:
Post a Comment