Selasa, 16 Oktober 2012

Cara memasang follow Twitter di blogger versi seluler


Selain situs jejaring sosial facebook ternyata masih ada pula situs sejenis yang tak kalah menarik mengungguli facebook yaitu Twitter. Di Twiiter untuk bisa menjalin pertemanan, kita diharuskan mengfollow orang terlebih dahulu, selanjutnya bergantian mengfollow agar bisa saling melihat twit'an satu sama lainnya. Cara kerja twitter ini seperti halnya fans page pada facebook, sehingga twitter ini juga dapat digunakan untuk mempermudah pengunjung blog ketika ingin terhubung melalui akun Twitter kita, dengan cara memasang tombol follow diblog kita.

Jadi jika anda tertarik dan ingin memasangnya di blog anda, saya memiliki sedikit tips yang sekira berguna untuk anda. Namun tips kali saya peruntuk untuk blog dengan tampilan versi seluler mengingat pengunjung tak selalu mengakses  internet menggunakan komputer.

1.      Login ke Twitter dengan akun anda, kemudian buka https://twitter.com/about/resources/buttons
2.      Selanjutnya akan muncul beberapa tombol twitter yang yang bisa kita gunakan. Namun kali kita hanya memilih tombol follow saja


3.      Kemudian kita diharuskan untuk mengatur opsi tombol yang akan kita ( ini  terletak pada pilihan ‘Button options’). Jika sudah selanjutnya copy kode tersebut.
4.      Login ke akun blogger anda. Kemudian pilih dan masuk ke ke bagian “edit html”
5.      centang pada kotak ‘Expand Template Widget’ yang tersedia
6.      cari kode “<b:includable id='mobile-main' var='top'>” ( tanpa tanda petik)
7.      perhatikanlah dibawah kode “<b:includable id='mobile-main' var='top'>” (tanpa tanda petik) terdapat kode “ <div class='blog-posts hfeed'>” (tanpa tanda petik). Kemudian anda sisipkan script twitter yang anda copy tadi diantara kode “<b:includable id='mobile-main' var='top'>” dengan “ <div class='blog-posts hfeed'>”.
Sehingga hasilnya seperti dibawah ini

<b:includable id='mobile-main' var='top'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

      <a href="https://twitter.com/semarbingung" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @semarbingung</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

      <b:include data='top' name='status-message'/>



8. simpan template



Tampilannya akan nampak seperti dibawah ini





 
Terima saya ucap kepada  http://eltelu.blogspot.com
sumber http://eltelu.blogspot.com/2012/03/cara-memasang-tombol-follow-twitter.html










artikel diatas boleh di copas tapi baca dulu di sini

Artikel Terkait:

2 komentar:

  1. Wah rupanya tulisan ini bersumber dari Semar Bingung, itu blog memang lumayan lengkap untuk optimasi tampilan seluler

    BalasHapus
    Balasan
    1. iya aku juga dapet banyak trik optimasi blog dari situ

      Hapus

Komentar anda sangat bermanfaat bagi saya