Animasi Follow / Add Jejaring Sosial di Blog

Jejaring Sosial semacam facebook atau Twiteer begitu popular saat ini. Hampir semua pengguna internet memunyai account di situs jejaring sosial tersebut. Seperti halnya pengguna blog sering menggunakan situs jejaring sosial tersebut sebagai sarana link untuk share artikel atau mempermudah pembaca dalam menanggapi posting. Tetapi ada juga yang hanya untuk pengait antar halaman antara blog dan situs jejaring siosial ( Fb - Tweet ). Kesempatan ini ada request mengenai mengaitkan blog dan fb / Tweet, sebenarnya pernah saya posting masalah tersebut tetapi share ini lebih bervariasi karena ada 8 pilihan gambar objek yang bisa diguakan.

1. Pilihan Gambar
• Bird Sprite

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgz2R2fJ5ThW35-4K_UY5_zILsjI_6aZ-ER8YvDWFGgpT6mDIKyy8IKOK2Sn82HdxXiFWndRDIFp8mEtRaHWOFNvu8gdXwslNs0SBcZ4kL0H0MiExbU5c6jtc4Vecvd55VZN2Q8LcGQdI/s1600/birdsprite.png

• Santa Bird

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1N2ectUB_q-_220hORswUQ94y1axP3zCaYZ9sfRuDi_Cy_yvmYTdtjBYm5pMGnt6CzbQ6WyAQ89RAO9WEqrn4M1p-Y_jirut0omZ4YVPGpd12ds8JOfs052sFdaeXAo-m5_Q5L_5D9Jw/s800/MonozCore.blogspot.com_SantaBirdTwitter.png

• Stickman

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWOGg70Ul-di2Dc5o-XHYbDpr9HKn041ppxgFPcPAOQpD-RYAVqH8W8ueY7IGBqL2xm93P5rncJoE5A4lMavgoXihfZJwoipMNMK1gerl0iexqC_t3Iimufo4RDQB5XiGdvyScF7ceIE/s1600/birdsprite_MonozCore_Stickman.png

• Star Scream

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB0y17_-pswh3zovlPm8Np5VNU5CCaQkTVzi9Ap9ZJ_yhBq3C1mzqVhFQZvRficXQprhxhH5nAR9cQds4hznz4aHKS1xlCUMFW4sW8SpmuoefABnGF2QWyYvT6Oi9xIKqLS0Wt2ljuJ4E/s1600/StarScream.png

• Bat

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZhHMzjJ3boppFnSs-ow9NCrMp7MKZ_kEVPDh-KEbH7qgUCwPUe6KlPJa_20LlcQG1PZ8XXZAMCGJNb_ka5ELk0l5kfZgyMaOeb_uC4cQL_dG_iwDcz5jqjYxXZcS7NqwPMCCCra1TQA/s800/MonozCore.blogspot.com_BatTwitter.png

• Dragon

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5RGEifUT1IO8SfQIanhnakMsD6gQ_A1TN_Jn3xCIHTAIuxdS7ZD24LPPEIa4fojyn9vesf-iMXQPh0ZqLiCuBm-bZeHMzbmr6_tFxuOK3bYpGM6J8ujMTBY5ImYrMq1-ifbf-QQVhitU/s800/MonozCore.blogspot.com_Dragon_Twitter.png

• Dragon Ball Z

URL Gambar	https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWcsPiVbjF-RzA8ekubTZlCHEOZSQ4kP1CwLqvShyphenhyphenp3DV1Faw__Hvjgm5AebsOqBaaQog1QY5p__0IT26y4IuspDSPJzH_JZeFfNetSbShEe79djmE4fCmyfpSdC7JdCWdxTn0MZKJtU/s800/MonozCore.blogspot.com_DBZ_Twitter.png

• Drakulla

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

2. Scrip


<script type="text/javascript" src=" http://ariskurniawan.googlecode.com/files/follwer_Add.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5RGEifUT1IO8SfQIanhnakMsD6gQ_A1TN_Jn3xCIHTAIuxdS7ZD24LPPEIa4fojyn9vesf-iMXQPh0ZqLiCuBm-bZeHMzbmr6_tFxuOK3bYpGM6J8ujMTBY5ImYrMq1-ifbf-QQVhitU/s800/MonozCore.blogspot.com_Dragon_Twitter.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://www.facebook.com/koernyawan";var tweetThisText = "Follow";tripleflapInit();</script>



3. Petunjuk Penerapan
• Copy Scrip pada point 2
• Pilih gambar yang akan digunakan dengan copy URL Gambar pada Point 1
  Ganti scrip berwarna biru dengan URL Gambar

---

• Masuk ke Blog
• Menuju ke menu Tata Letak
• Tambah gadget - HTML/CSS
• Terapkan script tadi
4. Contoh Penerapan
DEMO

Semoga berhasil,