Tutorial Menampil widget di halaman tertentu dan custom Mobile

Tutorial Menampil widget di halaman tertentu dan custom Mobile

Menampilkan widget di template blogspot merupakan salah satu cara bagi para blogger untuk menambah keindahan dari blog mereka masing – masing.
Bagaimana tidak, poin keindahan ini sudah menjadi penarik perhatian yang utama selain isi konten yang menarik dan penuh manfaat.
Sebagai blogger kita juga harus memperhatikan poin eindahan dan nilai seni pada blog kita semua. Menampilkan widget di template blogspot bukan lagi sebuah rahasia diantara para blogger, namun sudah menjadi hal yang perlu diketahui oleh seluruh blogger.
Saat menampilkan widget di template blogspot kamu, widget- widget tersebut biasanya bermasalah atau tidak tampil pada versi mobile.
Jadi ketika kamu membuka blog tersebut menggunakan mobile atau smartphone kamu maka widget- widget tersebut tidak terlihat atau tidak ditampilkan. Banyak sekali kejadian serupa yang di alami para blogger- blogger.
Kebanyakan memang widget tersebut hanya tampil ketika blog tersebut dibuka melalui PC. Namun ternyata masih bisa lho kita mengupayakan untuk menampilkan widget di template blogspot versi mobile. Dengan begitu, kita bisa tetap melihat widget- widget tersebut sekalipun kita membuka blogspot tersebut menggunakan mobile phone.
 Pada umumnya pada versi mobile hanya bisa menampilkan beberapa widget tertentu saja seperti, header, blog, profil, page list, adsense, dan atribusi. Nah selain widget- widget yang telah disebutkan tadi, pada versi mobile widget- widget lain tidak akan terlihat atau tidak ditampilkan. Lalu apakah bisa diatur kembali agar bisa terlihat pada versi mobile? Tentu saja bisa. Kamu masih bisa menampilkan widget di template blogspot versi mobile dengan melakukan beberapa pengaturan

Cara menampilkan widget di template blogspot versi mobile

Untuk menampilkan widget di template blogspot versi mobile, kamu perlu melakukan beberapa pengaturan tertentu yang tentunya dengan memasukkan beberapa kode. Karena sesungguhnya, hehe, setiap widget itu memiliki kode uniknya masing- masing. Nah sebenarnya untuk menampilkan widget di template blogspot versi mobile sangatlah mudah, yaitu dengan memasukkan kode pada tag <b:widget> caranya yaitu:

1. Pertama- tama kamu harus masuk / log in terlebih dahulu ke dalam blogspot kamu.

2. Setelah itu klik menu dashboard lalu masuk pada menu template dan klik edit HTML

3. Setelah itu, kamu tinggal mencari widget mana yang ingin kamu tampilkan di template blogspot versi mobile. Bila kamu ingin menampilkan popupar post, sebagai contoh ya, kamu harus tag widget popular post di dalam template.

4. Nah inilah kode milik popular post
<b:widget id="’PopularPosts3′" locked="’false’" populer="" title="’Entri" type="’PopularPosts’">

PERHATIKAN KODE PopularPosts3 ini adalah ID Widget yang akan disetting biasanya HTML1 HTML2 HTML3 HTML4  dll

5. Oke, setelah itu kamu tinggal memasukkan kode “ mobile= ‘yes’ “ yang disisipkan di tengah- tengah kode popular post tadi. Letakkan setelah kode ‘PopularPosts3′ ini.

6. Begini hasilnya
<b:widget id="’PopularPosts3′" locked="”false’" mobile="’yes’" populer="" title="’Entri" type="’PopularPosts’">
Perlu diketahui bahwa kode tersebut berfungsi untuk menampilkan widget popular post pada versi mobile dan PC atau dekstop.

7. Bila kamu ingin menampilkan hanya untuk versi mobile juga bisa lho, kamu tinggal mengganti kode “ mobile= ‘yes’ “ dengan kode “ mobile= ‘only’ “. Seperti pada contoh dibawah ini:

<b:widget id="’PopularPosts3′" locked="’false’" mobile="’only’" populer="" title="’Entri" type="’PopularPosts’"></b:widget></b:widget></b:widget></b:widget>

Itulah tadi beberapa penjelasan serta cara untuk menampilkan widget di template blogspot versi mobile. Setelah melakukan beberapa langkah diatas, widget yang dikehendaki akan tampil pada versi mobile.
Tapi Jika anda ingin menampilkan widget di halaman tertentu gunakanlah code berikut ini

1. Menampilkan widget hanya di halaman depan saja (homepage)

...code....
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
...code....
</b:if>
</b:includable>

2. Menampilkan di semua halaman kecuali homepage.

...code....
<b:includable id='main'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
...code....
</b:if>
</b:includable>

3. Menampilkan widget hanya di halaman Archive saja.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
...code....
</b:if>
</b:includable>

4. Menampilkan widget di semua halaman kecuali halaman archive.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
...code....
</b:if>
</b:includable>

5. Menampilkan widget hanya di halaman posting.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...code....
</b:if>
</b:includable>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
...code....
</b:if>
</b:includable>

7. Menampilkan widget hanya di postingan tertentu saja.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
...code....
</b:if>
</b:includable>

8. Menampilkan widget selain di postingan tertentu.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
...code....
</b:if>
</b:includable>

9. Menampilkan widget hanya di halaman staticpages.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
...code....
</b:if>
</b:includable>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

...code....
<b:includable id='main'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
...code....
</b:if>
</b:includable>

Nah setelah anda memdapat codenya kita lanjut ke caranya.
Pertama masuk ke Tata Letak Cari ID Wedget yang ingin disetting

Contoh diatas saya ingin menampilkan widget Artikel Terbaru Menampilkan di semua halaman kecuali homepage.
Ingat IDnya adalah HTML1, lanjut masuk ke TEMA - Edit HTML  Cari atau Ctrl+F Masukan id='HTML1'
Kemudian kebawah cari  <b:includable id='main'>
Setelah itu tempelkan code ini dibawahnya <b:if cond='data:blog.url != data:blog.homepageUrl'>
dan cari </b:includable> Kemudian tempelkan code </b:if> diatasnya

Kemudian SAVE dan Lihat hasilnya.
Okay sudah yah... Bos kira sudah cukup dulu mengenai Tutorial Menampil widget di halaman tertentu dan custom Mobile.
Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba

Jadilah yang pertama "Tutorial Menampil widget di halaman tertentu dan custom Mobile"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

PropellerAds