Menampilkan Widget Tertentu Di Halaman Tertentu
POSTED BY MAS RINGO POSTED ON 4:05 AM WITH 1 COMMENT
Menampilkan Widget Tertentu Di Halaman Tertentu - Ketika kita sedang menuju blog seseorang, terlihat tampilan widget blog tersebut kadang ganti-ganti. Misalnya, di halaman depan Wigdet A, di halalaman lainnya Widget A tidak muncul. Ada apa gerangan....
Menampilkan Widget Tertentu Di Halaman Tertentu
Sebenarnya, ada beberapa cara yang dilakukan oleh blogger untuk melakukan hal tersebut. Maksudnya Menampilkan Widget Tertentu Di Halaman Tertentu. Mau tahu?
Beginilah caranya secara umum (tips ini tujuannya adalah mempercantik tampilan blog).
1. Menampilkan widget hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
5. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
8. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
9. Menampilkan widget hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
10. Menampilkan widget di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan
Sebagai Contoh perhatikan di bawah ini.
Coba anda menuju Dunia Sarah. Di halaman depan Widget Fan Facebook tidak muncul. Lalu di halaman kedua ketika klik sebuah artikel, maka Widget Fan Facebook muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.
Menampilkan Widget Tertentu Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.
<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>
6. Selanjutnya tambahkan kode
<b:if cond='data:blog.pageType == "item"'>
sebelum kode
<!-- only display title if it's non-empty -->
7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode
</b:includable>
</b:widget>
8. Maka hasilnya akan persis seperti di bawah ini.
<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == "item"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><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>
9. Selesai. Simpan Template blog anda.
Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.
Okay sudah yah... Bos kira sudah cukup dulu mengenai Menampilkan Widget Tertentu Di Halaman Tertentu. Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba.
http://bos-tutorial.blogspot.co.id/2013/06/menampilkan-widget-tertentu-di-halaman.html
Cara Menampilkan Widget Hanya Di Halaman Tertentu
Cara Menampilkan Widget Hanya Di Halaman Tertentu. Sobat blogger , Menampilkan widget di halaman tertentu ini adalah cara yang sangat efektif untuk mengurangi penumpukan widget di halaman yang tidak di inginkan seperti tidak ingin tampil di hompage contoh misalkan anda ingin menambahkan widget random post, tapi widget itu tidak ingin tampil di halaman hompage di karenakan widget hompage sudah penuh dan hanya ingin tampil di halaman posting saja atau sebaliknya mungkin anda hanya ingin menambahkan widget tersebut hanya di halaman hompage saja, namun ketika masuk artikel widget itu akan hilang.
Cara Menampilkan Widget Hanya Di Halaman Tertentu
Bagi saya cara ini sangat efektif untuk menurunkan bounce rate pada sebuah blog, misalkan anda menambahkan widget random post itu hanya di halaman posting saja, maka sudah tentu widget yang anda pasang di halaman posting ini akan berguna untuk memberi sebuah pilihan artikel lainnya, selain itu sudah tentu ini juga efektif untuk menghemat ruang di halaman hompage.
Bagi anda yang ingin mencobanya, pada mulanya anda juga harus sedikit mengert tentang ID widget tersebut, misalkan anda menambahkan widget "Rekomendasi Artikel" maka ID widget yang akan muncul di template anda akan seperti ini, lihat gambar di bawah ini..
Cara Menampilkan Widget Hanya Di Halaman Tertentu
Sekarang saya akan menampilkan kode pilihan untuk anda, silahkan sesuai dengan keinginan anda dimana anda akan menentukan widget itu di tempatkan.
1. Widget muncul hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Widget muncul di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Widget muncul hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Widget muncul di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
5.Widget muncul hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Widget muncul di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Widget muncul hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
8. Widget muncul selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
9. Widget muncul hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
10. Widget muncul di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
Nah untuk kode titik-titik itu adalah ID widget yang nantinya akan jadi penempatan setiap kode yang di pilih.
Sekarang cara untuk menambahkannya :
Misalkan anda ingin menambahkan widget "Berlangganan" Maka untuk penempatannya seperti contoh di bawah ini : perhatikan kode warna merah yang saya tandai!!
<b:widget id='HTML3' locked='false' title='Berlangganan 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 != ""'>
<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>
Catatan :
Untuk penempatannya kode pertama di letakan setelah <b:includable id='main'>
Untuk penempatan kode kedua, silahkan letakan sebelum kode </b:includable>
Nah sekarang sudah mengerti kan, silahkan langsung praktekan, jika anda mengalami kendala dalam tutorial ini, silahkan ajukan pertanyaan di kolom komentar. lebih dan kurangnya saya mohon maaf.
http://www.madamvia.web.id/2014/12/cara-menampilkan-widget-hanya-di-halaman-tertentu.html
Cara Menampilkan widget Hanya pada halaman tertentu pada blog
Kali ini kita akan membahas cara menampilkan widget pada halaman tertentu saja seperti pada halaman utama dan sub-subnya. Anda bisa lihat pada web blog Bloggernias yang menampilkan footer pada halaman utamanya saja. Itu sebagai contoh simpelnya.
Funsinya yaitu selain untuk menghemat spasi halaman blog anda juga untuk mempercepat loading blog selain itu halaman blog anda lebih rapi dan kelihatan profesional untuk managemen tampilan blog anda.Cara ini cukup mudah hanya dengan menambahkan beberapa kode, dengan menambahkan kode tersebut maka kita bisa menampilkan widget yang kita kehendaki hanya tampil pada halaman yang kita inginkan saja. contoh kecil dari kode ini adalah penerapan kode meta tag title seo friendly.
Baik tanpa banyak basa basi lihat dan praktekkan kode dibawah ini :
1. Menampilkan widget hanya di halaman depan saja (homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>
2. Menampilkan di semua halaman kecuali homepage.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>
3. Menampilkan widget hanya di halaman Archive saja.
<b:if cond='data:blog.pageType == "archive"'>
......................................................
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
<b:if cond='data:blog.pageType != "archive"'>
......................................................
</b:if>
5. Menampilkan widget hanya di halaman posting.
<b:if cond='data:blog.pageType == "item"'>
......................................................
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
<b:if cond='data:blog.pageType != "item"'>
......................................................
</b:if>
7. Menampilkan widget hanya di postingan tertentu saja.
<b:if cond='data:blog.pageType == "alamat-postingan"'>
......................................................
</b:if>
8. Menampilkan widget selain di postingan tertentu.
<b:if cond='data:blog.pageType != "alamat-postingan"'>
......................................................
</b:if>
9. Menampilkan widget hanya di halaman staticpages.
<b:if cond='data:blog.pageType == "static_page"'>
......................................................
</b:if>
10. Menampilkan widget di semua halaman, kecuali halaman staticpages.
<b:if cond='data:blog.pageType != "static_page"'>
......................................................
</b:if>
11. Kode menampilkan widget hanya pada url tertentu
<b:if cond='data:blog.url == "URL Halaman di sini"'>
......................................................
</b:if>
Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan
Contoh penerapanya bisa anda lakukan pada widget yang ada pada blog, misalnya saja kita hanya ingin menampilkan widget "Popular Posts" hanya tampil pada item saja, maka berikut caranya:
Kode widget popular posts misal dibawah ini:
<b:widget id='HTML4' locked='false' title='Popular posts' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == "item"'><!-- only display title if it's non-empty --><b:if cond='data:title != ""'><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>
Kode yang berwarna merah itulah yang ditambahkan, dan alhasil widget tersebut hanya tampil pada item saja. demikian Cara Menampilkan widget Hanya pada halaman tertentu pada blogspot selamat mencoba.
http://bloggernias.blogspot.co.id/2014/11/cara-menampilkan-widget-hanya-pada.html
Cara Menampilkan Widget Sesuai Keinginan Di Halaman Tertentu
22.14 / Unknown / Edit Template,
Pernahkah terpikirkan dibenak anda, bagaimana caranya meletakkan widget hanya muncul diberanda (home) saja, tetapi begitu artikelnya diklik/ dibaca widget itu tidak muncul. Nahh,, karena pemikiran itulah MasGugu akan membahas cara mengatur agar widget yang anda tampilkan sesuai dengan keinginan di halaman tertentu. Ikuti petunjuk-petunjuk berikut ini.
Login dulu ke Blogger
Setelah masuk pergi ke Template => Edit HTML
Klik disembarang tempat, lalu tekan Ctrl + F (maka akan muncul kotak pencarian)
Cari nama widget yang ingin diletakkan sesuai keinginan anda, Contohnya mencari: PopulerPosts1 lalu tekan Enter, maka akan muncul seperti gambar di bawah ini:
Silahkan anda klik tanda panah hitam yang berada disebelah kiri PopulerPosts1, maka akan muncul seperti gambar di bawah ini.
Kemudian silahkan anda pilih kode-kode dibawah ini lalu letakkan sesuai fungsi yang anda inginkan. Letakkan kode tersebut di bawah kode ini <b:includable id='main'> (lihat gambar di atas) dan letakkan penutupnya yaitu </b:if> di atas kode ini </b:includable> lalu Simpan, kemudian lihat hasilnya. Oiya... titik-titik (------------------) yang panjang di bawah merupakan widget yang akan anda tampilkan dihalaman tertentu, misalnya seperti Populer Post tadi.
1. Menampilkan widget hanya di Beranda (Home) saja
<b:if cond='data:blog.url == data:blog.homepageUrl'>
---------------------------------
</b:if>
2. Menampilkan widget di semua halaman kecuali Beranda (Home)
<b:if cond='data:blog.url != data:blog.homepageUrl'>
---------------------------------
</b:if>
3. Menampilkan widget hanya di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>
---------------------------------
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman Archive
<b:if cond='data:blog.pageType != "archive"'>
---------------------------------
</b:if>
5. Menampilkan widget hanya di halaman Posting Artikel saja
<b:if cond='data:blog.pageType == "item"'>
---------------------------------
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman Posting Artikel
<b:if cond='data:blog.pageType != "item"'>
---------------------------------
</b:if>
7. Menampilkan widget hanya di Postingan Artikel tertentu
<b:if cond='data:blog.pageType == "alamat-postingan"'>
---------------------------------
</b:if>
8. Menampilkan widget selain di Postingan Artikel tertentu
<b:if cond='data:blog.pageType != "alamat-postingan"'>
---------------------------------
</b:if>
9. Menampilkan widget hanya di halaman Staticpages
<b:if cond='data:blog.pageType == "static_page"'>
---------------------------------
</b:if>
10. Menampilkan widget di semua halaman, kecuali halaman Staticpages
<b:if cond='data:blog.pageType != "static_page"'>
---------------------------------
</b:if>
Silahkan anda coba sendiri dan buat blog anda sesuai dengan keinginan anda sehingga terlihat lebih menarik. Demikianlah postingan Cara Menampilkan Widget Sesuai Keinginan Di Halaman Tertentu semoga bermanfaat bagi anda. Jika dirasa kurang jelas, silahkan bubuhkan komentar saja dibagian bawah postingan ini. Terimakasih...
0 Response to "Cara Setting Agar Widget Tertentu Hanya Tampil di Halaman Tertentu Pada Blog"
Post a Comment