Sabtu, 16 April 2011

Cara Memasang Widget Hanya di Halaman Awal / Depan

Cara Memasang Widget Hanya di Halaman Awal / Depan - Pernahkah anda terfikir untuk menjadikan halaman awal (homepage) blogspot anda berbeda dengan halaman isi? Misalnya, widget-widget tertentu hanya muncul di homepage tapi tidak muncul dibagian dalam. (iklan atau link ke situs lain yang hanya membeli spot untuk halaman depan saja). Bisakah kita membuatnya ? Jawabnya bisa.

Artikel berikut akan menjelaskan cara bagaimana sebuah widget atau link hanya tampil di bagian depan (homepage) blogspot.

1. Seperti biasa, login ke dashboard blogspot.

2. Masuk ke Layout > Add gadget dan pilih tipe gadget yang anda perlukan, kemudian simpan.

3. Saatnya menambah sedikit kode sehingga widget yang baru anda tambahkan itu hanya tampil di bagian homepage saja. Masuk ke Edit HTML.

4. Normalnya, widget dalam tampilan template dimulai dengan kode berikut ini.


<b:widget id=

Sebagai contoh, widget untuk label terlihat sebagai berikut:

<b:widget id='Label1' locked='false' title='Title' type='Label'>

dan widget html terlihat sebagai berikut:


<b:widget id='HTML1' locked='false' title='' type='HTML'>

sedangkan daftar list akan tampil seperti berikut:

<b:widget id="LinkList2" locked="false" title="Title" type="LinkList">
3. Cari kode untuk widget yang akan anda ubah.
(Jika ingin tahu secara pasti apa widget id yang perlu anda ubah, cobalah lihat source code blog anda. In Firefox : View » Page Source sedangkan In IE : View » Source )

Tepat di bawah widget id, anda dapat melihat tag b:includable seperti berikut..


<b:includable id='main'>
Pada titik ini, sebagian besar tugas kita sudah selesai, kita hanya perlu menambahkan sedikit kode di bawah tag b:includable tersebut, kodenya adalah :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
dan terakhir, kita harus menutup tag b:if . Cukup tambahkan kode berikut sebelum penutup tag b:includable.
Seperti ini:

</b:if>
</b:includable>


Nah, hasil akhir kode adalah seperti screenshoot di bawah ini:



Jangan lupa simpan hasil pekerjaan anda. Kini, widget dimaksud hanya akan tampil di halaman depan / homepage saja.

Memasang Widget Hanya Pada Halaman Postingan

Kalau yang ini kebalikan dari kode sebelumnya. Kode ini hanya akan menampilkan widget atau gadget di Halaman Postingan blog saja  Sedangkan di halaman Home Page atau halaman utama widget tersebut akan hilang.

<b:widget id='HTML10' locked='false' title='Judul-Widget' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- Hide widget at HOME Page -->

<!-- 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>

Widget Hanya Pada Link atau URL Tertentu Saja 

Kalau kamu mempunyai satu halaman blog yang paling sering dikunjungi oleh visitor mungkin kamu ingin meletakkan tambahan iklan yang hanya akan muncul pada halaman itu. Hal yang perlu kamu lakukan hanyalah meletakkan kode yang berwarna merah dibawah ini dan mengganti Blog_Page_URL dengan link blog kamu yang paling banyak diminati tersebut.


<b:widget id='HTML14' locked='false' title='Judul-Content' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == &quot;BLOG_PAGE_URL&quot;'><!-- Put Widget On Specific Link-->

<!-- 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>

Memasang Widget di Label Tertentu

Selain memasang widget atau gadget di link atau postingan tertentu kamu juga bisa memasangnya hanya pada label yang kamu inginkan.

<b:widget id='HTML15' locked='false' title='Judul-Content' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url == "http://BLOG_NAME.blogspot.com/search/label/LABEL_NAME"'><!-- Put Widget On Specific Label-->

<!-- 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>
semoga bermanfaat

0 comments:

Posting Komentar