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 == "item"'> <!-- Hide widget at HOME Page -->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 == "BLOG_PAGE_URL"'><!-- Put Widget On Specific Link-->
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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.semoga bermanfaat
<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 != ""'>
<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>
0 comments:
Posting Komentar