Minggu, 24 Februari 2013

Cara Membuat Widget Tampil Dihalaman Tertentu



Cara mudah membuat widget tampil di halaman 

Apakah Widget Itu ??

Widget adalah suatu aplikasi yang disediakan oleh pihak dalam dan luar, yang bisa dipasang dengan mudah di website atau blog kita sendiri. Contoh yang biasa digunakan banyak pengguna adalah Adsense, Guess book, dan lain sebagainya. 
Cara mudah ini akan saya bagi menjadi beberapa bagian. mulai dari cara menampilkan widget hanya dihalaman awal (homepage) sampai membuat widget tampil di halaman posting tertentu. Berikut tutorial caranya, silakan simak dengan baik 
1. Masuk dahulu di blogger sobat
2. Klik “template”
3. Simpan dahulu templete sobat untuk menghindari jika nanti salah dalam mengedit templete
4. Klik “edit html”
5. Jangan lupa juga centang “expand template widget”
6. Cari Judul widget yang ingin diedit (Gunakan F2 untuk mempermudah) Contoh punya saya:  Recent Posts
7. Setelah ketemu, Ikuti beberapa cara menampilkan widget  berikut:

A. Cara mudah menampilkan widget hanya pada halaman depan (Homepage)

1. Sisipkan kode berikut dibawah kode <b:includable id='main'> 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
2. Sisipkan kode berikut diatas kode </b:includable> 
</b:if>
Contoh lengkapnya seperti ini : 
<b:widget id='HTML1' locked='false' title='Recent Posts' 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
3. klik save dan lihat hasilnya 
Berikut juga saya bagikan cara menampilkan widget di halaman tertentu yang lain, ikuti lagi langkah di atas tetapi masukkan kode di bawah ini berikut untuk mengeditnya 

B. Membuat widget tampil di semua halaman kecuali homepage.

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

C. Membuat widget tampil hanya pada halaman Archive saja.

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

D. Membuat widget tampil di semua halaman kecuali halaman archive.

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

E. Membuat widget tampil hanya di halaman posting.

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

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

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

G. Menampilkan widget hanya pada postingan tertentu saja.

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

H. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>......................................................
</b:if>
  
Saya rasa cukup sekian Cara mudah membuat widget tampil dihalaman tertentu 

Sumbernya disini : http://adf.ly/Jipbr

Artikel Terkait Lainnya :



Ditulis Oleh : Rendo Aditama

Artikel Cara Membuat Widget Tampil Dihalaman Tertentu ini ditulis oleh Rendo Aditama pada hari Minggu, 24 Februari 2013. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Widget Tampil Dihalaman Tertentu dapat Anda sampaikan melalui kotak komentar dan jangan lupa klik like facebook diatas ya

:: Add My FB ::

Tidak ada komentar: