Halo sobat, apa kabar hari ini? semoga tansah pinayungan dening Gusti Kang Murbeng Dumadi. Amiin. Jangan kaget ya saya memakai bahasa Jawa, soalnya saya orang Jawa sih hehe. Cinta akan budaya tradisional tapi tidak mau jadi orang gagap internet haha. Ya to the point saja, kali ini saya akan membocorkan rahasia yang amat sangat rahasia, dan rahasia yang sangat berguna lagi bermanfaat.
Jadi begini ceritanya, saya mencari template blog gratisan, biasa saya kan orang yang belum punya uang untuk memaksimalkan blog saya, ya punya uang sih, tapi y itu dikejar sama tanggal :D. Saya sudah mencari sampai bingung, sebenernya saya sudah minta kepada teman untuk minta template tapi belum cocok (stttt, nanti orangnya dengar), Nah saya sudah menemukan template yang saya suka dan tertarik dari buatan mbak yang cantik Arlina, ini Webnya si cantik ARLINADZGN. Saya comot desain template dari salah satu website yang saya search di Mbah Google, tapi saya lupa Ini contoh template yang saya ambil klik disini. Keren kan?
Ya cukup responsive untuk dekstop dan mobile, tapi untukk costum versi mobilnya menurut saya harus banyak yang dirubah, kadang ada kesalahan navigasi, tapi si mbak Cantik Arlina juga sudah memberikan solusinya, dan membuat saya bahagia.
Di suatu waktu saya ingin sekali, memasang kode iklan di widget, dan rencana saya iklan tersebut hanya tampil saat website/blog saya dibuka menggunakan smartphone alias mobile. Penuh perjuangan untuk mencari jawaban, ada beberapa dari website, yang memberikan cara tapi gagal terus. Dan akhirnya saya mendapatkan kunci jawaban. Saya akan berbagi untuk panjengan semuanya yang mau, atau sekedar berbagi.
Untuk Menyembunyikan atau menampilkan widget, kita akan menggunakan kode ini :
<b:if cond='data:blog.isMobileRequest == "false"'>
Nah, sobat dibagian yang saya cat merah false, bisa anda rubah menjadi true atau sebaliknya.
- False: Widget tidak akan tampil di Mobile.
- True : Widget akan tampil di Mobile dan tidak akan tampil di Desktop
Cara Memasang Kode HTML
- Masuk Blogger Dan Login akun Sobat.
- Klik Pada Tata Letak/Layout
- Pilih Widget kemudian klik Edit.
- Setelah itu biasanya akan muncul penampakan pop up seperti dibawah ini.
Nah perhatikan anak panah, Misal kita akan edit HTML3. Silahkan diingat bagian html tersebut
- Lalu, silahkan sobat klik Template dan Edit Html
- Kemudian sobat pilih HTML3 yang akan anda edit tadi.
- Kemudian sobat akan menemukan penampakan ini.
- Sobat cari kode yang seperti ini:
--------------------------------------------------------------------------------------------------------------------------
<b:widget id='HTML3' locked='false' title='Back at Home' 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>
--------------------------------------------------------------------
- Kemudian Sobat rubah dan tambah menjadi seperti ini:
--------------------------------------------------------------------
<b:widget id='HTML3' locked='false' title='Back at Home' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- 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>
--------------------------------------------------------------------
Silahkan Sobat Save dan Cek Berhasil atau tidaknya, saya minta maaf. Monggo tinggalkan komentar.
Comments
Post a Comment