Tuesday, March 13, 2012

Add An Awesome Open Slide Heart Bookmarking Widget For Blogger

3 komentar
Hai guys, now i will share a tutorial about Add An Awesome Open Slide Heart Bookmarking Widget For Blogger. I have said a thousand time that, "I always visit spiceupyourbog to get inspired, and sometimes i will repost some post on spiceupyourblog". And now i got an awesome tutorial and i want to repost that tutorial on my blog, called Add An Awesome Open Slide Heart Bookmarking Widget For Blogger.
Do you know Sharing is sexy widget? Ya, its a great widget and useful. Now spiceupyourblog make an another version of sharing is sexy widget. Its an open slide heart social bookmarking. You can see the demo by clicking here

Add The Split Heart Bookmarking Gadget Top Your Blog

Remember guys, always backup your template before you started to editing your template.
Ok lets do it Add An Awesome Open Slide Heart Bookmarking Widget For Blogger

1. Login to blogger - Design - Edit HTML
2. Find </head> code, you can use Ctrl + F to help you find it
3. Copy this code below before the </head> code
<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<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;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
4.  And the next tips is find this following code </body>
5. After that copy this code below, before </body>
<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

How to Change The Widget Position

The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this. In blue above you can see bottom: 2%; left: 2%;. You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page. You can also change the percentages to have it further from the bottom/top and left/right.
6. Save your template
Ok thats it  Add An Awesome Open Slide Heart Bookmarking Widget For Blogger, you can put your question below.

3 comments:

  1. Cute open slide heart bookmarking gadget. Will definitely install this on my site.

    ReplyDelete
  2. It is uncommon to obtain the knowledgeable individual inside to whom you have a number of initiative. On the globe right now, no one unquestionably cares about you regarding featuring other folks the way in which in such a subject material. Precisely how endowed I'm to get at this point determined such a fantastic web page since that. Its persons just like an individual exactly who come up with a genuine variation on earth from the techniques that they select.

    ReplyDelete
  3. What a awesome and fabulous open side heart bookmarking gadget.Thanks for sharing nice information..

    web designing institute

    ReplyDelete

 
My photo
15 years old blogger from Indonesia. Yahya Ayyash. Born on 4th March 1996. Started blogging since 2011, part time blogger. Just an amateur web designer, graphic designer and blogger. Student at SMAN 9 Bandung, at Ten Three Class. Please follow my twitter and like my facebook fan page.