Masih seputar Blogger Template, sebelumnya saya sudah membahas "Menampilkan Widget di Homepage, Setiap Posting dan Posting Tertentu" dan "Menghapus Quickedit Pada Template Blogger"! namun kali ini saya akan membahas tentang "Bagaimana mengatur Widget Mobile Untuk Template Mobile?"
Kenapa posting ini saya masukkan ke dalam Label Adsense? karena cara ini sangat ampuh dan sangat diperlukan untuk menambah penghasilan Adsense kita! Secara default widget yang kita tambahkan hanya akan tampil pada tampilan Desktop dan tidak akan tampil pada tampilan Mobile! hal ini yang akan mengurangi penghasilan Adsense kita, karena pengunjung website kita datang dari mobile!
Untuk menampilkan widget pada Template Mobile kita lihat contoh kode widget dibawah!
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<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>
Tag <b:widget> merupakan kode yang menampilkan widget tersebut, <b:widget> diatas memiliki beberapa Attribute yaitu id, locked, title dan type! Untuk mengatur widget tersebut agar tampil pada Template Mobile, kita tambahkan sebuah Attribute, yaitu Mobile
Mobile memiliki beberapa Nilai khusus yaitu default, yes, no dan only! untuk penjelasan fungsi setiap value pada Attribute mobile lihat tabel dibawah!
| Value | Fungsi |
|---|---|
| default | Jika Attribute Mobile tidak digunakan, maka widget tersebut bersifat default, artinya hanya Header, Blog, Profile, PageList dan AdSense yang akan ditampilkan pada template Mobile |
| yes | Nilai ini artinya widget tersebut akan tampil pada 2 template, template Mobile dan template Desktop |
| no | Jika kita tidak menggunakan Attribute maka nilainya adalah default, yang artinya widget tersubut hanya akan tampil pada template Desktop |
| only | widget dengan nilai ini hanya akan tampil pada template Mobile |
