Tips dan trik kali ini saya akan bagikan artikel tentang cara membuat widget hanya tampilan dihalaman tertentu di blog. Ada 4 cara yang akan saya bagikan, pertama membuat widget hanya tampil dihalaman awal blog saja. Kedua, membuat widget hanya tampil dihalaman posting.
Ketiga, menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog. Dan yang keempat adalah Menampilkan widget hanya tampil pada halaman URL yang ditentukan. Sebenarnya 4 cara tersebut menggunakan cara yang sama, hanya saja kode yang digunakan yang berbeda. Berikut caranya:
Membuat widget hanya tampil dihalaman tertentu
Disini widget yang akan dijadikan contoh adalah widget Follow by email.
Pertama: Membuat widget hanya tampil/terlihat dihalaman awal blog saja
Silakan login ke blogger, dan pilih pengaturan Template.
Klik edit HTML dan cari kode follow by email(gunakan Ctrl+f untuk memudahkan pencarian).
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
Setelah ketemu Tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga kode </b:if> Contohnya:
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
...................dan kode2 panjang lainnya..........
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span></b:if>
</b:includable>
</b:widget>
Dan kode2 panjang lainnya itu maksudnya agar lebih pendek saja tampilannya di artikel ini. Kode aslinya lebih panjang. Setelah itu save template. Selesai.
Kedua: Nah sekarang kebalikannya, membuat widget hanya tampil dihalaman posting atau artikel blog saja. Sedangkan dihalaman awal homepage blog widget tersebut akan hilang.
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.pageType == "item"'>
Save template, selesai.
Ketiga: Menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog.
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.pageType != "item"'>
Save template, selesai.
Keempat: Menampilkan widget hanya tampil pada halaman URL yang ditentukan
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.url == "Ganti dengan URL Halaman disini"'>
Save template, selesai.
Silakan dicoba keempat cara diatas, dan silakan baca juga artikel saya sebelumnya tentang cara menghilangkan widget dihomepage fungsinya sama dengan cara kedua seperti artikel diatas, hanya caranya saja yang berbeda. Dan juga artikel tentang membuat background berbeda dihalaman berbeda diblog. Atau Menghilangkan sidebar pada halaman tertentu. Semoga artikel diatas bisa bermanfaat untuk anda.
Ketiga, menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog. Dan yang keempat adalah Menampilkan widget hanya tampil pada halaman URL yang ditentukan. Sebenarnya 4 cara tersebut menggunakan cara yang sama, hanya saja kode yang digunakan yang berbeda. Berikut caranya:
Membuat widget hanya tampil dihalaman tertentu
Disini widget yang akan dijadikan contoh adalah widget Follow by email.
Pertama: Membuat widget hanya tampil/terlihat dihalaman awal blog saja
Silakan login ke blogger, dan pilih pengaturan Template.
Klik edit HTML dan cari kode follow by email(gunakan Ctrl+f untuk memudahkan pencarian).
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
Setelah ketemu Tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga kode </b:if> Contohnya:
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
...................dan kode2 panjang lainnya..........
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span></b:if>
</b:includable>
</b:widget>
Dan kode2 panjang lainnya itu maksudnya agar lebih pendek saja tampilannya di artikel ini. Kode aslinya lebih panjang. Setelah itu save template. Selesai.
Kedua: Nah sekarang kebalikannya, membuat widget hanya tampil dihalaman posting atau artikel blog saja. Sedangkan dihalaman awal homepage blog widget tersebut akan hilang.
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.pageType == "item"'>
Save template, selesai.
Ketiga: Menampilkan widget dihalaman awal blog dan juga dihalaman Label Blog.
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.pageType != "item"'>
Save template, selesai.
Keempat: Menampilkan widget hanya tampil pada halaman URL yang ditentukan
Sama seperti cara yang pertama, hanya mengganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode berikut ini.
<b:if cond='data:blog.url == "Ganti dengan URL Halaman disini"'>
Save template, selesai.
Silakan dicoba keempat cara diatas, dan silakan baca juga artikel saya sebelumnya tentang cara menghilangkan widget dihomepage fungsinya sama dengan cara kedua seperti artikel diatas, hanya caranya saja yang berbeda. Dan juga artikel tentang membuat background berbeda dihalaman berbeda diblog. Atau Menghilangkan sidebar pada halaman tertentu. Semoga artikel diatas bisa bermanfaat untuk anda.
0 komentar:
Posting Komentar