Memasang Tombol Like Untuk Halaman Konten Tampilan Seluler

Seperti halnya memasang tombol like agar dimunculkan secara otomatis pada setiap postingan artikel blog dalam tampilan web, maka sebenarnya tombol like dapat pula dipasang agar dimunculkan secara otomatis pada setiap postingan blog untuk tampilan seluler. Dimana seperti yang diuraikan pada artikel sebelumnya yang berjudul “Cara Memasang Tombol Like” dijelaskan bahwa cara memasang tombol like pada setiap halaman artikel untuk tampilan seluler dapat dilakukan seperti halnya pada cara yang digunakan untuk membuat daftar artikel terkait pada template seluler blogspot. Namun demikian, untuk lebih jelasnya tentang cara memasang tombol like untuk konten tampilan seluler adalah seperti dijelaskan pada uraian berikut ini.

Sebelumnya perlu diketahui bahwa tombol like yang dipasang untuk halaman artikel dalam tampilan web tidak akan ditampilkan bila halaman artikel tersebut dibuka dengan menggunakan perangkat seluler. Sehingga pembaca yang semestinya dapat mengeklik tombol like bila membuka halaman artikel tersebut dengan menggunakan komputer atau dalam tampilan web, pada akhirnya bila membuka halaman artikel tersebut dengan menggunakan perangkat seluler akan mengalami kesulitan untuk mengeklik tombol like. Hal ini disebabkan karena pembaca terlebih dulu harus menampilkan halaman tersebut dalam tampilan versi web dengan menggunakan perangkat seluler yang mereka gunakan, sebelum pada akhirnya dapat mengeklik tombol like pada halaman yang ditampilkan dengan tampilan web tersebut.

Selanjutnya, dalam hal memasang tombol like secara otomatis pada setiap halaman artikel untuk template blogspot tampilan seluler adalah sebagai berikut:

1. Login ke akun Blogger Anda
2. Pada ‘Dasbor Blogger’ klik nama blog Anda dan kemudian klik menu ‘Template’
3. Klik tombol ‘Edit HTML’ kemudian klik tombol ‘Lanjutkan’
4. Centang pilihan ‘Expand Template Widget’ dan selanjutnya cari kode <b:includable id='mobile-post' var='post'>
5. Gerakkan kursor ke bawah untuk mencari kode <data:post.body/> yang terletak di antara kode <b:includable id='mobile-post' var='post'> dan </b:includable>
6. Sisipkan kode berikut ini tepat di bawah kode <data:post.body/> untuk menempatkan tombol like di bawah konten artikel, atau tepat di atas kode <data:post.body/> untuk menempatkan tombol like di atas konten artikel.
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=dark&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:24px;'/><br/>
   </b:if>

7. Simpan template

Dengan demikian maka tombol like akan tetap dimunculkan secara otomatis pada halaman artikel blog, walaupun artikel tersebut dibuka dengan menggunakan perangkat seluler. Dan sebagai contoh adalah seperti tampak pada gambar di bawah ini.

Sementara itu untuk melihat hasil dari penerapan teknik ini dengan menggunakan komputer, dapat dilakukan dengan menambahkan ?m=1 di belakang URL artikel yang dibuka. Atau untuk lebih jelasnya silakan lihat contoh yang terdapat pada artikel dengan judul “Membuat Daftar Artikel Terkait Pada Template Seluler Blogspot”. Dan perlu diingat pula bahwa teknik ini hanya dapat digunakan bila setelan pada pilihan template seluler yang digunakan adalah ‘Tersesuai’.