Cara Mudah Menampilkan Widget Ke Template Selluler

Bismillaah..


Hallo kawan semua, jumpa lagi dengan saya di artikel, yang pastinya sekedar panduan, dan tidak asing lagi karena artikel dengan judul yang sama seperti ini banyak tersebar di dunia internet.


Saya hanya sekedar berbagi, mungkin ada diantara Anda yang belum mengetahui tentang cara mudah membuat widgets blogger yang bisa tampil di versi mobile/selluler.

    Oke, mari kita mulai saja sebelum saya bertambah ngawur lagi :D.
  • 1. Buka dashboard blogger, menuju ke halaman 'Template', dan klik 'Edit HTML', klik juga jangan lupa 'Expand widgets'.
  • 2. Anda juga bisa langsung mengedit template simpanan Anda, cari code 'widgets' nya, lihat contoh berikut, misalkan saja kita akan mengedit widgets 'HTML/JAVASCRIPT':


    <b:widget id='HTML3' locked='false' mobile='yes'
    title='' type='HTML'>
    <b:includable id='main'>
    <!-- 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:include name='quickedit'/>
    </b:includable>
    </b:widget>

    Perhatikan teks yang berwarna merah, itu kurang lebih merupakan code perintah yang bisa membuat widgets tsb bisa tampil di template selluler. Ingat, letakkan code mobile='yes' diantara baris 'locked' dan 'title'.
  • 3. Simpan template/simpan perubahan dan lihat hasilnya (jika Anda mengeditnya lewat draft blogger), atau Save template dan uploadkan ke draft blogger jika Anda mengeditnya lewat applikasi file manager.

membuat tampilan widgets blogger ke template selluler


Bagaimana? Mudah bukan?


Sampai jumpa dan, salam Google+, mwb, xtgem, wenru, blogger, wordpress, fb, twitter and all member friends community netter.


Alhamdulillaah..

Tidak ada komentar:

Posting Komentar

Terima kasih tuk komentar Anda, thanks for your coment.