header wahyu winoto blog

Membuat/Menambahkan Widget Twitter Update di Blog


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


***


Demikian artikel: semoga bermanfaat bagi anda.

KLIK UNTUK MELIHAT DAN ATAU MENUTUP KOLOM KOMENTAR.



© 2010 - 2024 || By Blogger || Hak cipta dilindungi UU.
TOP