Showing posts with label Twitter. Show all posts
Showing posts with label Twitter. Show all posts

Cara Membuat Widget Twitter Timeline di Blog


Twitter merupakan salah satu jejaring social yang banyak dipakai oleh para Blogger untuk mempromosikan artikel Blog mereka. Atau mungkin bisa juga dijadikan sebagai identitas seorang Author Blog. Membuat Widget Twitter Timeline untuk dipasang di Blog bisa jadi salah satu cara untuk memperkenalkan identitas author Blog tersebut. Karena dengan adanya widget tersebut, pengunjung bisa lebih mengenal, bisa lebih dekat dengan seorang author Blog.
Cara Membuat Widget Twitter Timeline di Blog, cara membuat widget twitter di blog, membuat widget twitter, cara memasang widget twitter di blog  endolita.blogspot.com
Apa saja fitur yang bisa ditampilkan dari Widget Twitter Timeline tersebut?
  1. Recent Update : menampilkan status update terbaru.
  2. Follow Button : menampilkan follow button agar pengunjung bisa dengan mudah mem-follow akun twitter kita.
  3. Mention: pengunjung dapat mention ke akun twitter kita.
  4. Simple dan tidak memberatkan loading blog
Lihat screenshoot-nya di bawah ini:
 
Lalu bagaimana cara membuatnya? Dan bagaimana cara memasangnya di Blog?

Cara Membuat Widget Twitter Timeline di Blog:
  1. Login ke akun Twitter
  2. Pilih Edit Profile
  3. Pada sidebar sebelah kiri, klik Widgets
  4. Di sebelah kanan atas, klik Create New
  5. Selanjutnya setting konfigurasi widget sesuai dengan yang kita inginkan, saya sarankan agar ukuran height-nya 300px saja agar tidak terlalu memakan banyak tempat di blog kita.
  6. Jika settingan konfigurasi sudah fix, klik tombol Create Widget
  7. Copy script-nya
  8. Kemudian Login ke akun Blogger
  9. Pilih Tata Letak >> Tambah Gadget >> Pilih Html/JavaScript
  10. Paste-kan script Widget tadi
  11. Simpan. Lalu cek di halaman utama untuk memastikan Widget Twitter Timeline nya sudah muncul.
Itulah sekilas pengetahuan saya tentang Cara Membuat dan Memasang Widget Twitter Timeline di Blog. Semoga bermanfaat. Baca juga: Cara Memasang Widget Follow Me On Twitter di Blog. Jika mencari artikel yang serupa silahkan cek di bawah ini:

Cara Memasang Widget Follow Me On Twitter di Blog


Kesuksesan sebuah Blog tidak lepas dari sosial media atau jejaring social yang sudah sedemikian banyaknya muncul di dunia maya. Selain dijadikan untuk sarana mencari relasi atau pertemanan, jejaring social juga sangat penting untuk membangun traffic untuk sebuah website atau blog.
 Cara Memasang Widget Follow Me On Twitter di Blog, cara memasang widget twitter di blog, follow me on twitter di blog, cara pasang twitter di blog, cara mudah pasang widget twitter di blog  endolita.blogspot.com
Kali ini jejaring social yang akan saya bahas adalah Twitter. Saya akan membuat widget twitter yang nantinya bisa dipasang di blog. Fungsinya tentu saja untuk menggaet pengunjung blog agar mem-follow akun Twitter kita. Saya akan memberikan beberapa referensi tampilan widget twitter yang cukup menarik, berikut caranya:

Cara Memasang Widget Follow Me On Twitter di Blog:
  1. Login ke akun Blogger
  2. Pilih Tata Letak >> Tambah Gadget >> Pilih Html/JavaScript
  3. Kemudian copy-paste script Widget Twitter di bawah ini, cari yang cocok untuk dipasang di blog Anda:

  4. Style 1
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 2
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="200" height="160"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="160" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 3
    endolita
    <object data="http://www.buzzbuttons.com/BUTTON13/twitbutton.swf" height="204" type="application/x-shockwave-flash" width="218"><param name="movie" value="http://www.buzzbuttons.com/BUTTON13/twitbutton.swf"></param>
    <param name="allowscriptaccess" value="always"></param>
    <param name="menu" value="false"></param>
    <param name="wmode" value="transparent"></param>
    <param name="flashvars" value="username=kodokmainstream"></param>
    <a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON13/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="218" height="204" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 4
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" width="360" height="160"><param name="movie" value="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON6/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="360" height="160" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 5
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" width="200" height="200"><param name="movie" value="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON8/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="200" height="200" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 6
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" width="212" height="235"><param name="movie" value="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON7/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="212" height="235" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 7
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" width="182" height="202"><param name="movie" value="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON12/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="182" height="202" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 8
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" width="181" height="181"><param name="movie" value="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON4/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="181" height="181" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 9
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf" width="224" height="112"><param name="movie" value="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON1/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="224" height="112" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
    Style 10
    endolita
    <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf" width="194" height="97"><param name="movie" value="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=kodokmainstream"></param><a href="http://endolita.blogspot.com" title="endolita">endolita</a><embed src="http://www.buzzbuttons.com/BUTTON2/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="194" height="97" menu="false" wmode="transparent" flashvars="username=kodokmainstream"></embed></object>
  5. Setelah memilih salah satu dari widget di atas, Simpan Template. Cek tampilannya di halaman utama blog untuk memastikan widget Twitter yang dipilih sudah muncul
Catatan:
  • Ganti tulisan yang berwarna Biru dengan nama akun Twitter Anda
  • Ganti tulisan yang berwarna Merah dengan lebar dan tinggi widget yang diinginkan
  • Ganti tulisan berwarna Hijau dengan Alamat URL dan nama blog Anda
Itulah sekilas pengalaman saya tentang Cara Memasang Widget Follow Me On Twitter di Blog. Semoga bermanfaat. Jika mencari artikel yang serupa silahkan cek langsung di bawah ini:

Cara Memasang Burung Twitter Terbang di Blog


Ini adalah salah satu trik untuk menghias blog Anda agar tampilannya terlihat lebih hidup. Bagaimana Cara Memasang Burung Twitter Terbang di Blog? Langsung saja kita budal-badel caranya :
 Cara Memasang Burung Twitter Terbang di Blog  endolita.blogspot.com
Cara Memasang Burung Twitter Terbang di Blog
1. Login ke akun Blogger
2. Pilih Tata Letak >> Klik Tambah Gadget >> Pilih HTML/Javascript

Masukkan Script berikut ke elemen HTML/Javascript tsb:

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lD-vyl_SUGsgrTVV18Vm5UrL79AfDBNPnBcarHoCVdUR66vS-TyMoIbJDW7W9GgX3cmUZtydfVxXjkm4a8TZe-tj94dXUf47PkMlJFZxOx-BWmKvuRo-naRbGd-8tvJo_mVKyT7ggms/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Imelda11";
var tweetThisText = "Twitter - UserID http://endolita.blogspot.com/";
tripleflapInit();
</script>
3. Klik save / simpan.

Catatan:
Ganti tulisan yang berwarna Biru dengan alamat twitter Anda.
Ganti tulisan yang berwarna Merah dengan warna icon twitter kesukaan Anda.
Ganti tulisan berwarna Pink dengan nama web/ blog Anda.

Daftar Warna Burung Twitter
Burung Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwpP5_rimECltddQOVmdAolEntRGFGQoBGmhjPA7jAAura1l4D2YacNLtNIeQtZd2ytBdnTnrUPqts0aHmGCsl2CbN-oVUeB4_6HhL9_f2CY9_aS1TESFyOfEGwWKzhdqCzjoZ-j1IzDc/s1600/yellow+bird.png

Burung Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_CrB6UGjkmlbXhLdqLODuwh-DLlrj4w3m8aouqtihVZ-m98ljFbPLsYu5Tqyos8mBCMwzqiX7rc6YMO6zgct0t7dKlHzy1Zuz47bETMxfcCAu1OFgxseE7Vi52qIHtL6YpSQNRdUVSYg/s1600/black+bird.png

Burung Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivinv0l3SMWkKwK04xUJIGuVgRfX6HCrW-E1gvZDdcjijBmGcBU_umk4V_45eOFxsAj556tlLfMa3P65GSx5F5o6fbk4R5j0rxVvupODKsxz_7MqC8QeA_CxBUIEhb-rmvBqp8ETpOON4/s1600/Blue+bird.png

Burung Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGr81Oc99Pg9qVm4sTAcaJVLY7QJSNeHoEPyu_t-qxgdWpamKytbNpmg-38q43h3_opKphxZrdhAKrqS90YFqXVdKeKGiDgCJEHO0wQgnEyxX7RDqTxZc6ipwr1Sgr8DE-ayjwYn4AJcY/s1600/brown+bird.png

Burung Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUEkJinx0gdASM0BD5hlY_UUA6jk6hXTy3OjXFf1F4VyCq3MKhJcHgT5egkNTxLwtgtRtp01cABe5ILY6XKZjsxra7Ta12MQVGKIUAzzduQwH_EnOEjoAVoacJ9nUgDdXlld_XMplfET0/s1600/Green+bird.png

Burung Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinXpgv9uY2H43JzQ-8xPYy5mtiMIAcnNrS9jTUiQQsSVlZIDsa26LWWPhyogk_dRBd8iP-VzDZ35HYPmPh4ofJPSZIR-P0WHFAx3YXQHp0OTwKTgBBRRxcxyroGMImcAKXTUYD8Zor7N0/s1600/purple+bird.png

Burung Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOdQcxWygeF35kJSfq_CHqGG8BplDHJUu6m3nnXJ4Nly2zi1-bO3nBK8ikZfZlCKSB-FJy6m86GFroOAXCE8XZb13Rf4ZIkljclheb3N4dpz3TPT5aFj50Xb8pc4ni-45LdPbKFsg-6rw/s1600/white+bird.png

Burung Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjcFZG4uy8Ht-GoOyL-WdRKVfXCuMLeIzYemxzXavutD2Z3EqU3hvLkJagsMjsFUKWpUWV51npc47WodkqlH6VOQR8exDEer8lJm5RB1GWrWyoYIQFtwmOSCFRf-cL6-uG_IzNjojJ3LA/s1600/red+bird.png
Cara Memasang Burung Twitter Terbang di Blog  endolita.blogspot.com
Mungkin itulah sekilas tentang Cara Memasang Burung Twitter Terbang di Blog.
Baca juga: Cara Membuat Postingan Blog masuk ke Twitter secara Otomatis