Saturday, July 21, 2012

Widget Blog Burung Terbang Twitter

By Sriudin sahrudin   Posted at  7:15 AM   Blogger No comments


Siapa sich... yang ga kenal sama "twitter" ??? Pada kesempatan kali saya mencoba untuk membuat postingan artikel tentang animasi burung terbang twitter. Buat temen - temen yang lagi suka nge-blog widget ini wajib untuk di pasang di blog-nya. Sedikit me-review tentang twitter supaya bagi - bagi ilmunya ga tanggung - tanggung. Itulah nilai plusnya blog ini ga cuma copy - paste doank....hehehe :) jadi promosi dech....maksud saya dari sekian banyak blog yang ngasih informasi tentang widget rata - rata hampir 90% artikelnya copy - paste doank yang fungsinya cuma buat nyari dollar ama popularitas blognya termasuk saya ...hehehe... setidaknya saya masih punya nilai plus-lah. Ok back to topic.
Seperti yang sudah saya singgung "twitter" kalo dalam bahasa burung berarti berkicau dan apabila burung berkicau biasanya kalo dalam spesies yang sama saling bersahutan. Nah twitter.com mengambil konsep yang sama seperti burung dengan membuat sistem jaringan sosial yang bisa saling berkicauan atau sahut - menyahut secara global melalui internet. Hebat kan... kalo twitter mania sudah mempunyai high rank di dunia jagat maya, sekali twitt bisa dapet jutaan follower dan itu berarti uang...uang...uang koq bisa ??? ya bisa lah itulah mengapa saya bilang mengapa blog ini bernilai plus ++ Lebih lengkapnya silakan follow link ini [klik disini].
Twitter merupakan salah satu situs jejaring sosial yang terkenal diantara para blogger dan netter. Widget untuk twitter ada banyak jenisnya dan kebanyakan dalam bentuk icon dan tombol yang bentuknya statis artinya hanya terpaku pada satu lokasi. Sekarang pada kesempatan kali ini saya mencoba memberikan informasi tentang salah satu widget twitter yang dinamis. Kalo widget ini di pasang di blog nya sobat pasti akan menambah daya tarik pengunjung yang sedang blog surfing di blognya sobat.
Widget ini berbasis plugin javascript yang akan menampilkan animasi burung twitter yang sedang terbang dan hinggap di area yang terlihat di monitor. Ketika cursor pengunjung mengenai burung twitter ini maka akan memunculkan teks "Follow Me" dan menampilkan link ke twitter sobat.
Pada postingan ini saya akan memberikan 2 Opsi penempatan animasi burung twitter yaitu sobat boleh menempatkan pada halaman utama saja atau pada semua halaman. Untuk mengetahui lebih lanjut kode xml tentang penempatan halaman pada blogspot silakan sobat baca artikelnya [klik disini].

Menampilkan Widget ini Hanya Pada Halaman Utama Saja
  1. Login ke blog anda.
  2. Klik dashboard > design > edit HTML.

  3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
    </body>
  4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".
  5. <b:if cond='data:blog.url == data:blog.homepageUrl'>

    <!-- Twitter Bird Widget for Blogger edited by YusmanKira -->

    <script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'>

    </script>

    <script type='text/javascript'>

    var birdSprite='http://2.bp.blogspot.com/-8OMXyMFgt_U/Tj6zeqBYXgI/AAAAAAAAAGo/9R5OeUN8Gyc/s1600/birdsprite.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 = &quot;http://twitter.com/TwitterKamu&quot;;

    var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;

    tripleflapInit();

    </script>

    <!-- Twitter Bird Widget for Blogger edited by YusmanKira -->

    </b:if>
  6. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
  7. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
  8. Simpan kemudian lihat hasilnya.
Menampilkan Widget ini Pada Semua Halaman
  1. Login ke blog anda.
  2. Klik dashboard > design > edit HTML.

  3. Cari potongan kode xml pada template blog sobat (tekan CTRL + F pada keyboard anda untuk menampilkan kotak pencarian di browser sobat untuk mempercepat pencarian).
    </body>
  4. Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".
  5. <!-- Twitter Bird Widget for Blogger edited by YusmanKira -->

    <script type='text/javascript' src='http://monozcore-project.googlecode.com/files/tripleflap.js'></script>

    <script type='text/javascript'>

    var birdSprite='http://2.bp.blogspot.com/-8OMXyMFgt_U/Tj6zeqBYXgI/AAAAAAAAAGo/9R5OeUN8Gyc/s1600/birdsprite.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/TwitterKamu';

    var tweetThisText = 'Twitter - Twitter kamu https://twitter.com/TwitterKamu/';

    tripleflapInit();</script>

    <!-- Twitter Bird Widget for Blogger edited by YusmanKira -->
  6. Kode yang berwarna biru berguna untuk pilihan animasi. Apabila sobat ingin mengganti animasi dengan Stickman sobat tinggal mengganti kode yang berwarna biru dengan kode untuk animasi Stickman.
  7. Kode yang berwarna hijau merupakan kode untuk alamat akun twitter sobat. Silakan sobat isi sesuai dengan alamat akun twitter sobat. Caranya : ganti kode yang berwarna hijau dengan twitter.com/sobat yang mana sobat adalah alamat username twitter sobat.
  8. Simpan kemudian lihat hasilnya.
Pilihan Animasi
  1. Burung Twitter


    Gunakan Kode :
    http://2.bp.blogspot.com/-8OMXyMFgt_U/Tj6zeqBYXgI/AAAAAAAAAGo/9R5OeUN8Gyc/s1600/birdsprite.png
  2. Stickman Twitter


    Gunakan Kode :
    http://3.bp.blogspot.com/-NAKoyko-svs/Tj7Uc2htyvI/AAAAAAAAAGw/jeN3tnVdZfo/s1600/birdsprite_MonozCore_Stickman.png
  3. Star Scream Twitter

    Gunakan Kode :
    http://3.bp.blogspot.com/-1dG05Y_qH3g/Tkq6eVlW5XI/AAAAAAAAAKY/HNy-cLcFGgc/s1600/StarScream.png
  4. Bat Twitter

    Gunakan Kode :
    https://lh5.googleusercontent.com/-EnXkKay4ZWE/TlUem7_IG5I/AAAAAAAAAOk/rfRBs4panss/s800/MonozCore.blogspot.com_BatTwitter.png
  5. SantaBird Twitter

    Gunakan Kode :
    https://lh6.googleusercontent.com/-hWgSLV-IZFE/TlU7h7lt9SI/AAAAAAAAAOw/DsMxhHAdeIU/s800/MonozCore.blogspot.com_SantaBirdTwitter.png
  6. Dragon Twitter

    Gunakan Kode :
    https://lh5.googleusercontent.com/-FuWkS1def0c/TlZ7Api4tjI/AAAAAAAAAQg/3RFLnfqHpiE/s800/MonozCore.blogspot.com_Dragon_Twitter.png
  7. DBZ Twitter

    Gunakan Kode :
    https://lh6.googleusercontent.com/-OG97ysrMZHc/TlZ1Agdp08I/AAAAAAAAAQY/0GbYuQmaFDM/s800/MonozCore.blogspot.com_DBZ_Twitter.png
  8. Dracula Twitter

    Gunakan Kode :
    https://lh6.googleusercontent.com/-FPaxJ9tqw5s/Tv8FNwjXEoI/AAAAAAAAAsM/Dl163KLaang/s800/Drakula.png
Bagi yang ingin memberikan saran, kritik dan komentarnya saya persilakan, ga perlu malu sebab saya sudah siapkan kolom khusus di bawah postingan ini.

:: Semoga Bermanfaat ::

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.