Wednesday, 27 March 2013

Sosial Media Widget Berbentuk telur yang Comel(Boleh meluncur apabila di klik)






Tutorial kali ini agak menarik kerana widget yang akan diberikan adalah agak comel dan berbentuk telur dan boleh sliding jika di-klik.Jadi untuk anda yang mempunyai blog yang comel bolehlah meletakkan widget ini dan enjoy.












Cara untuk meletakkan Widget ini ke blog.

1) sign in ke blogger.com

2) Pilih option Template

3) Tekan (ctrl+shift) cari kod </head>

4)Copy dan paste kod di bawah sebelum kod </head>




<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>



5) Sekarang cari (ctrl+f) kod </body>

6) Paste kod di bawah sebelum </body>


<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>


7)Save template anda dan anda enjoy....

Filled Under:

0 comments:

Post a Comment