Cara Membuat Iklan atau Widget Blog Hanya Tampil Di Situs Seluler (Mobile SIte)

ilustrasi
BangSiagian.id - Pada artikel ini saya akan membagikan trik tutorial cara membuat iklan atau widget blog hanya tampil di situs seluler (mobile site) yang cukup mudah dan sederhana penerapannya.

Pada saat kita mengunjungi sebuah blog pasti kita melihat ada iklan dan widget, misalnya iklan A di header blog dan widget A yang tampil pada blog tersebut.

Saat blog diakses dari smartphone iklan A di header dan widget A tampil di situs seluler, tapi saat blog diakses dari komputer atau laptop iklan A di header dan widget A tidak tampil diblog tersebut. Kenapa bisa begitu? Ini semua menggunakan trik diblogger.

Trik ini hanya menggunakan kode dibawah ini.

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
.
Cara Membuat Iklan atau Widget Blog Hanya Tampil Atau Muncul Di Situs Seluler (Mobile SIte)
.
</b:if>

Jika kamu tertarik untuk melakukan trik ini pada blog kamu, silahkan kamu simak langkah-langkahnya dibawah ini.

1. Login ke Blogger.
2. Klik tema di sebelah kiri akun blogger.
3. Cari widget yang hanya ingin tampil disitus seluler, misalnya widget popular posts.
4. Cari iklan yang hanya ingin tampil disitus seluler, misalnya iklan di dalam postingan.

Contoh penerapan widget blog hanya tampil di situs seluler (mobile site)

<b:widget id='HTML85' locked='false' title='Bangsiagian.id' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<img height="270" src="https://1.bp.blogspot.com/-jb2FfV5PMEQ/XLFHSHkglcI/AAAAAAAAAC0/pK6WYOPPHR0rSYk6tupnF3cbQe3ud4MeACLcBGAs/s1600/bangsiagianid.png" width="100%" />]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Baca Juga: Cara Membuat Widget Hanya Tampil di Halaman Tertentu di Blog

Contoh penerapan iklan dalam postingan blog yang hanya tampil di situs seluler (mobile site)

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
KODE IKLAN DISINI
</b:if>

Catatan : perhatikan kode yang saya block warna merah.

Dengan trik ini kita bebas dan suka-suka iklan atau widget mana yang hanya ingin kita tampilkan di situs seluler (mobile site).

Jika langkah-langkah diatas sudah dilakukan dengan benar, cobalah buka blog kamu dari smartphone dan lihat iklan atau widget yang sudah disetting hanya tampil di situs seluler (mobile site).

Sekianlah artikel trik tutorial ini dan semoga artikel ini bermanfaat dan berguna.

Selamat mencoba dan semoga berhasil.

Iklan Atas Artikel

Iklan Tengah Artikel 1

-- ADVERTISEMENT --

Iklan Tengah Artikel 2

Iklan Bawah Artikel

-- ADVERTISEMENT --