Cara Memasang Kotak Komentar Facebook Pada Blog Versi Mobile (Blogspot Tampilan Selular)

Benarkah Facebook social plugin tidak dapat dipasang dan tidak dapat berfungsi pada blog selular? Tentu saja jawaban untuk pertanyaan tersebut adalah tidak benar, karena pada kenyataannya kita dapat melakukan kustomisasi terhadap template untuk tampilan selular (termasuk diantaranya adalah pemasangan Facebook social plugin di dalamnya). Dimana salah satu diantaranya yang dapat kita terapkan dan atau kita pasang untuk tampilan blog versi selular adalah Facebook Comment Form (kotak komentar Facebook). Dan berdasarkan uji coba yang saya lakukan, pemasangan kotak komentar Facebook pada blog versi mobile ini terbukti dapat berfungsi seperti halnya kotak komentar Facebook yang dipasang pada blog versi web.

Pemasangan kotak komentar Facebook pada blog tampilan web bisa jadi memang sudah menjadi suatu hal yang tidak asing lagi bagi kita karena sudah banyak blogger yang mengulas tentang masalah tersebut. Akan tetapi untuk pemasangan kotak komentar Facebook pada blog tampilan selular bisa jadi merupakan suatu hal yang teramat baru, karena menurut sepengetahuan saya belum pernah ada blogger yang mengulasnya. Sehingga hal ini akan terasa sangat asing bagi kita, karena hal yang seperti ini akan kita anggap sebagai suatu hal yang tidak biasa dan .

Sedikit cerita tentang kustomisasi template untuk Blogspot tampilan selular (dalam hal ini adalah pemasangan kotak komentar Facebook pada blog versi mobile), sebelum ini saya pernah minta pendapat dalam sebuah forum tentang pemasangan kotak komentar Facebook yang saya lakukan di blog ini. Walau tidak sedikit dari mereka yang memberikan dukungan terhadap yang saya lakukan, namun tidak sedikit pula yang memandang sinis dan menganggap bahwa yang saya lakukan adalah suatu hal yang percuma dan sia-sia (karena mereka beranggapan bahwa kotak komentar Facebook tidak mungkin berfungsi apabila dipasang pada blog versi selular). Sehingga artikel ini adalah sebagai bukti bahwa selain dapat dipasang pada blog versi web, kotak komentar Facebook juga dapat diterapkan dan berfungsi apabila dipasang pada blog versi selular.

Lantas bagaimana cara memasang kotak komentar Facebook pada blog untuk tampilan selular? Untuk memasang kotak komentar Facebook pada blog tampilan selular, maka kerjakan langkah-langkah di bawah ini secara berurutan.

Pertama, buka editor template dengan mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’ > ‘Expand Template Widget’.

Kedua, untuk mempermudah proses penempatan kode, maka cari kode <b:if cond='data:top.showMobileShare'> kemudian sisipkan kode berikut ini tepat di atasnya (atau apabila Anda memahami sistem pengkodean template, sisipkan di tempat yang sesuai dengan di mana kotak komentar Facebook akan ditampilkan).

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div style='background-color: inherit; border: 1px solid #eeeeee; text-align: center; overflow: hidden; padding: 1px; height: auto; width: auto;'>
    <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='180'/>
</div>

Ketiga, simpan template Anda.

Kemudian seperti yang telah saya sampaikan di atas, bahwasanya teknik ini terbukti dapat berfungsi diterapkan pada blog tampilan selular. Namun demikian dalam uji coba yang saya lakukan hanya menggunakan 2 (dua) jenis perangkat selular dengan resolusi (lebar layar) berbeda, dalam hal ini adalah perangkat selular dengan resolusi layar 176 x 208 pixels dan 176 x 220 pixels. Sehingga apabila ingin mengubah ukuran lebar kotak komentar Facebook yang ditampilkan, maka Anda dapat melakukannya dengan mengubah angka yang terdapat pada kode width='180' sesuai dengan ukuran yang Anda inginkan.

Sebagai bukti atas keberhasilan penerapan teknik ini, maka di bawah ini saya sertakan tampilan blog ini apabila dibuka dengan menggunakan perangkat selular (dalam hal ini memakai browser Opera Mini).

Selain bukti seperti yang tampak pada gambar di atas, Anda pun juga dapat membuktikannya sendiri dengan membuka blog ini memakai salah satu browser yang terdapat dalam telepon selular yang Anda miliki. Caranya buka http://eltelu.blogspot.com/?m=1 (apabila menggunakan komputer) atau langsung buka http://eltelu.blogspot.com (apabila menggunakan browser yang terdapat dalam telepon selular), dan kemudian apabila halaman beranda sudah ditampilkan maka klik salah satu artikel yang ada untuk melihat tampilan kotak komentar Facebook pada halaman blog versi selular.

Semoga berguna dan bermanfaat.

Salam.