Leaves Fall Social Bookmark Button For Blogger Post

To do so, first of all log in to Blogger
Now go to Layout, then click on Edit HTML tab.
Now Download the present template as a back up
Then click on "Expand widget templates"

Now search (CTRL+F) this

<data:post.body/>

Copy below code and paste it immediately after the line <data:post.body/>.

<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/AVvXsEhbC4lUZB8ndjFFUNnj7Ju6Am2mYarrGbQBH4T2s8ilnXXg-mEoFqYXBDOoEPVdHTpRDeh4nrO7gONSky0dfyH4oydqukMC1UIMj-mif6kZI9cEVyseMgHfk9iMTAs0nTi6ZuOZLoTNAaRu// 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/AVvXsEgAgasuv0wAR_oZ6vKi2gxwSCDf_7TMsFPXf9dpwZ1LK__IWhb76VEG4JU70E-2M1_R4m_VgtInlGVKM1zECo9ME7CsRKwmWJTpkb-9sbbM2YPmRUA8l5mgijxxXCVjNhx8nlMzc8VHeQU4// 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/AVvXsEg3gyE3niHUXv9NEUfjBFyK3_Lfn0U3ZZS-X9JO4X1NZhFEYDHmArEzRfsYb_OOwV71PTtTmwogDKYi7h_EnpvWtYbLPR7TYdeDUYIQF3txs0TOOUgfHNaTnkzmuBx3gDCtiXmUEhlQG2s0// 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/AVvXsEi5UfM2UY7g7cXyBsZT9MKnkig2ewu4A1JXCor7okQZ3q8zPlN4VWSsDRNhmO-yUloJXvILKH6PAoo33O37xqprn0vIuf1ON6uqsk_CjSs8qyWOUSfiNW7V-TElLkiIil9HKoBwu_hajCLP// 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/AVvXsEjtMXX_G1lfYiDh9rci46s_-wsaVPbOhHs43cgyVQWhrY3WOynB_9S0Qn10lkhsXiYF7Bfb7lIGmoS54FfIDxLuQC_f1R7La5sh7POEhx996TZ4Rg0fDv8BmhFgWrL0iYVOqBUAXoHwasi2// 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/AVvXsEieofPc_NYIV0yVkjrorGhd5JPqjrbaExcCqoc2cbv8niLRY2Y9YpDPwvU6l2dEDG0gVvlJETKUhj6O2-HtZvCmoI46NCodhpUEbRjIWWtOwQSvWbwy_5ew__sJyOtcw0XBRUCL4Lri7RRU// 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/AVvXsEjLQmMW_dSYJ4vLAx1UO_kKvv34SFy9OiLcGUy8DHEbg1uuHbv9CpjF5Oi-cpIWnyKyhNFf0zPUjv_7sbAtjhhlvcq3jGbCel8my8E1TaA_o9Kand0Z9pXZoS4xpK46ZAgENTPYiABmHczf// 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/AVvXsEgN_sPzTEiwJiF6KhwK9MFyvHafZFPG_xKEwpGTHzqejiKe8R-2FZTrtaEXME1md30bJ0RRzbU7ajG3Q2MFyDoaY6r51IxlC33SvnVyzyHa9NQFgAowIBYYMh3JrOY5V0OKKz-vJwee1haY// style=padding:0;margin:0;border:none;/></a>
</div>
</div>

Now click Save Template

Read More..

How to Install Floating Social Bookmark on Blogger

STEP #1
Log in to Blogger -> Layout -> Edit HTML and select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template

]]></b:skin>

And immediately ABOVE/BEFORE it, paste this code:

#divStayTopLeft {left:5px;position:absolute;top:15px;}

.sidetab {}

.sidetab ul {list-style-type: none;margin: 0;margin-top: 220px;margin-left: -2px;padding: 0;}

.sidetab ul li {border-bottom: 0;margin-bottom: 0;padding: 0;}

.sidetab a {background: none;display: block;height: 25px;margin-top: 0px;padding: 2px;width: 25px;}

.sidetab a:link, .navlist a:visited {color: #555;text-decoration: none;}

.sidetab a:hover {border: none;background: #e8e8e8;}

.sidetab .button a {background:none;height: 25px; width: 25px;}

STEP #2:

Now find this code in the template:

</body>

And immediately above it, paste this code:

<DIV id=divStayTopLeft>

<div class=sidetab>

<ul class=navlist>



<li class=button><a href=http://bdlab.blogspot.com/feeds/posts/default><img height=25 src=http://upic.me/i/ci/rss_48.png title=Subscribe to RSS feed width=25/></a></li>

<a class=addthis_button_facebook><img alt=Facebook height=25 src=http://upic.me/i/8n/facebook_32.png width=25/></a>

<a class=addthis_button_delicious><img alt=Delicious height=25 src=http://upic.me/i/k6/delicious.png width=25/></a>

<a class=addthis_button_email><img alt=Email height=25 src=http://upic.me/i/bo/emailsmall.jpg width=25/></a>

<a class=addthis_button_favorites><img alt=Favorites height=25 src=http://upic.me/i/ij/favorites.png width=25/></a>

<a class=addthis_button_twitter><img alt=Twitter height=25 src=http://upic.me/i/bx/twitter_32.png width=25/></a>

<a class=addthis_button_google><img alt=Google height=25 src=http://upic.me/i/fm/gsmall.jpg width=25/></a>

<a class=addthis_button_digg><img alt=Digg height=25 src=http://upic.me/i/0v/mdigg.png width=25/></a>

<a class=addthis_button_more><img alt=More height=25 src=http://upic.me/i/5e/wmore.png width=25/></a>

</ul>

</div>

</DIV>

<script src=http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94 type=text/javascript/>

<script src=http://hackublog.googlecode.com/files/FloatingMenu.js type=text/javascript/>

Now Click Save Template

Note: Replace the YOUR-BLOG-ADDRESS-HERE with your Feed Link if the run ends blogspot domain. If they run their own domains replace the YOUR-BLOG-ADDRESS-HERE / feeds / posts / default in your Feed link.

Read More..