Cara Menampilkan Widget Tertentu Pada Homepage Blog


Tampilan widget memang sangat diperlukan untuk design blog yang kita miliki, tapi akan sangat mengganggu pengunjung blog apabila banyak widget yang memuat informasi yang sebenernya tidak diperlukan oleh pengunjung blog. Widget yang terlalu banyak juga akan memperlambat loading blog dari postingan yang akan kita tampilkan, oleh karena itu kita harus lebih bijak dalam menampilkan widget pada blog kita.

Artikel kali ini akan membahas mengenai bagaimana cara menampilkan widget di halaman tertentu pada blog, misalkan jika kalian ingin menampilkan widget hanya ada pada halaman homepage saja dan tidak ingin menampilkan dihalaman postingan, atau kalian hanya ingin menampilkan widget iklan hanya pada halaman tertentu. Dengan menampilkan widget di halaman tertentu mungkin loading blog tidak akan lemot dan lebih nyaman dikunjungi oleh pengunjung blog shobat.

Caranya untuk menampilkan widget di halaman tertentu pada blog cukup mudah, terlebih dahulu sobat harus mengerti maksud adanya code html dan css pada tamplate blog, misalkan pada widget yang ada di sidebar, pastinya terdapat code script pada tamplate. Selanjutnya kalian bisa mencobanya dengan menambahkan code script dibawah ini, sangat disarankan agar dibackup terlebih dahulu tamplate yang sebelumnya agar jika terjadi kesalahan yang tidak diinginkan bisa diperbaiki kembali. Jika sobat masih bingun kalian bisa lihat pelajaran singkat design blog dibawah ini.

Step 1. Login Blog dan langsung kepengaturan tamplate edit html

Step 2. Cari kode widget pada html seperti contoh :

Cari kode widget seperti gambar

Step 3. Pastekan kode yang diinginkan diantara kode html perhatikan gambar berikut :
Pastekan kode diatas html widget


Mudah bukan, saatnya sekarang buat kalian mencobanya dengan kode berikut ini pada widget kalian :

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
........................Script Widget..............................
</b:if>

Nah kadang kita terlalu banyak widget yang ingin dihilangkan dihalaman depan atau homepage bisa pakai cara cepat seperti ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>#HTML1,#HTML2,#Popular Post,#About Me{display:none;}
</style>
</b:if>

 Kalian tinggal mengganti tulisan berwarna merah dengan html widget yang ingin dihilangkan.

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
........................Script Widget..............................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
........................Script Widget..............................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
........................Script Widget..............................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
........................Script Widget..............................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
........................Script Widget..............................
</b:if>

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
........................Script Widget..............................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
........................Script Widget..............................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
........................Script Widget..............................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
........................Script Widget..............................
</b:if>

Nah itulah beberapa script code yang bisa kalian gunakan untuk menghilangkan dan menampilkan widget tertentu sesuai dengan yang anda inginkan. Silahkan berkreasi dan selamat mencoba, semoga bermanfaat.


--- Always Pray and Stay Creative ---

Labels