Membuat/Menambahkan Widget Twitter Update di 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


***







Ada 17 komentar untuk artikel Membuat/Menambahkan Widget Twitter Update di Blog

Pulauweb Web Hosting Murah Indonesia on Minggu, 16 Oktober 2011 02.05.00 WIB mengatakan...

yes jadi tahu neh nambah di wigget blogspot

www.wahyu-winoto.com on Senin, 17 Oktober 2011 14.18.00 WIB mengatakan...

@ dutaabadi : hehehe... selamat mencoba mas...

Toro-Arts Gallery on Minggu, 06 November 2011 13.22.00 WIB mengatakan...

thank tutornya ..

fitrinovianti on Minggu, 04 Desember 2011 10.55.00 WIB mengatakan...

trima kasih yaa :) kunjungi juga blog saya http://http://fitrinovianti95.blogspot.com :)

Haniiaa on Minggu, 11 Desember 2011 05.35.00 WIB mengatakan...

terima kasih infonya :)

fajri on Jumat, 16 Desember 2011 06.01.00 WIB mengatakan...

yeaah.. mantap.. udh jdi sob

follback aku yea genk
http://catawiuir.blogspot.com

Poppy Triana Putri on Jumat, 03 Februari 2012 10.42.00 WIB mengatakan...

oke banget om infonya, thanks yak

koncowedangan on Minggu, 19 Februari 2012 13.27.00 WIB mengatakan...

siiiippp bossss lanjutkan !!!!

White Konijn on Sabtu, 25 Februari 2012 13.33.00 WIB mengatakan...

makasih banget infonya yaa, ngebantu banget :)

aa cecep nursamsi on Sabtu, 25 Februari 2012 22.54.00 WIB mengatakan...

thanks
:)

Roni M on Senin, 05 Maret 2012 11.17.00 WIB mengatakan...

Mantab gan... mampir ke http://3ganteung.blogspot.com

Pam2cuap on Sabtu, 10 Maret 2012 23.09.00 WIB mengatakan...

waah, terimakasih banyak

Nitha Vinueriva on Rabu, 25 April 2012 17.38.00 WIB mengatakan...

thx..

Laboratorium Bahasa Mediatek on Selasa, 01 Mei 2012 11.19.00 WIB mengatakan...

Thanks U aq sudah berhasil Bikin
Kapan2 mampir ke blog kami ya
http://labbahasamediatek.blogspot.com/

Bappeda Kota Tomohon on Selasa, 01 Mei 2012 23.00.00 WIB mengatakan...

mantap,...makase bos....sukses selalu

404 Not Found on Kamis, 03 Mei 2012 14.37.00 WIB mengatakan...

bingung euy !!

Tips Blogspot on Selasa, 14 Agustus 2012 08.59.00 WIB mengatakan...

pengaturan widget sudah ku coba berhasil, thanks for share


Posting Komentar

 


garis hitam panjang
garis hitam panjang