Membuat/Menambahkan Widget Twitter Update di Blog

Membuat Widget Twitter Update dan Memasukkannya ke Blogspot

Baru-baru ini saya membuatkan sebuah blog (http://malikabdulkarim.blogspot.com) untuk seorang rekan yang menjadi pengajar di salahsatu perguruan tinggi di Kalimantan, setelah semuanya jadi lalu sang pemiliknya (sebut saja Pak Malik namanya) meminta saya untuk menambahkan fasilitas twitter di blognya, setelah saya minta penjelasan lebih lanjut ternyata yang dimaksud adalah Pak Malik ingin agar update Twitter nya bisa langsung muncul diblog, untuk itu beliau minta untuk dibuatkan yang seperti itu.

Alkhamdulillah tadi siang sudah saya buat dan pasangkan Widget Twitter Update di Blognya dan untuk menyimpan arsip caranya maka kali ini saya jadikan sebuah posting blog, mungkin saja hal ini akan bermanfaat buat orang lain yang kebetulan membutuhkannya.

Untuk caranya, ada 2 bagian, yang pertama adalah mengambil script twitter update dari akun twitter kita, dan bagian yang kedua yaitu memasukkannya ke dalam blog kita.

1. Ambil script twitter update dari akun Twitter kita

Pertama-tama masuk/log in ke dalam Twitter kamu. 

Kemudian cari Nama Akun kamu dipojok kanan atas, klik dan temukan "Setting".

Didalam halaman setting cari dan kliklah "Profile", lalu temukan kolom untuk memasukkan alamat Web (lihat gambar berikut).

Masukkan alamat blog kamu

Masukkan nama web/blog kamu, lalu klik Save.

Setelah proses Saving selesai (masih pada halaman yang sama) lalu klik tulisan (You can also add Twitter to your site here)

Klik You can also add Twitter to your site here

Kemudian kamu akan dibawa ke halaman pilihan jenis aplikasi yang diinginkan, kamu klik saja pada Widget.

Pilih Widget

Kemudian pilih tipe Widget yang diinginkan, pastikan anda telah memilih pada bagian My Website, kemudian pada bagian kanan pilihlah tipe Widgetnya (dalam hal ini pilihlah Profile Widget)

Profile Widget

Klik Profile Widget dan lanjutkan dengan pengaturan Widgetnya

Halaman pengaturan Widget

Setelah dirasa cukup dengan pengaturan yang kamu inginkan kemudian pilih "Finish and Grab Code" seperti gambar di bawah...

Finish and Grab Code

Lalu Copy scriptnya dan siap untuk dimasukkan ke dalam Widget di Blog/Situs kamu.

Copy Scriptnya

2. Memasukkan Script Twitter Update ke Blogspot

Lihat langkah diatas, blok seluruh kode yang ada di dalam kotak tersebut. 

Lalu masuk/log in ke blog kamu. 

Kemudian masuk ke Dasbor, kemudian pilih "Tata Letak" dan setelah itu tambah gadget dan pilih "HTML Java Script".

Paste-kan kode dari Twitter tadi

Setelah itu paste-kan kode yang telah dicopy tadi ke dalam kotak konfigurasi HTML/JavaScript (lihat gambar diatas).

 

Lalu klik Simpan

Sekarang coba lihat tampilan blog kamu dan nanti akan kamu temukan widget Update Twitter diblog kamu.

Hasilnya kira-kira seperti gambar diatas ini.

SELESAI

Semoga panduan membuat dan menampilkan widget Twitter Update di Blog ini dapat bermanfaat.

***

Kunjungi juga : Amikom.us Tempat Belanja Hosting Murah dan Komodo Island is the NEW 7 Wonders of The World

Demikian artikel: Membuat/Menambahkan Widget Twitter Update di Blog semoga bermanfaat bagi anda.