Thursday, February 17, 2011

How To Add Leaves Fall Share Widget

If, previously I have posted about how to add sexy share widget, now I will post about how to add leaves fall share widget. Actually the function is same as another share widget, but the difference is the style. The style is like leaves fall. So, I call leaves fall share widget. This widget contain 8 social bookmark button such as facebook, twitter, digg, technorati, etc. You can see the image of leaves fall share widget below.
Now, if you want to add leaves fall share widget into your blog, just follow the easy steps below.
1. Log in to your blogger account
2. Go to Design --> Edit HTML
3. Check in the Expand Widget Templates box
4. Copy the code below, and paste under <data:post.body/> (If you're using "Read More", there are 2 <data:post.body/> , then choose the first)
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWVEWsw0Y19dzb3wYRv3JKdHIfYlOxqmTd8JNQDmzhIJOlQrXZPLhubX5bbYPHOuboooiDLCwCESINEshCXOeHUYs7ERg1AGZebNBdk5LQykh2rBZ-sSwdGf4E11olZcYNOwZ9ZtjDS3bF/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ6oGJ0GafskRyD14dPAitktDT-k1MF6p7mvthwxisYp9frxjQx9KFNvWKjGGoynO90RKTKDXEcHLO7ry-noJgkUOEZtVh_oTn10WeLSALE6nBinjnI8nqbAhBX8monkbUgKLWl1UXJqSd/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY6JFdBGBnFYh2GcHgLZQWI_AKoxnZJjobeBNLpdixf3K5HJ9DdaV7Q3_3WIKGOUQvEfde2HzJpJ0Ng9QbMPlfGn9ZsphEGFcwd2529uUMlAbOyQxZW6IOMlTN-Lhx0Gzwpw2FXGwcuCi1/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg84bHokw0KkoWHGrD1bxM9GGPY3-serAaHcarSp-vYxTS81UO5rNgGXMfqZ6zevghVNJ6t5i4Udywn-xere_H35E7viGMLB9y6FPtecjX7qb2PDYhT6DmaKKf1h6guDAejVf2QR4N1ulfz/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtplPqhKfN_D90xLrDTO8wBgFR0XqjimQqj7lcP2QaIccqveVfFeDz0qkh72hlOaX4cvWv5mUsTcgB2QsrxYYTaEzfl6JPNS1g8XunoZb-ZZwEf5u7FZjTgS3q_27ruK-kEkAp6QHOn7mo/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7QzRn4F493uscUG-aHr4ssU6ZtCZAWZBIFWRdpuU4Vdf3hfIQA7TpNbvBrYQhoHG9-FkXH5d4cGiY1v1uWvTct1EXg-L_5mZgl1EXXQODvz2W7ZcbM4sPp0vr851zrlcz7Z_nfbYT1cMI/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsqwr5QsPyme7v97ZfmPgqWq9wb4Cy3_EOWTMRbjGfmFTYSVEHU_Pelb0zeCZYoP9f4_Zh91GKoaLSS0VTH4n6y1Qq1Vrg5AEgmZSG9TECG4JM7st74MSRcLGBUM8JHSHPbmbcsxsy7fXh/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMO5joWG6adBfkWOuDSnIdWRXN1hvvFDv4AW14mKfs-F8cmxeIel5izHOiYZbNa9MZW5sefQzgnxfzXCk9eE9wkzPzESAsk-ssgmLHw4vCIVRBQg-aJr2gyX3WK8BWJAN5P5RZhw85oIDW/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
5. Then save it now! Easy right?

No comments:

Post a Comment