Add fading effect share button below all blogger post. 0

| | , ,

Now add best fading effect share button below all post easily.












Follow simple and easy step to adding this widget now ---->>>

* First go to your blogger Dashboard.

* Click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>

.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.Fadeinextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

* Now again find <data:post.body/> by CTRL+F key.

* Copy below code and paste after <data:post.body/>

<center><span style='color: rgb(0, 153, 0);'>Thanks for making this possible! Kindly Bookmark and Share it.</span><br/>

<a class='Fadein' href='http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://santabanta.mywapblog.com/files/tag-now.gif '/></a>

<a class='Fadein' href='http://digg.com/submit?add=&quot; + data:post.url/' rel='external nofollow' target='_blank'><img alt='Digg This'src='http://santabanta.mywapblog.com/files/diggnow.png'/></a>



<a class='Fadein' href='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='http://santabanta.mywapblog.com/files/stumblennow.gif'/></a>

<a class='Fadein' href='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' height='50px' src='http://santabanta.mywapblog.com/files/facebooknow.png' width='48px'/></a>

<a class='Fadein' href='http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src=' http://santabanta.mywapblog.com/files/tweet-now.gif'/></a></center>


* Now click to save your blogger template now you are done.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add fading effect share button below all blogger post. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories
Access Denied Adsense Adspace Alexa Rank Animation Avatars Background Backlink Baidu Beginner Guide Best Gadget Birthday Emoticons Blogger Templates Bookmarking Site Bookmarks Brands Avatars Browser Button Buttons CSS CSS3 Menu Change Template Coding style Comments Computer tips Content Slider Cookies Cursor Cute Emoticons Design Domain parking Domain vs Debit Email FEED Favicon Featured content Flash Footer Forum Code Converter Free Domain Free Internet GoDaddy Google Gtalk Emoticons HTML HTML Color Generator HTML to JavaScript converter Header Html Encoder Image Image Gallery Internet Internet Business Java Script Jquery Labels Lable Link Popularity META TAG Magic Html Encoder Magic Zoom Marquee Menu Generator Meta Tags Mobile Reviews Money Tips MooTools Navigation Menu Page Locker Page Navigation Page Peel Photoshop Popup Box Post Print And PDF Related post SEO TIPS Search box Sitemap Social Media Stop Copy TWITTER Text Boxes Text effect Title Tutorial URL Shorten Web Directories Widget Wordpress Yahoo Youtube