Cara Menampilkan Widget Pada Halaman Tertentu

Cara Menampilkan Widget Pada Halaman TertentuCara Menampilkan Widget Pada Halaman Tertentu – Pemilihan serta penempatan widget dengan benar pada blog merupakan salah satu teknik SEO (Search Engine Optimize) karena salah satu manfaatnya ialah dapat mempermudah pengunjung agar dapat mengakses isi blog sobat.

Umumnya pada sebuah blog terdapat widget seperti Popular post, Recent post, Archive, Total Pageviews atau pun widget yang lain seperti space iklan, Static blog dll. Dan semua widget tersebut tentunya harus di tempatkan pada letak yang sesuai agar tidak membingungkan pengunjung saat berselancar di blog sobat.

Berikut ini cara menampilkan widget pada halaman tertentu:

1. Login ke blogger atau klik disini

2. Pilih Template » Edit Html

3. Cari code seperti di bawah ini. Untuk mempermudah pencarian tekan Ctrl + F

<b:widget id='HTML1' locked='false' title='Pesan' 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>

Catatan:

  • Fokuskan pada code yang berwarna orange (tag pembuka) dan hijau (tak penutup).

5. Tambahkan code di bawah ini di atas code yang berwarna orange

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

6. Tambahkan code di bawah ini di atas code yang berwarna hijau

</b:if>

Kurang lebih hasilnya akan nampak seperti di bawah ini

<b:widget id='HTML1' locked='false' title='Pesan' 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>

7. Kemudian pilih simpan.

Untuk penempatan widget pada halaman lainnya gunakan code di bawah ini:

  • Untuk menempatkan di halaman depan/index digunakan code.

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>

  • Untuk menempatkan di halaman Archive saja

<b:if cond='data:blog.pageType == "archive"'>

  • Untuk menempatkan dihalaman item/posting saja digunakan code

<b:if cond='data:blog.pageType == "item"'>

  • Untuk pada halaman pages atau static page blogger digunakan

<b:if cond='data:blog.pageType == "static_page"'>

  • Untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

<b:if cond='data:blog.url == "URL_HERE"'>

Ganti code URL_HERE dengan URL yang ingin anda tampilkan widget.

Ingat untuk setiap code di atas harus diberi code penutup </b:if>

Semoga artikel kali ini bermanfaat, dan jangan lupa share google+ dan komentarnya demi kemajuan blog ini. Salam blogging ^^

Berlangganan artikel via email!

Follow us!

0 komentar:

Post a Comment

Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 

Koleksi Ceramah Islam MP3


  Bloggers.com

Space Iklan

200x160