Cara Menambahkan Widget Twitter Pada Blog

memasang timeline twitter pada web



Semua dari kita sudah tahu yang namanya twitter. Twitter didirikan pada maret 2006 dengan pendiri Eva Williams, Jack Dorsey, dan Biz Stone, berdasarkan data statistik dari statista.com hingga Januari 2016 memiliki akun yang aktif mencapai 300 juta. Jadi media sosial ini dapat menjadi satu rujukan bagi kita untuk mempromosikan blog/web kita selain media sosial lainnya. 

Twitter merupakan media sosial untuk mengirimkan dan membaca pesan dengan basis teks hingga maksimal 140 karakter. Pesan tersebutlah yang dinamakan tweet atau kicauan. Dan rata-rata sobat blogger pasti memiliki tombol share twitter, selain tombol share G+ dan Facebook Share. Nah sekarang pernahkan sobat blogger melihat recent tweet yang terpasang pada blog/web seperti yang ditunjukkan oleh Gambar.1 dibawah ini :

Gambar.1



Tentunya untuk menambahkan widget twitter tersebut pada blog, pastikan terlebih dahulu anda telah memiliki akun pada twitter.

Cara memasang widget twitter pada blog

1. Silah klik link berikut https://twitter.com/settings/widgets/new. Kemudian masuk login dengan akun twitter anda.


2. Pastikan sudah terpilih menu tab “User timeline” seperti yang ditunjukkan oleh Gambar.2 dibawah ini :

Gambar.2



Anda tidak perlu mengatur masalah width, karena secara default akan menyesuaikan dengan templatenya. Untuk height, secara default adalah 600px, disini anda dapat mengaturnya sesuai dengan keinginan anda. Kitapun dapat merubah untuk Theme dan Link color sesuai selera kita. 


Jika proses pengaturannya sudah sesuai keinginan kita, tinggal klik tombol “Create widget”. Maka anda melihat code dibawah hasil preview User Timeline. Copylah source code tersebut.


3. Masuk ke Dashboard blogger anda, lalu pilih Template >> Add a Gadget, kemudian pilih HTML/JavaScript dilanjutkan dengan mengpaste source code yang telah kita copy dari langkah 2 seperti yang ditunjukkan oleh Gambar.3 dibawah ini :

Gambar.3



Kemudian tekan Save dah silahkan lihat hasil dari widget twitter yang telah kita pasang tadi. Dengan mengscroll ke bawah anda akan melihat beberapa tweet anda yang terbaru.


4. Kode yang kita copy paste kan tadi memiliki jumlah tweet 1 sampai dengan 20 dengan cara mengscroll. Nah sekarang bagaimana caranya membatasi jumlah tweet, misalnya menampilkan sebanyak 5 tweet yang terakhir ?.


Tambahkan kode berikut data-tweet-limit=”5″;  sehingga kode tadi menjadi kode seperti berikut :

<a class="twitter-timeline" href="https://twitter.com/pusat_ilmu" data-widget-id="704715166542389248" data-tweet-limit="5">Tweets by @pusat_ilmu</a><script>!function(d,s,id){    var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';    if(!d.getElementById(id))    {        js=d.createElement(s);        js.id=id;js.src=p+"://platform.twitter.com/widgets.js";        fjs.parentNode.insertBefore(js,fjs);    }}(document,"script","twitter-wjs");</script>



Setelah anda save kembali, silahkan lihat hasil perbedaannya. Jadi anda dapat mengatur jumlah tweet yang ditampilkan sesuai dengan keinginan anda.

Posting Komentar

© Pintar Gadget & Tekno. All rights reserved. Developed by Jago Desain