Saturday, 3 August 2013

Cara Membuat & Memasang Burung Twitter Terbang Di Blog

Cara Membuat & Memasang Widget Burung Twitter Terbang Di Blogger-Sahabat Blogger pasti pernah melihat Widget Twitter yang terbang ( floating ) di blog . widget burung terbang twitter ini ketika di scroll ke bawah nantinya burung twitter akan turun ke bawah , begitu juga sebaliknya ketika anda mengscroll ke atas burung twitter ini nantinya juga akan ikut naik ke atas . intinya widget burung twitter terbang ini akan mengikuti kemanapaun anda mengegerakan cursor , mouse / pointer . Twitter merupakan layanan jejaring sangat familiar kedua setelah facebook .

Cara Membuat Dan Memasang Widget Burung Twiiter Terbang Di BLOG


Tidak ada salahnya jika anda  Memasang Widget Burung Twitter Terbang Di Blog. selain untuk mempercantik tampilan blog Cara Membuat & Memasang Burung Twitter Terbang Di Blog juga dapat menambah Follower twitter anda. Berikut Cara Membuat & Memasang Burung Twitter Terbang Di Blog . perhatikan langkah-langkahnya di bawah ini :

1. Masuk ke akun Blogger anda
2. Cari menu Tata Letak .

Tata Letak

3. Add Gatget atau Tambahkan Widget
4. Kemudian Klik dan Pilih HTML/Java Script

HTML/Java Script

5. Copas ( salin dan tempel ) kode di bawah ini di dalam HTML/Java Script tersebut

<!-- floating twitter Bird ahmadsuyadi.blogspot.com -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCylpr9xX8XUm92Ozg1uoCugxCpx96970uGTrfbzJ1eJRlJgPZ-DqB0sfnRcm2dlejvF8Bshz_itt6pRKSVBTSKWAUzOjMKAuhnNFssDDPqpusr7HmrssWz3REyvJaqHwJg3YpG7q0n8/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/Ahmadsuyadi97";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

keterangan :
Ganti kode "http://twitter.com/Ahmadsuyadi97 " dengan Url akun Twitter anda.
Jika anda ingin merubah warna pada burung twitter di atas maka ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYCylpr9xX8XUm92Ozg1uoCugxCpx96970uGTrfbzJ1eJRlJgPZ-DqB0sfnRcm2dlejvF8Bshz_itt6pRKSVBTSKWAUzOjMKAuhnNFssDDPqpusr7HmrssWz3REyvJaqHwJg3YpG7q0n8/s1600/burung+twitter+terbang.png dengan kode di bawah ini:

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsM93QGgBDw1JKoEA2gGHOxi8jaTqGC7TaMfeqfIU3s5IIB_Q1D2FQzT4anXjcxwrENuoUjMJge38-ro4u5LD_CU99nbh3hgqXPpIMllgu8TonUiGeXPhy2Mcq_4rEFQneCfTlmEO6Bts/s1600/black+bird.png


Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfx8woPNLbYxYrYobarnn_401yPsR7eaKyyE-LN8SH2LYy8gvSTGzC8YISrlAnFZ4j0Yuj6JpPklIfwQQePVv4XdJMPX6w5N9SBErSGXoxGch3zYRy1lyPxQEpcJCMLO5fOaIZp6W6F-Y/s1600/red+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-qWqpexjYte1i7y8HxeYwS-fYHWitBjwoRI96sE5E9XSwagKdeb8pZhdCtsd6IF_fWvy_A58b2c9jf0iZCdyk2VpkpfCMC0s81ZYgTxQwl8mrjLRpRt_FM9Gd1cVs8RkwXBNSEYiv83E/s1600/white+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7SKGlwzD_44uXOaGBsYsfaPr7dYiGJSTjSSzGLlHlCFt5P9mzYvmNqWT1GhkeqR1YrGJhuzO3d_MfuM4xgR9MxtWwfNus-L8iIj8ajUkIZ7xA35WznaR4jTd7Mm_Kh70bJ_nZLvvRcOc/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie_16cg-rHNOR5pjUZbnGzX7thY4ItQSf5WmIhf1Tt1tL1xgJVbrK60r_UIq14icV6Ij1NnSWDKBV3D0nyu16pWXu0vBlEPdgcJ38XtoMhY8Y7bmj3Z8uydpCyYXBusAOUB7doAmun2T4/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3EWC1_p4Xo6UBFNXe9f0TauJgHt68-AMEmHDCjyuFvehur3RQEHpuZg0aT2Y7gvbJlMiVhi3pgjlA4UC7qgpgVHJRO0Gz0SR4zXfVZsoHKWQ77KiiYhvpZjitZ6m8q2YFco3Gg5gd0qA/s1600/purple+bird.png

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDlp34_EpD_19GjXRQzoxc3kWboCciVuXZFEUKtMxxV9n7Jcv2M-Hj_S4VPF0KKVbcvES2s8kULy5bE8YLm1fK3MCErStp-mh2l0uQfi8X-BSoN4o9qlsbykqvmoJ6mw_l83GofFu7Rvw/s1600/yellow+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigt4ltljU5NnBHVO45DDu6rqUSRkyfw_DJnCQTFO2lmeIkAX4sImG5xJSVjMntKuEVIsQsNQssdxKriKMWMWcoLlVl-j4E_RAk_rqK1aagMbqbhNXEeR93EjeKPjNn3I43EPZyiNSHAQM/s1600/Blue+bird.png

6. Simpan Dan Lihat hasil perubahanya .

Demikian artikel Cara Membuat & Memasang Burung Twitter Terbang Di Blog semoga bermanfaat bagi anda , apabila dalam turitorial Cara Membuat & Memasang Burung Twitter Terbang Di Blog anda mengalami kendala silahkan bertanya di kotak komentar saya.

No comments:

Post a Comment