Beberapa waktu yang lalu Tim Java Creativity memperoleh beberapa email dari para pengunjung yang berisi sebuah saran agar Java Creativity memposting artikel yang membahas tentang Blog atau website. Ehhhmmm….saran yang sangat bagus sekali, lagipula agar isi blog ini tidak hanya terfokus pada software saja.
Kali ini kami akan memposting Trik sederhana untuk Blogger yaitu membuat Burung Animasi Twitter yang melayang kesana-kemari, tidak hanya bisa melayang-layang saja, Burung Twitter maksud kami juga akan sangat bermanfaat untuk menarik pengunjung blog sekaligus mencari Follower pada Akun Twitter anda. Nggak percaya?? Apa salahnya di coba...
Siapa tau blognya jadi banyak pengunjung... heee heee hee lumayan bisa jadi terkenal blog kita meskipun ga terlalu beken... lumayan lhoooo...
Lalu bagaimana sih cara pembuatannya? Berikut ini tutorialnya :
* Silahkan anda login dulu ke dalam Blog anda
* Pilih Rancangan >> Elemen Laman >> Tambah Gadget >> pilih Html/ java script
* Masukkan kode berikut :
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgql8IdGy9Gew2VRm-R_q5MzetqoNxmHX377oQkd7KlJ8MXBa8IbkqRVKD8nvnH7nMj6IqQW5jGVW2_lF-3QANpNYxyvgkiHx_vSZarjbUOqJM4_jDinqob7XnvYjM-ri2tX51tYV3Rjb_d/s1600/original.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/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgql8IdGy9Gew2VRm-R_q5MzetqoNxmHX377oQkd7KlJ8MXBa8IbkqRVKD8nvnH7nMj6IqQW5jGVW2_lF-3QANpNYxyvgkiHx_vSZarjbUOqJM4_jDinqob7XnvYjM-ri2tX51tYV3Rjb_d/s1600/original.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/#!/AkunTwitterAnda";var tweetThisText = "Twitter - AkunTwitterAnda http://javacreativity.com/";tripleflapInit();
</script>
* Tampilannya seperti berikut kemudian klik Simpan
* Lihatlah Hasilnya
Keterangan:
Ganti http://twitter.com/#!/ AkunTwitterAnda dengan URL Profil Twitter anda
Ganti http://javacreativity.com/ dengan URL Blog Anda
Ganti AkunTwitterAnda dengan IdTwitter anda
Tambahan:
Warna Burung bisa diganti dengan warna lainnya. Caranya: ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgql8IdGy9Gew2VRm-R_q5MzetqoNxmHX377oQkd7KlJ8MXBa8IbkqRVKD8nvnH7nMj6IqQW5jGVW2_lF-3QANpNYxyvgkiHx_vSZarjbUOqJM4_jDinqob7XnvYjM-ri2tX51tYV3Rjb_d/s1600/original.png dengan kode burung dibawah ini:
Jika ingin Burung Twitternya berwarna Ungu, maka silahkan gunakan kode berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOuUmJcgMq9hg2N7d43sa6ZWdNwg0A1X_cg63loG6n6FSSzD9iaf9ZLXLJyorsJ07DBQMcIpGVj4dBBtz1eduscLYND70TndWyHxDmMNQHLQmMdBHDeOvJeH9IJAnOitO5abR0mDYE0u_/s1600/purple.png
Jika ingin Burung Twitternya berwarna Hijau, maka silahkan gunakan kode berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSJL7DZ5IgZeh3eoGLH6-igepm0x2QoEqgVEE_Q7uefv6InhIRMbIxmDdQbg4q5SLN8BZ5pi3oqmiXun_5w4irOp5BbRYlu7k0xjYeWCDHLVOlqUBFaMRpYzdA2_zIrdWcK64-B3E6_Op/s1600/green.png
Jika ingin Burung Twitternya berwarna Biru, maka silahkan gunakan kode berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZnyuCZl538OTvJmc0ZbV63NMnO1nj_Z8PTH9DwShvVMcppansRCYnz6KI3oa0jf0hA4TJeTGz0LHAAZ32BhWN1_aeQbZ8dF9U8QMFuKvVvYvdN41n5JykGxBUQMJXeaTvfhwqLaTW80b/s1600/blue.png
Jika ingin Burung Twitternya berwarna Pink, maka silahkan gunakan kode berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9q3BAlHbmIzxsQQH7XYAOzmwH69bbHcqXFnu8Dr7nGapDYR_5q01c3YVJ_2pJHTkOcjOYcT00US-t4em56D0UOt6nAIajV5ffoilli4n1Pb6w6LKPtaQileakbhbVgGzT-PNroxLeuQv/s1600/pink.png
Selamat mencoba asik dan lucu..... keren .....Semoga Bermanfaat
Sumber : Tim Java Creativity
Related Post:
Tips Blogspot
- Cara Memasang Tombol Share Facebook, Twitter dan Google+ Di Bawah Judul Artikel
- Membuat Slide Menu horisontal dibawah posting
- Cara Mudah Pasang YM Di Blog
- Cara Pasang Rich Snippet Di Blogspot Dengan Mudah
- Membuat Bounce & Share - Widget Social Bookmarking Blogger
- Mengganti Tulisan Older Post dan Newer Post Dengan Judul Arrtikel
- How to Install Related Posts Widget related links at the side column (OK)
- Cara Menambah Gadget diatas Header
- Hidden Chatbox
- Widget artikel terkait / Related post dgn Scroll
- Code Color
- Edit Lebar Posting Pada Template
- Cara Memasang Button Share Artikel Di Blog
- Top 15 Most Popular Social Bookmarking Websites | August 2012
- Cara Update Blog Ke Webrank Stats
- 5 Tools For Tracking Your Digital PR Campaigns
- Membuat Widget Like Facebook Melayang
- membuat scroll pada artikel terkait / related post
- New WordPress plugin: Tag Pages
- Cara Membuat Artikel Terkait Dengan Gambar
- CARA MENGUKUR KECEPATAN BLOG
- Membuat 3 Kolom Footer
- Kode Warna ( Color Code )
- Membuat Back To Top Button (100% OK)
- Effect Scroll Text pada artikel tertentu
Widget by [ Iptek-4u ]
0 comments:
Post a Comment