-->
logo blog

Cara Membuat Widget Tampil di Homepage dan Halaman Tertentu

Cara Membuat Widget Tampil di Homepage dan Halaman Tertentu

Memang tidak bisa dipungkiri bahwa salah satu cara melayani pengunjung adalah dengan memberikan fasilitas-fasilitas yang lengkap. Salah satu fasilitas yang perlu dilengkapi pada sebuah blog adalah widget popular post, label, arsip, jumlah pengunjung, postingan terbaru, sosial share, dan lain sebagainya. Pokoknya semua fasilitas itu sudah lengkap.

Semakin lengkap fasilitas yang disediakan pemilik blog atau situs, maka pengunjung pun akan mendapatkan kepuasan tersendiri. Namun bila fasilitas yang diberikan minim, tentu akan berakibat pada menurunnya jumlah pengunjung.

Blog Lengkap Fasilitas, tapi Pengunjung Minim?


TAPI, walau demikian jangan sampai ketika kita ingin memberikan fasilitas lengkap kepada pengunjung, kita menjadi abay pada kerapian blog dan juga kecepatannya. Ingat, saat kita memberikan banyak widget di blog, maka secara otomatis akan memberatkan kecepatan blog kita sendiri. Demikian pula, ketika widget yang tampil itu banyak, maka kita pun harus pintar-pintar dalam mengatur dan menyusunnya agar terlihat rapi.

Bisa diibaratkan sebuah toko. Toko yang bagus memang toko yang lengkap. Namun jika toko yang lengkap tersebut tidak merapikan tokonya, maka dianggap toko yang acak-acakan. Bahkan jika toko yang lengkap itu tidak diimbangi dengan cepatnya pelayanan, maka IT'S NONSENSE: tidak ada gunanya. Yang ada justru, pengunjung pada lari, karena lambatnya pelayanan. Begitulah permisalah dari blog yang tidak rapi dan loading lama, walau lengkap dengan fasilitas.

Lalu Bagaimana Solusinya?


Solusi saat kita ingin memberikan fasilitas yang lengkap kepada pengunjung tanpa mengurangi kecepatan loading blog adalah dengan mengaturnya. Jika sahabat Ngonline06 memiliki banyak widget, ada baiknya untuk menampilkan widget tersebut pada halaman-halaman tertentu. Hal itu agar tampilan blog sahabat menjadi lebih rapi. Maka, jika sahabat ingin membuat widget tampil pada halaman tertentu, misalnya tampil pada homepage (halaman awal) saja atau bahkan tampil selain pada halaman awal, maka ikuti saja langkah-langkah yang akan dijelaskan pada kesempatan ini.

Untuk memudahkan pemahaman sahabat, perhatikan tampilan suatu situs IKON di bawah ini. Pada tampilan tersebut akan terlihat jelas halaman homepage dan selain homepagenya yang dipasang. Tekan tombol 'Buka' di bawah.

Pada tampilan homepage, situs ini menampilkan widget popular post dan beberapa label.

Sedangkan pada tampilan selain homepage, widget yang dipasang pada homepage tidak nampak lagi, namun yang tampak justru Javascript, widget recent post, dan popular post.

Cara untuk menempatkan widget untuk tampil di halaman tertentu adalah sangat mudah. Sahabat Ngonline06 cukup membubuhkan dua tag padanya. Berikut adalah caranya.  Sebagai contoh pada tutorial ini adalah widget Recent Post (Artikel Terbaru)
  1. Buka dulu akun blogger anda.
  2. Silahkan menuju ke layout dan edit HTML.
  3. Sekarang, telusuri kode widget yang hendak ditampilkan pada halaman tertentu tersebut. Misal pada contoh ini adalah widget RECENT POST (Artikel Terbaru).
Setelah sudah menemukan kode widget yang dimaksud, maka sekarang sahabat tinggal menentukan, apakah ingin ditampilkan pada halaman utama saja, atau justru akan ditampilkan pada halaman selain halaman utama. Perhatikan penjelasan berikut ini dengan baik dan saksama!

1.  Widget Tampil pada Halaman Utama (Homepage)

Jika sahabat ingin menampilkan widget pada halaman utama saja, maka lakukan langkah-langkah berikut ini. Sahabat cukup memberikan 2 kode yang berwarna merah seperti di bawah ini pada posisi yang telah ditentukan.
<b:widget id='HTML5' locked='false' title='Artikel Terbaru' 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 tulisan yang berwarna merah. Dua kode di atas adalah sisipan agar widget ARTIKEL TERBARU tampil di halaman utama saja.

2.  Widget Tampil pada Halaman Selain Homepage


Namun jika sahabat ingin widget di atas tampil pada selain halaman utama, maka silahkan ganti dua kode di atas dengan kode berikut. Contohnya, silahkan lihat berikut ini.

    <b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- 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>
Demikian cara membuat widget tampil di homepage atau di halaman tertentu. Jika ada hal yang belum jelas, sahabat bisa mencoret-coret di kolom komentar di bawah. Selamat mencoba dan semoga berhasil ya...

Share this:

Artikel Menarik Lainnya

Show comments
Hide comments

No comments

Silahkan berkomentar dengan baik.

Info Pendidikan