Cara Menampilkan Widget Tertentu Pada Homepage Blog

Untuk menyembunyikan dan menampilkan widget pada halaman hompage tertentu sangat diperlukan code script seperti yang ada pada postingan ini.


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

Baca Juga Artikel : Tips Mengubah Gambar Saat Disentuh Kursor Mouse

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 ---

COMMENTS

BLOGGER: 2
Loading...
Nama

6th Indonesian Pearl Festival 2016,1,Abutours.com,1,Adobe Premier Pro,1,Asusintel,1,Award,1,Babasal Mombasa,1,Backsound,2,Bangga di Banggai,1,Be Gravitasi,1,Bebas Bayar,1,Bika Bogor,1,Bika Bogor Talubi,1,Biznis,1,Blog Design,18,Blogger,24,Bumper,1,CC 2015,1,Citra Maja Raya,1,Colidan,1,Competition,30,Competition DEV+,1,Corel Draw X7,1,Coreldraw,1,CV Design,1,Cyko Handbreak,1,dealoka,1,Designer,5,Dotcomforme.com,1,Education,6,Ekspresikan Dirimu,1,Elevenia,1,Excite Shop,1,FestHAM2016,1,Fintech,1,Footer,1,FSB,1,Goverment PR,1,HAnavi,1,Header,6,HIS Travel Indonesia,1,hostinger,1,Indramayu Kota Budaya,1,Influenzer,31,Inspirasi Astra,1,JIBB,1,Kuliner Bogor,1,Lawan Neuropati,1,Luna Smartphone,1,Main Post,3,Marketz,3,Milkshake,1,Motion Graphic,2,Neurobion,1,Neuropati,1,Obat maag paling ampuh,1,Oleh-oleh Bogor,1,Oleh-oleh Khas Bogor,1,Pesona Jawa Tengah,1,Pop Ice,1,Ralali.com,2,Review,27,rukamen,1,Serumah.com,1,sewa apartemen,1,Shop n Drive,2,Sidebar,8,Skyscanner,1,Software,3,Sound Effect,2,Sponsor,12,Storylio,1,Tips Blogging,3,Tips Design,3,Travel,8,Traveloka,2,Tutorial Blog,1,Tutorial Motion,1,Vector,1,Video Editor,5,Video Effect,1,Visit Tidore Island,1,Youtuber,6,
ltr
item
Artadhitive | Daily Content Creator: Cara Menampilkan Widget Tertentu Pada Homepage Blog
Cara Menampilkan Widget Tertentu Pada Homepage Blog
Untuk menyembunyikan dan menampilkan widget pada halaman hompage tertentu sangat diperlukan code script seperti yang ada pada postingan ini.
https://4.bp.blogspot.com/-ZVRMab0v7D8/V2C1b57f7aI/AAAAAAAAElY/Iy3N9bYbYyEO843yGTYen5-VqfGz9T1GwCLcB/s1600/Blog%2B6.png
https://4.bp.blogspot.com/-ZVRMab0v7D8/V2C1b57f7aI/AAAAAAAAElY/Iy3N9bYbYyEO843yGTYen5-VqfGz9T1GwCLcB/s72-c/Blog%2B6.png
Artadhitive | Daily Content Creator
http://www.artadhitive.com/2016/06/Design-Blog-Cara-Menampilkan-Widget-Tertentu-Pada-Homepage-Blog.html
http://www.artadhitive.com/
http://www.artadhitive.com/
http://www.artadhitive.com/2016/06/Design-Blog-Cara-Menampilkan-Widget-Tertentu-Pada-Homepage-Blog.html
true
9208609652601285124
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy