Jumat, 09 November 2012

Widget Animasi Terbang di Blog


apa kabar Sobat Smiler,,,,,,??


kali ini saya akan memberikan tips animasi terbang di blog,
semua ini berkaitan dengan Twitter, siapa sh yang nggak tau twitter,,,

jadi animasi ini akan naik turun/terbang di blog Sobat, dan jika animasi ini di klik , maka akan menghubungkan ke akun twitter Sobat, 

langsung saja ya,,,,,,,,,,,,,,,,,

ada 2 pilihan dalam membuat animasi ini ;

1. Menampilkan Widget ini Hanya Pada Halaman Utama Saja


  • Login ke blog anda.
  • Klik dashboard > design > edit HTML.



  • 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>


  • Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".

<b:if cond='data:blog.url == data:blog.homepageUrl'>

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

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

</script>

<script type='text/javascript'>

var birdSprite='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CffKX7IFsPSuRZE13PwYO_x7X6WUrD5dMYD6rcf-EZfF05ijeB7LqTwTAUznz6rH58nz4Tl5CBSwn9fcEu7Su-5AjSQRsB5n_kIwnKnIzKR6rUZDyM96DjsA1w_oZI9qhVs9ou1f0kg/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 MonozCore -->

</b:if>


  • 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.
  • Kode yang berwarna merah 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.
  • Simpan kemudian lihat hasilnya.

2. Menampilkan Widget ini Pada Semua Halaman


  • Login ke blog anda.
  • Klik dashboard > design > edit HTML.
  • 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>
  • Copy - Paste kode berikut ini tepat di bawah / di atas kode "</body>".

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

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

<script type='text/javascript'>

var birdSprite='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CffKX7IFsPSuRZE13PwYO_x7X6WUrD5dMYD6rcf-EZfF05ijeB7LqTwTAUznz6rH58nz4Tl5CBSwn9fcEu7Su-5AjSQRsB5n_kIwnKnIzKR6rUZDyM96DjsA1w_oZI9qhVs9ou1f0kg/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 MonozCore -->


  • 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.
  • Kode yang berwarna merah 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.
  • Simpan kemudian lihat hasilnya.
Pilihan Animasi :
  • Burung Twitter
Gunakan Kode :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9CffKX7IFsPSuRZE13PwYO_x7X6WUrD5dMYD6rcf-EZfF05ijeB7LqTwTAUznz6rH58nz4Tl5CBSwn9fcEu7Su-5AjSQRsB5n_kIwnKnIzKR6rUZDyM96DjsA1w_oZI9qhVs9ou1f0kg/s1600/birdsprite.png
  • Stickman Twitter
Gunakan Kode :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6OkbnO7aPnDdUBT7898-vkvxZmJER2I2rYlvLEBQlNx21QnhywbmKOgQLvbqc48Yt14D4rb2CJxtcB4c6yy23UKMnhTWwcs4tHGpNIhmspScweycdkn6xFnMW26DKFfpREZpprPhHkqM/s1600/birdsprite_MonozCore_Stickman.png

  • Bat Twitter
Gunakan Kode :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_S3KsfyiyC8XwoyT8q8AiUrohFMc6FTEPompgSAV023k-eUz65kFYxQ_sPUBjl37heXVgmb5T4zKAvGrVuXyWO2bWe4KffnbkjMatFXeA0vJI0AoJ5q9he5IoaL6ETseBOcxdrJt2OQ/s800/MonozCore.blogspot.com_BatTwitter.png

  • SantaBird Twitter
Gunakan Kode :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUBp5tXNI91fB43HZnV-49soblLvc5CLUivk0FG5nZ1Ex2H5-6oDdtxwEpdMYacbFcLds1fGB7fQ4vtwIgEMuzsdqmvMx8DdC3730I3pmUbAoj5ckd1bdY7WKG1Nb5zgJ9WKUZyTf6lbA/s800/MonozCore.blogspot.com_SantaBirdTwitter.png

  • Dragon Twitter
Gunakan Kode :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL8MPhbGOD5LzyrmdnmxGOFl1JWgK_tvBawAQ78jMtRFu4_y51cXZ5OsqwUbhQ4zcaW3k7u-Rq_twpyXZgoecBY_PoebucxNNU5Sbk0-VPH0F0Zfjeruk5wpgaR9W54LyNCX8OHWobMkc/s800/MonozCore.blogspot.com_Dragon_Twitter.png

  • Dracula Twitter
Gunakan Kode :

https://lh6.googleusercontent.com/-FPaxJ9tqw5s/Tv8FNwjXEoI/AAAAAAAAAsM/Dl163KLaang/s800/Drakula.png

  • Iron Man 2
Gunakan Kode :

https://lh4.googleusercontent.com/-okCXxgpmTYw/TpBw6BBbXHI/AAAAAAAAAXU/tRTo7BoHlcc/s800/MonozCore_blogspot_com_IronMan2.png


semoga bermanfaat buat Sobat semua

sumber

5 komentar: