Assalamualaikum.wr.wb kali ini saya akan membagikan artikel tentang cara membuat widget blog yang hanya tampil di halaman tertentu blog. Blog biasanya tak lengkap tanpa widget, nah banyak orang yang memasang widget nya tidak teratur yang meyebabkan loading blog nya jadi lemot, lalu bagaimana cara nya agar tidak lemot ... ? Ya caranya adalah meletakan widget di halaman tertentu blog, agar blog terlihat rapi. Oke langsung saja cekidot....
- Login dulu di Blogger.com.
- Lalu masuk di Tata Letak > Cari Widget yang ingin anda modifikasi.
- Copy code Widget nya
- Jika sudah di Copy, sekarang anda masuk di Templates > Edit Html
- Kemudian tekan Ctrl + F paste kan kode widget yang anda copy tadi
- Maka akan seperti ini code nya
<b:includable id='main'>
<!-- 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:includable>
</b:widget>
- Title dan Type itu berbeda - beda tiap blog tapi kali ini saya akan mencontoh kan nya seperti yang diatas. Pastikan anda mencari kode nya dari <b:widget id=............ sampai ........</b:widget>
- Nah untuk memodifikasi widget yang muncul ada beberapa pilihan seperti di bawah ini
Widget yang di tampilkan hanya di homepage berarti cuma ada di homepage saja tidak muncul di halaman lain.
Untuk code nya yaitu anda tinggal menambah kan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if> letakan sesuai yang saya contoh kan dibawah ini
<b:widget id='HTML11' locked='false' title='PopularPost1' type='HTML'>
<b:includable id='main'>
<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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
<!-- 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:includable>
</b:if>
</b:widget>
</b:widget>
Kemudian save.
2. Cara menampilkan Widget di halaman Statis.
halaman statis itu seperti About me , Contact me , dll
lalu cara memasang nya tinggal tambahin code <b:if cond='data:blog.pageType != "static_page"'> dan </b:if>
Cara meletakan code nya sama seperti sebelumnya yaitu perhatikan di bawah ini
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_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>
Kemudian Save.
3. Cara menampilkan widget di halaman archive
Halaman archive merupakan halaman yang biasanya jarang sekali dikunjungi oleh pengunjung, tapi jika anda berkenan ingin menampilkan widget hanya di halaman archive maka saya akan memberitahu cara nya.
Letakan code <b:if cond='data:blog.pageType == "archive"'> dan </b:if>, Untuk peletakannya sama seperti sebelumnya jadi saya tidak akan mengulangi nya lagi
4. Cara menampilkan widget di salah satu halaman tertentu berdasarkan Url
Nah dari sekian cara yang saya bagi cara ini yang saya sukai karena widget yang tampil hanya di satu halaman berdasarkan url.
Letakan code <b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"> dan </b:if>, Untuk peletakannya juga sama seperti sebelumnya.
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_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>
Kemudian Save.
3. Cara menampilkan widget di halaman archive
Halaman archive merupakan halaman yang biasanya jarang sekali dikunjungi oleh pengunjung, tapi jika anda berkenan ingin menampilkan widget hanya di halaman archive maka saya akan memberitahu cara nya.
Letakan code <b:if cond='data:blog.pageType == "archive"'> dan </b:if>, Untuk peletakannya sama seperti sebelumnya jadi saya tidak akan mengulangi nya lagi
4. Cara menampilkan widget di salah satu halaman tertentu berdasarkan Url
Nah dari sekian cara yang saya bagi cara ini yang saya sukai karena widget yang tampil hanya di satu halaman berdasarkan url.
Letakan code <b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"> dan </b:if>, Untuk peletakannya juga sama seperti sebelumnya.
- Nah gimana mudah bukan dalam memasangnya....
Jika anda masih bingung silahkan berkomentar di bawah ini, akan saya beri pencerahan ... Baca juga artikel terkait Cara menyembunyikan widget di Homepage
0 Comment "Cara Membuat Widget Tampil Di Halaman Tertentu Blog"
Post a Comment