Sabtu, 07 April 2012


Cara Memasang Widget Twitter di BLog

Bagi seorang blogger, situs sosial media seperti facebook dan twitter, merupakan media yang sangat baik untuk mempromosikan contents blognya saat ini. Semakin aktif dan banyak teman atau follower Anda di kedua social media ini, maka akan semakin baik buat blog Anda. Kenapa? karena teman dan follower itu bisa dikonversi menjadi traffik.

Salah satu cara untuk mendapatkan follower atau teman di twitter ataupun facebook adalah: dengan memasang widget kedua sosial media tersebut di blog Anda. Harapannya, dengan melihat widget tersebut, pengunjung blog anda akan tertarik untuk memfollow Anda.

Nah, bagaimana cara memasang widget twitter di blog? Bagi yang sudah lama berkecimpung didunia blog, tentu ini bukan masalah. Tapi bagaimana dgn yang masih baru atau istilahnya newbie? Tenang, saya akan tunjukkan caranya. Untuk yang widget facebook akan saya bahas pada postingan berikutnya ya!  Happy

Oke! Pertama, login ke account twitter Anda. Setelah berhasil login, pilih menu setting dan masuk pada halaman Profile.
Setelah masuk halaman profile, perhatikan pada bagian pengisian alamat web atau blog. Persis dibagian bawah kotak pengisian alamat web, ada tulisan “(You can also add Twitter to your site here)”. Nah, klik pada tulisan tersebut! maka akan muncul halaman seperti di bawah ini.
twitter-profile-widget
Selanjutnya pilih pada menu “My Website” dan “Profile Widget”, seperti pada gambar di atas. Setelah mengklik profile widget, Anda akan dibawa masuk ke halaman “Customize Your Profile Widget” (pengaturan widget).
customize-twitter-widget
Pada halalaman Customize widget, ada beberapa variabel yang bisa kita atur sendiri, diantaranya warna dan ukuran (sesuaikan dengan blog Anda). Kalau sudah, silahkan klik “Test settings” untuk melihat preview-nya. Jika yakin settingan Anda sudah benar dan sesuai dgn yang diinginkan, maka silahkan klik tombol “Finish & Grab Code”. Anda akan melihat halaman seperti dibawah ini. 
twitter-widget
Selanjutnya Anda akan disuguhi dua pilihan cara pemasangan widget ke blog Anda. Pertama, bisa copy langsung kode atau script widget-nya dan pasang sendiri di blog Anda. Kedua, Anda bisa pilih tombol “Add to Blogger”, dan script widget-nya akan langsung terpasang ke blog Anda. Setelah itu, Anda hanya perlu mengatur letak dari widget tersebut, mau ditempatkan di sidebar, footer, header, atau dibawah posting.





























Diposting oleh di 1 komentar:

Belajar Javascript: Membuat Ucapan Selamat Datang dan Selamat Tinggal Pada Halaman Web

21 Feb
 
 
 
 
 
 
4 Votes
Beberapa hari yang lalu saat pulang kuliah, salah seorang teman kos saya menanyakan “cara membuat ucapan selamat datang pada saat halaman web dibuka disertai ucapan selamat tinggal pada saat halaman ditutup”. Ia melihat hal tersebut pada halaman friendster temannya.
Spontan aku menawarkan diri untuk membantu… dan tak sampai tiga menit jadilah script sederhana ini.
<html>
<head>
<title>Welcome and Goodbye by Jack</title>
<script language=”javascript”>
function welcome()
{
alert(“Jack says: Welcome to my page!”);
}
function goodbye()
{
alert(“Jack says: Thank you for visiting my page”);
}
</script>
</head>
<body onLoad=welcome() onUnload=goodbye()>
<center><h1>Javascript is easy and Fun!<h1></center>
</body>
</html>
Pada script di atas, kita menggunakan dua buah function pada javascript, yaitu welcome() dan goodbye() yang masing-masing berisi pesan peringatan (alert). Untuk menampilkannya, kita menggunakan dua buah atribut pada tag body, yaitu onLoad dan onUnload. Fungsi dari onLoad adalah untuk menjalankan script pada saat halaman web dimuat (onload), sedangkan onUnload akan dijalankan pada saat halaman web ditutup (onunload).
Hasilnya???
Saat dibuka…
jswelcome
Saat ditutup…
jsgoodbye
Script di atas dapat ditambahkan pada halaman web Anda. Teman Anda yang tidak tahu bisa jadi iri nih, hehe… script di atas juga dapat dikembangkan menjadi lebih baik lagi…. dan ingat: copy paste sertakan sumber.
Sederhana bukan??
Selamat mencoba..
Diposting oleh di Tidak ada komentar:

Widget Recent Comment ( Komentar Terbaru) dengan Java Script

Widget Recent Comment ( Komentar Terbaru) dengan Java Script

Recent Comment ( Komentar Terbaru)
Kali ini saya membahas mengenai recent comment atau komentar terakhir. Recent comment sangat penting dan menjadi salah satu favorit widget di sidebar. Ketika pengunjung melihat orang lain berkomentar untuk Anda, bisa jadi ia sangat tertarik, akibatnya ia akan ikut nimbrung berkomentar. Dulu saya pernah posting soal cara membuat recent comment dengan mudah lewat blogger. Kotak komentar menggunakan fasilitas bawaan blogger memang simpel dan mudah tetapi update nya lama. Ketika telah ada beberapa komentar baru masuk memerlukan waktu cukup lama untk menampilkannya di widget komentar terbaru tersebut. Nah, sedangkan alternatifnya adalah membuat kotak komentar menggunakan gadget HTML yang Anda isi dengan script berikut ini, update terbukti lebih cepat...


<script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Caranya:
1. Login ke blogger
2. Tata Letak -> Elemen Halaman
3. Add Gadget
4. HTML/Java Script
5. Isikan kode tersebut

Keterangan:
numcomments: jumlah koment terakhir yg ditampilkan
showcommentdate: false menunjukkan tanggal tidak ditampilkan, jika ingin menampilkan ganti dengan true
showcommenttitle: true menunjukkan judul artikel ditampilkan, ganti false jika tidak ingin menampilkan.
Numchars: Maksimal karakter yang tampil pada setiap list coment terakhir
Yang berwarna kuning terakhir ganti dengan URL blog Anda...

Fungsi recent comment ini sangat cepat update, jika ada komentar terbaru, lakukan refresh dan sudah otomatis tampil....
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)