Memberikan Artikel-Artikel Inspirasi Setiap Harinya Untuk Orang-Orang Kreatif. Pemikiran Segar, Tips dan Tutorial.

Cara Terbaru Menampilkan Widget Hanya di Homepage / di Postingan

Description: Cara Terbaru Menampilkan Widget Hanya di Homepage / di Postingan
Rating: 4.5
Reviewer: Unknown
ItemReviewed: Cara Terbaru Menampilkan Widget Hanya di Homepage / di Postingan

Cara Menampilkan Widget Hanya di Homepage / Posting

Saat mengatur beberapa widget agar lebih rapih dan teratur sering sekali kita lakukan. Halaman Homepage dan Posting adalah dua buah tempat untuk menampilkan dan menyembunyikan salah satu widget yang dianggap terlalu banyak dan membuat sulit untuk dilihat. Lalu, cara yang paling baik untuk melakukan design terhadap widget atau gadget pada blog kita adalah dengan cara widget tersebut kita tampilkan hanya pada suatu halaman tertentu.


Untuk menampilkan dan menyembunyikan beberapa widget caranya cukup mudah. Jadi, ada beberapa widget yang kita tampilkan hanya pada halaman posting tetapi tidak ingin terlihat pada halaman Home. Berikut panduan cara merubahnya :

  1. Carilah widget apa yang ingin kita sembunyikan. Elemen Widget atau Gadget yang sudah ada pada template seperti Blog Archive, Popular Post dan lainnya mungkin untuk beberapa template tidak dapat disembunyikan.
  2. Masuklah ke Template - Edit HTML - Ceklis Expand Widget Template.
  3. Tekan CTRL+F, Untuk mencari nama widget tersebut.
  4. Ketikkan nama widget yang ingin kita sembunyikan, contoh : Buku Tamu. Atau bisa juga dengan mencari ID Widget tersebut. Contoh : HTML3 dan lain-lain. 
  5. Setelah berhasil ditemukan, amati Script HTML berikut ini :
    <b:widget id='HTML3' locked='false' title='Populer Post' type='HTML'>
    <b:includable id='main'>
    <!-- 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:includable>
    </b:widget>
  6. Sisipkan saja kode di atas dengan kode berikut:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    dan
    </b:if>
  7. Contoh menyisipkannya seperti berikut:
    <b:widget id='HTML3' locked='false' title='Popular Post' 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>
  8. Pratinjau dan Simpan
  9. Selesai.
Setelah tag HTML tadi ditambahkan, Save template Anda dan lihat hasilnya. Semoga dapat bermanfaat untuk para blogger semua. Semua Widget yang kita tambahkan dengan HTML/Javascript dapat senantiasa kita sembunyikan dan tampilkan pada halaman Utama.

Share on Facebook
Share on Twitter
Share on Google+
Notification ! {New!}
Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut.
Tags :

Related : Cara Terbaru Menampilkan Widget Hanya di Homepage / di Postingan

5 comments:

Berkomentarlah Sesuai Topik Yang Anda Baca di Atas dan Jangan Spam, Gunakanlah Komentar Mode Name/Url Untuk Mendapatkan Backlink Dari Blog ini tanpa meletakkan link aktif Komentar Yang Relevan Akan di Tampilkan Disini.
Terima Kasih.