Breaking News
Loading...
Senin, 20 Mei 2013

Cara Menampilkan Widget Hanya di Halaman Posting

22.16
Cara Menampilkan Widget Hanya di Halaman Posting
Pada postingan sebelumnya saya telah membahas tentang cara Membuat Widget Hanya Tampil Pada Halaman Awal (Homepage), nah, pada kesempatan kali ini saya akan membahas kebalikan daripada tutorial yang kemarin, yaitu tentang bagaimana cara menampilkan widget hanya pada halaman postingan atau halaman konten. Jika anda memiliki widget yang hanya berperan untuk kepentingan konten, seperti halnya tombol share, social media, dll, maka sudah sepatutnya anda menggunakan fungsi ini, karena biasanya widget-widget seperti tombol share hanya digunakan pada saat pengunjung ingin membagikan artikel blog kita ke akun jejaring sosialnya.

Selain itu, banyak juga widget-widget lainya yang mungkin membutuhkan fungsi ini, karena jika kita menelaahnya, secara tidak langsung fungsi ini memberikan kontribusi yang besar bagi blog, salah satunya adalah menghemat space widget di blog, jadi jika misalnya elemen widget blog anda sudah penuh atau kebanyakan, maka dengan fungsi ini anda bisa menghemat sedikit tempat untuk widget yang lebih berguna. Pertama anda gunakan dulu cara ini untuk "menampilkan widget halaman postingan", tinggal terakhir anda gunakan tutorial yang "menampilkan widget hanya tampil di homepage" untuk menyesuaikan tempat dengan widget yang tadi sudah kita setting untuk hanya tampil pada halaman postingan saja, jadi munculnya bergantian, widget yang satu muncul di homepage, dan widget yang lainya muncul di halaman posting, jadi tidak bentrok atau berbenturan.

Jika anda adalah seorang blogger yang memiliki kendala terhadap beratnya loading blog, maka tutorial ini juga bisa anda jadikan sebagai salah satu jalan keluarnya, karena pada saat kita meng-hidden (menyembunyikan) keberadaan dari suatu widget pada halaman homepage, maka secara tidak langsung kita mengkompres beban loading daripada halaman homepage itu sendiri, agar pengunjung lebih mudah dan lebih cepat mengaksesnya. 

Cara Menampilkan Widget Hanya di Halaman Posting

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Klik tanda panah disebelah kode <b:skin>...</b:skin> (untuk membuka seluruh css).

5. Cari kode ]]></b:skin> (gunakan CTRL+F).

6. Jika sudah ketemu, letakkan kode diberikut ini tepat dibawah-nya.

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>>
#HTML6{ display:none;}
</b:if>
</style>

Keterangan: Ganti kode HTML6 dengan ID dari widget yang ingin anda tampilkan hanya pada halaman posting (cara untuk mengetahui ID dari widget lihat dibawah).

Tambahan: Jika anda menginginkan beberapa widget sekaligus yang hanya tampil di halaman posting, maka anda bisa langsung menyertakan beberapa ID Widget secara berurutan, dan jangan lupa untuk memisahkanya dengan tanda koma, contohnya seperti berikut ini: #HTML6,#HTML7,#HTML8

7. Klik "Save/Simpan" template, dan selesai.

Cara Mengetahui ID dari Widget 

1.  Masuk ke laman Template > klik Edit HTML.

2. cari kode <div id='sidebar-wrapper'>, atau kode yang mirip seperti gambar dibawah ini.

Cara Menampilkan Widget Hanya di Halaman Posting








3. Lalu perhatikan ID dari masing-masing widget seperti gambar dibawah ini.

Cara Menampilkan Widget Hanya di Halaman Posting







Keterangan: Kode "HTML7" pada gambar diatas adalah ID dari widget, dan "Recent Posts" adalah judul widget. Misalnya anda punya widget judulnya "Pengikut", maka lihatlah kode id='.....' disebelahnya, karena isi dari kode id='...' tadi adalah ID dari Widget.

4. Selesai.

Demikian informasi terbaru tentang cara menampilkan widget hanya dihalaman posting, baca juga artikel menarik lainya seputar tutorial blog tentang cara membuat widget email subscribe keren di blog, semoga bermanfaat, dan selamat mencoba.

0 komentar:

Posting Komentar

 
Toggle Footer