Tutorial berikut ini memang sudah banyak di tulis, tapi kami bagikan kepada anda yang belum tahu bagaiman caranya membuatnya. Baiklah sobat berikut adalah tutorial bagaimana cara menampilkan widget blog hanya di halaman yang kita inginkan saja, misalnya halaman posting atau homepage blog dan di halaman halaman lain yang kita inginkan.
Menampilkan widget di Halaman Yang diinginkan
Anda harus mengenali ID widget anda. Supaya anda dapat mengenal widget apa yang ingin anda tampilkan di postingan atau homepage blog. Misalnya disini saya contohkan Widget Artikel terbaru saya yang hanya saya tampilkan di halaman posting saja. Silahkan masuk ke edit template anda. Pilih template dan edit HTMLKemudian Cari widget yang anda ingin edit tampilannya. Misalnya saya hanya ingin menampilakan widget Artikel Terbaru saya hanya di halaman posting. Sebelumnya elemen HTML widgetnya seperti ini.
Menampilkan Widget di Halaman Postingan
Kemudian Saya menambahkan elemen yang saya beri warna merah berikut ini ke widget saya.<b:if cond='data:blog.pageType == "item"'>Kode widgetLetak kedua elemen di atas berdasarkan widget seperti widget saya ( gambar di atas ) sobat dapat melihat contoh berikut ini.
</b:if>
<div id='sidebar-wrapper'>Tinggal save dan selesai. Mudah bukan?
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML6' locked='false' title='Artikel Terbaru' 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:if></b:includable>
</b:widget>
Menampilkan widget di Homepage
Sekarang jika sobat ingin menampilakan widget sobat hanya di home page blog/ website sobat. Caranya seperti di atas cuma kodenya saja yang berbeda silahkan tambahkan kode HTML berikuut ini ke widget anda. letaknya lihat saja contoh di atas.<b:if cond='data:blog.url == data:blog.homepageUrl'>Simpan dan selesai.
Kode widget
</b:if>
Menampilkan widget di halaman yang di inginkan
Berikut ini jika hanya ingin memasang widget di halaman yang anda inginkan saja. ( URL halaman tertentu anda ).<b:if cond='data:blog.url == "URL Halaman anda di sini"'>Kode WidgetSimpan dan selesai.
</b:if>
Menampilkan Widget di Label Tertentu.
Di bagian ini seocips akan membagikan trik bagaimana cara menampilakn widget di label tertentu, jadi misalnya jika kita ingin menampilakan widget hanya di label misalnya" Blog " maka widget hanya akan muncul di postingan yang ber label " Blog". Bagaimana caranya? Baca disini.Menampilkan widget di versi Mobile.
Adakalanya widget yang telah kita pasang diblog tidak di tampilkan di versi mobilenya, cara untuk emnapilakan widget di versi mobile sebenarnya sangat mudah, caranya telah kami bagikan di artikel ini.Oh iya pada waktu yang lalu juga seocips.com telah membagikan tutorial tentang cara memasang/ mendaftarkan Rss Feedburner ke blog dimana feed burner juga bermanfaat untuk melakukan ping blog dan dapat menaikan trafict blog.
Untuk menerapkannya ke widget yang lainya yang anda inginkan tinggal menambahkan kode-kode tags seperti contoh di atas. Demikian mengenai cara menampilkan widget hanya di halaman posting atau homepage blog atau website. Semoga tutorial ini bermanfaat untuk anda.
Post Comment