Thursday, November 7, 2013

Slide Social Bookmarking Gaya Telor

Kali ini saya akan berbagi dengan kawan Cara Membuat Slide Social Bookmarking Gaya Telor :r; yang saya dapatkan saat jalan-jalan ke Webnya Master Paul Crowe yang tampilannya tetap ditempat [fixed] dan saat mouse didekatkan maka akan terbuka untuk melihat isinya
screenshot

Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML
  • Copas Script berikut dibawah ]]></b:skin> atau diatas </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: &#39;bea50586-2b9f-448d-947a-01385f28e305&#39;, onhover:false});</script>
<link href=http://w.sharethis.com/gallery/shareegg/shareegg.css media=screen rel=stylesheet type=text/css/>


  • Selanjutnya Copas Script berikut diatas </body>

<div style=position: fixed; bottom: 2%; right: 2%;>
<div class=shareEgg id=shareThisOrnament/>
<script type=text/javascript>stlib.shareEgg.createEgg(&#39;shareThisOrnament&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;pinterest&#39;,&#39;stumbleupon&#39;,&#39;linkedin&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;holiday&#39;});
</script>
</div> 
Teks yang saya beri warna merah bisa kawan ganti sesuai keinginan untuk tampilan

  • Simpan Template kawan


No comments:

Post a Comment