Membuat Egg Share Slide Open Widget Di Pojok Blog

Kali ini saya akan share sebuah sharing widget yang menurut saya cukup unik untuk disimpan di blog kita. Selain bentuknya yang unik karena berbentuk egg atau telur, egg share ini juga akan terbelah dan belahannya akan bergeser ke kanan ketika disorot mouse.

Cara Membuat Egg Share Slide Open Widget Di Pojok Blog cukup mudah, seperti biasa silahkan Anda masuk ke blog Anda >> Dashboard >> Template >> Edit HTML. Jangan lupa centang expand widget template karena kita akan mengobok-obok kode HTML.

Silahkan cari kode </head> (gunakan CTRL + F pada keyboard untuk memudahkan pencarian), lalu copy kode di bawah ini dan paste tepat DI ATAS kode tadi.

<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'/>

Kemudian cari kode </body>, dan kemudian copy kode di bawah ini dan paste DI ATAS kode tadi.

<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>

Perhatikan tulisan berwarna merah, itu menunjukan posisi widget berada di pojok kiri bawah. Kalau widget ingin berada di pojok kanan bawah, ganti left dengan right. Agar Widget berada di pojok atas, ganti bottom dengan up.

Terakhir silahkan preview untuk melihat penempatan widgetnya sudah benar atau belum, kemudian  save template Anda.


Demikian sharing cara Membuat Egg Share Slide Open Widget Di Pojok Blog mudah-mudahan bermanfaat.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments