About

Pages

Jumat, 01 Januari 2010

Menampilkan Widget Hanya Pada Halaman Depan

Sebelum memulai tutorialnya, saya akan jelaskan tentang widget. Widget adalah elemen halaman yang dapat berupa link, gambar, dan lain-lain, widget ini diberi nama dan nama itu pun yang akan kitcari pada edit html yang nantinya akan kita cari.

Menampilkan hanya pada halaman depan berarti widget tersebut hanya akan tampil pada halaman depan, jadi saat kita melihat/membaca artikel widget tersebut akan hilang tersembunyi dan akan muncul kembali pada halaman awal atau home.

Untuk membuatnya cukuplah mudah tapi pertama-tama kawan harus tahu nama dari widget tersebut misalnya : Shoutbox, Pengikut, Dll. Silahkan ikuti langkah-langkah berikut ntuk tutorialnya :

  • Masuk ke blogger
  • Klik Tata Letak & ingat nama widget yang ingin ditampilkan pada halaman depan
  • Klik Edit Html
  • Lalu cari nama widget tersebut misalnya : Shoutbox
Setelah dicari maka akan ada kode seperti ini

<b:widget id="HTML1" locked="false" title="" type="HTML">
<b:includable id="main">
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- only display title if it's non-empty -->
<b:if cond="data:title != """>
</b:if></b:if></b:includable></b:widget><h2 class="title"><data:title></data:title></h2>

<div class="widget-content">
<data:content>
</data:content>
</div>
</b:if>

<b:include name="quickedit">

</b:includable>
</b:widget>

Ada tambahan lagi, untuk widget yang tidak diberi judul maka blogger akan menamai widget tersebut dengan Html1, Html2, Dst untuk widget Html/javascript. Text1, Text2, Dst untuk widget text. Tetapi saya sarankan agar kawan memberi judul pada setiap widget.
  • Jika sudah Klik Simpan
Setelah disimpan sekarang coba kawan lihat hasilnya pada saat pada awal halaman, dan coba lihat artikel kawan sendiri dan widget tersebut akan hilang tersembunyi

Sbr:http://corpita95.blogspot.com

2 comments:

Salman mengatakan...

oh menarik ug untuk di bahas

M. HARIYANTO mengatakan...

Alhamdulillah
berhasil
terima kasih telah berbagi

 

Blogger news

Blogroll

About