Dengan memasang widget burung twitter melayang di blog tentunya akan membuat blog anda semakin menarik. Tampilan dari burung seperti di twitter ini yang jelas burungnya akan terbang kesana-kemari di halaman blog. Sebenarnya pembahasan tentang memasang tutorial ini kayaknya sudah lama dishare oleh blogger lainnya, namun untuk memperbanyak konten Blog Rudy Hartono akan dishare lagi. Ok lanjut dengan bagaimana cara membuat burung twitter melayang di blog?
1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukkan kode animasi burung twitter kedalam HTML/JavaScript
<script type="text/javascript" src="https://sites.google.com/site/blogrudyhartono/js/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="isi dengan kode gambar burung twitter disini";
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 - UserID";
tripleflapInit();
</script>
Keterangan
1. Silakan ganti tulisan isi dengan kode gambar burung twitter disini dengan kode gambar burung twitter
2. Ganti AkunTwitterAnda dengan nama akun anda
Ini ada beberapa gambar warna burung twitter, silahkan dipilih yang cocok dengan warna blog anda dan silahkan masukkan ke teks warna merah diatas
1. Burung Twitter Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXwWQAO3Z64xWdGrBD6qKgd0jw2ZssPUG1iFRX9ll0OihQkM_ltNHO_-lUcu9WHCcCbTRJZUlMl_W67Aita4gjjkUUyuqoqQxRZPXviLu5GviWZwXUwR6UrYSbHcyg8g699LV2B2pq7rg/s1600/brown+bird.png
2. Burung Twitter Warna Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XrJNsfPQOhcGWxKXalC9mntyDMiu5MyY3DAHFDE2lCUfEHLZiTYn8A-L79QcfdcLY5oBkUtLTfb_aXE0eQ4jSZWvK-59XR3C6eun2wurEFXvcvJVkfgVTSYyP50pvY2oHKaS7SIUnNQ/s1600/yellow+bird.png
3. Burung Twitter Warna Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9L_EqDlZx1ACr5yCtv9Cke2B3QW5oAccueci_PfObio7mPrD8IhSjjIusniE6dA7tSCKJzglRZ66FmkwZBuREiddcxQf71YX-FJJoJnAg2zksjB2UK52ZsB3fEsXd6xbXxv1G05EUNA/s1600/Green+bird.png
4. Burung Twitter Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixFtAviJK-2TJOPRKh70NiqZOJdhpcv57W1DgIVBtUP72-6Sq0Imn0KNXbOJpajiibOCxnhBwbf3TS6YB-eHN1T1mdRByf48ZlsUGsUJjmeq9tHgZOlhqDd_mu3-fRmVz0LstWaZCBYYw/s1600/purple+bird.png
5. Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgof-KRJtjMTlyhTYgmq4piBXO44yh4ySopqbTkyYooZTsZEnFGvuePeZ6K691BcbLKpBcE4DJTRMy9G6DhL0y_j38STBkCmF7vS-8T-YYaM66IgefwTRlrn72R-rE4FPWNWbQMqk8DNlU/s1600/red+bird.png
6. Burung Twitter Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkIksGQtoA4IRGEYBhWKW4Ip-fM3mx3O2ZM1GBzAJclgMls52yIc4JOQnECLqxfBKww2HSD58atjEELbJv-8ilSfM5OVx1n_5Lm6baCMbwe7GcP3gEGeUwH8FpV2uWyMQBrtfrgiWqr-w/s1600/black+bird.png
7. Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9L3Za2JuCF-UXKShR-tUcbxDVhGaByiVTu1rsSpt5cSY6RMdxbWCqIkJozOevbE0LXu9HrHfHHsOWh7B9F8enDhVZYIZnRRB5-KpFsCZ7UaimIRP98-OV_zeGfviqPePkxJHkGd8RO_o/s1600/white+bird.png
8. Burung Twitter Warna Warni ke 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3ehZ5FIvDMxYA-bncikJy1MCM5DwcSzGmOYj_YR3OilERMInm9Oaho_ODYh64ttv8vHVD7qytpTeT9jSPwnf1G8B4GibugvH7cBoj0yHIcVDwCKDPYXMdGovwzu-L7iz0ki66szfOFc/s1600/twitter+bird+unik.png
9. Burung Twitter Warna Warni ke 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA669yfLkzIHzjtPdpC_hH_wkvhalZVhbkeDh48OBMg72Fuohy0g-887oysZQvDgIEHNHgx_BtLk5jVHETE36NK_94Wz8jytG5nfvQEPaIcrjxRIO-T0j1TKUMb9XCYVKSNJuQ9X9n9xM/s1600/twitter-b22ird-unik.gif
Nah sekian postingan mengenai memasang widget burung twitter melayang di blog anda, semoga bermanfaat, happy blogging.
by : teknik-blog-tutorial.blogspot
0 komentar:
Post a Comment