This widget contains: facebook,twitter,digg,stumble linkedin and technorati buttons which will appear at the buttom of all your posts.
Sharing widget as we all know,is very useful on blogs to make it easier for your blog visitors to mention an article on their favourite social site,thereby increasing the number of traffic & obtaining favourable S.E.O on search engines.

HOW TO ADD THE SHARE WIDGET ON YOUR BLOG.

Login to Blogger » Design/Layout » Edit HTML.[Backup your template in case something goes wrong.]
Check the box next to
Expand Widget Template and search for <data:post.body/> by pressing CTRL+F.
Now,copy/paste the code below just after <data:post.body/>.
&lt;b:if cond='data:blog.pageType =="item"'&gt;&lt;div style='border:1px solid#E2E2E2;width:100%;position:relative;margin-top:15px;'&gt;&lt;/div&gt;&lt;div style='margin-left:auto;margin-right:auto; width:600px;position:relative;'&gt;&lt;div style='color:red;position:relative;top:12px;'&gt;&lt;center&gt;If you found this article useful,kindly take 5 seconds to share it!!!&lt;/center&gt;&lt;/div&gt;&lt;table align='center' cellpadding='8' cellspacing='1' id='shareit'&gt;&lt;tr&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Share this on Facebook'&gt;&lt;img src='https://lh4.googleusercontent.com/-itkaTnbPR4U/T2sRAvnSonI/AAAAAAAAAeE/r0KXWQs-9Lo/h120/1.PNG' alt='Share on facebook'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://twitter.com/home?status=Reading:" + data:blog.title +" - " + data:post.url + " (@NAME)"' rel='nofollow'title='Tweet This!'&gt;&lt;img src='https://lh3.googleusercontent.com/-4RcvwOgk6T4/T2sREg11upI/AAAAAAAAAes/2ZdCqxK_sfM/h120/6.PNG' alt='Tweet'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Share this on Technorati'&gt;&lt;img src='https://lh3.googleusercontent.com/-B_WTjQRcAeo/T2sRD9VcMDI/AAAAAAAAAeg/yp_YXOdNd1A/h120/5.PNG' alt='Technorati'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'&gt;&lt;img src='https://lh4.googleusercontent.com/-FPAnsLrKmNs/T2sRB84Fp-I/AAAAAAAAAeQ/wbaolUe6rng/h120/3.PNG' alt='Delicious!!'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://digg.com/submit?phase=2&amp;url="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Digg this!'&gt;&lt;img src='https://lh4.googleusercontent.com/-8tVQUaWrkyU/T2sRBQXjFvI/AAAAAAAAAeI/jde0QGnDMps/h120/2.PNG' alt='digg it!!'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'&gt;&lt;img src='https://lh3.googleusercontent.com/-MGGOwzzLRcw/T2sRCzykw1I/AAAAAAAAAeY/FvS6NQtJpw8/h120/4.PNG' alt='linkedin'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a target="_blank" class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url +"&amp;title=" + data:post.title' rel='nofollow' title='Stumble upon somethinggood? Share it on StumbleUpon'&gt;&lt;img src='https://lh5.googleusercontent.com/-23FoYAUQC_4/T2sRGJGpkaI/AAAAAAAAAe0/VEFuuGnsOyc/h120/7.PNG' alt='Stumbleupon'/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;&lt;/div&gt;&lt;/b:if&gt;Next,search for ]]></b:skin> and paste the codes below directly above/before it.
#shareit{width:100%px;height:50px;border:0px solid red;position:relative;} #shareit tr td img{width:50px;height:50px;position:relative;}DONE!!!.Just preview your blog & save it if there are no errors.

0 blogger-facebook:

Post a Comment

 
Top