Membuat Widget Icon Facebook, Twitter & RSS Feed Untuk Blog

Bagi yang ingin membuat widget icon facebook, twitter dan RSS Feed dengan tampilan 3D seperti ini :



Berikut cara pembuatannya widget tersebut :

1. Masuk ke akun blog Anda.
2. Pilih Tata Letak / Layout
3. Pilih Tambah Gadget/Add Gadget lalu pilih HTML/Javascript
4. Masukan kode dibawah ini pada HTML/Javascript

<a href=http://www.facebook.com/URL FACEBOOK KAMU onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQn0JIolNpgmuf7NXjfZFr26yVnL5GT9cDUobOsixJxc6Y5GlPca03PloqhQnydyxQgrhyphenhyphenSwI8CvvCeTzI-TWvZ1DJz5ysZI7cCVSnw4MWbJ84tYDfvCKrexVOQVy5V9BszEZa2kVnOirM/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0RFvTz37ZT-_bGZFB4kcOWbY-1o7pj0xhG3HDO00huTSep68X-KqgiuNVhKPa3lnNacATFV0gCtgIAUpxNklate4uyqlFBC92v3mqGkc1skolXFPdXxFO7IEc58vkdHSGINf5SMXqlr-/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0RFvTz37ZT-_bGZFB4kcOWbY-1o7pj0xhG3HDO00huTSep68X-KqgiuNVhKPa3lnNacATFV0gCtgIAUpxNklate4uyqlFBC92v3mqGkc1skolXFPdXxFO7IEc58vkdHSGINf5SMXqlr-/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/URL TWITTER KAMU onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSKLLP0j0Uf2Puh6KP4ymC_Fr0IcheZUO77Ux68VAruU1M6dzzUFBOUAAPEmkk_4qRYq5nI1nPf54Ex-zWw38b5HlJqGA_QR8jlMjawDNeXjEPqeUkBTYt_77Yp6vfsTOvH3rHmGHF6ZE/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpgJ6LcCxSGpqviQploaeLNrnLGnWZJ4_YBHXIg8XRy1rAuh1ZRhAZB9205gxb7X8gdVPI-dZJDSjfOPW2bBonHYBuGXq9xMmv7pLRyzllNOR3mfDpJjj6AiUblsFScjTJ5_S3TEef3iJ/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpgJ6LcCxSGpqviQploaeLNrnLGnWZJ4_YBHXIg8XRy1rAuh1ZRhAZB9205gxb7X8gdVPI-dZJDSjfOPW2bBonHYBuGXq9xMmv7pLRyzllNOR3mfDpJjj6AiUblsFScjTJ5_S3TEef3iJ/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/URL FEED SITUS BLOG KAMU onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6UnzcP_3RK-X0GbsW-8Yijtv-Q0L7kc5QhmIorpXtdTR_S01k6eeLdEe2otuWSTYITS6nBfD43MIfWfnEm5mLMeAjqffGK-lIOsCNsiZVcHFoEwN7Bn_0bbIGamShhrefuQASq-gIl5Nt/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ96wcrItSqM72wIEqb_ecPC-FdRQ9XFBiyAF9oujOWmr5PYeqEyFclY7yTw_LhI4AlCMi6AOnQ7kICpcVNuPMBb2AG-WCIRrJDg0fYcXCZ5-aexjewWXXNBeuKiMifdGtZN1h5-T1HaOR/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ96wcrItSqM72wIEqb_ecPC-FdRQ9XFBiyAF9oujOWmr5PYeqEyFclY7yTw_LhI4AlCMi6AOnQ7kICpcVNuPMBb2AG-WCIRrJDg0fYcXCZ5-aexjewWXXNBeuKiMifdGtZN1h5-T1HaOR/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://vianjb.blogspot.com/2011/05/cara-membuat-icon-facebooktwitter-dan.html" target="_blank"><small>Blog Gadgets</small></a>


** Ganti kata kode berwarna merah  menjadi url kamu , CONTOH : http://www.facebook.com/vianjb
dan seterusnya


5. Klik Simpan, selesai

No comments:

Post a Comment