Tahukah sobat apa funsi Widget Icon Sosial Network ini ??? Kalo menurut saya Icon sosial network ini bisa untuk lebih memperjelas siapa si author / pemilik blog (ini menurut saya . kalo menurut yang lain apa ? saya juga tidak tahu). Icon Sosial Network ini bisa mempercantik blog sobat , Mengapa ? Karena Icon Sosial Network ini dilengkapi dengan efek Spin (Berputar).
Berikut ini Contoh gambarnya :
Bila disentuh Cursor Akan berubah seperti ini :
Sobat mau membuatnya ?? kalo sobat mau silahkan ikuti langkah-langkahnya berikut ini :
- Login ke blogger Sobat
- Pilih Tata Letak > Tambahkan Gadget
- Letakan kode berikut ini :
<style> p#aiizahh_socialnetworkicon img { /* Social Network Widget By hhttp://bukan-rahasiia.blogspot.com// */ -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; } p#aiizahh_socialnetworkicon img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* Social Network Widget By hhttp://bukan-rahasiia.blogspot.com//*/ </style> <center><p id="aiizahh_socialnetworkicon"> <a href="http://twitter.com/USERNAME"' target='_blank'> <img border="0" src="http://4.bp.blogspot.com/-UHTXhLlnAM4/URV01PYeT8I/AAAAAAAACVY/GNfBcx1tgsY/s000/twitter.png' title='Twitter" /></a> <a href="http://www.facebook.com/USERNAME"' target='_blank'> <img border="0" src="http://1.bp.blogspot.com/-pfdCr67N0vY/URV01_6rbJI/AAAAAAAACVg/n_vDeB55BIE/s000/facebook.png' title='Facebook" /></a> <a href="https://plus.google.com/USERNAME"' target='_blank'> <img border="0" src="http://3.bp.blogspot.com/-lodPYWKzSs8/URV02Sr-jWI/AAAAAAAACVo/oAhkSrXW_qU/s000/gplus.png' title='Google Plus" /></a> <a href="http://www.linkedin.com/USERNAME"' target='_blank'> <img border="0" src="http://3.bp.blogspot.com/-_aFcLmXOmWA/URV02yUDxCI/AAAAAAAACVw/iKGHV_pzIVU/s000/linkedin.png' title='LinkedIn" /></a> <a href="http://URL BLOG/feeds/posts/default"' target='_blank'> <img border="0" src="http://4.bp.blogspot.com/-DG0bPhhycRU/URV03kQ819I/AAAAAAAACV0/PPkxhtfMJZI/s000/rss.png" /></a> <a href="mailto:USERNAME@gmail.com"' target='_blank'> <img border="0" src="http://4.bp.blogspot.com/-xYeZT1Ckroo/URV04QBRScI/AAAAAAAACV8/Mzc6lTDySpQ/s000/email.png' title='Email" /></a> </p></center>
NB : Ganti USERNAME Dengan Username Sobat.4. Simpan
Demikianlah postingan saya tentang Membuat Widget Icon Sosial Network Keren dengan Efek Spin , Semoga Bermanfaat bagi sobat semua , bila ada tutur kata yang tidak pas , saya mohon ma'af sebesar-besarnya. Wassalamualaikum.
No comments:
Post a Comment