Search This Blog

3.6.12

0 SOCIAL SHARING WIDGET FOR BLOGSPOT.

Previously,I wrote on how to add stylishopen heart bookmarking widget on blogger& today,I'll be giving some cool sharing widget to integrate on your blog.

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/>.

<b:if cond='data:blog.pageType =="item"'><div style='border:1px solid#E2E2E2;width:100%;position:relative;margin-top:15px;'></div><div style='margin-left:auto;margin-right:auto; width:600px;position:relative;'><div style='color:red;position:relative;top:12px;'><center>If you found this article useful,kindly take 5 seconds to share it!!!</center></div><table align='center' cellpadding='8' cellspacing='1' id='shareit'><tr><td><a target="_blank" class='external' expr:href='"http://www.facebook.com/share.php?u="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Share this on Facebook'><img alt="Share on facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFCRdkwAgejaIyJDfQFBcWcDm2_L5qW1sLf4wCixc3YN0GXjgzEcJbaULdULAc3_5w0Fw_z2ZAeYt3KpWuae7zViqezs_vI7i51s8pfqRv0odW4kYbTg5qjH3_FU5zxl8EaOHdItU81Ps/h120/1.PNG"/></a></td><td><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!'><img alt="Tweet" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1ir2lgJf1S35F_bALLdr-QB0Mv-jfjTwWY5n4T8q_S7V0coJisMjuRqNAshkHJGmjr1_R0hn6Z0v8znabR_krOObioaq9fIyCF91qS2DfQU00w7MH1vszi55C5AlGuNV8OJzgt4rnRo/h120/6.PNG"/></a></td><td><a target="_blank" class='external' expr:href='"http://technorati.com/faves?add="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Share this on Technorati'><img alt="Technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVKsk-Kzy2r1AoO5M-Zuhb18qB6FBOTow_Z4neVHprIqZubUX8Djymdi6xQUklJ0hEa2DLVEWf5HVSZZPv1IenSS_5XLw7MqD_cRdJWB5iQ-OfT_EhBpcUOO1v4ITOESYSqk0llPmDq94/h120/5.PNG"/></a></td><td><a target="_blank" class='external' expr:href='"http://del.icio.us/post?url="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'><img alt="Delicious!!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVjbqGfhHcYuZpSIh2RZv4PCkhPTbYCXzVS33bM8SQ6VvnqPlhWT21zgQheMSEtyuLhI6p2xebxgWm_JyAYFaKSew5nHq1qNqvcRZlYew3DOE6vQYV6jbY-TE8LqMFR4jtyoj8szao_g/h120/3.PNG"/></a></td><td><a target="_blank" class='external' expr:href='"http://digg.com/submit?phase=2&url="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Digg this!'><img alt="digg it!!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzoFBrFbImRW2yOmcbnmVCDNj-ioD9znuHrw5RuXaR7ZfUKPQO03IBxXi7FWIe_io9fCCw1W9mOmNrC1RqaxJYBENAnWvZmc31PXQdUjn5O0NB3jbfcqwme55TQlm0dR1m1FpbiT0_67Q/h120/2.PNG"/></a></td><td><a target="_blank" class='external' expr:href='"http://www.linkedin.com/shareArticle?mini=true&url="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Share this on Linkedin'><img alt="linkedin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ZwxCa_cCjgD_pFAkvl0m7gHWdIeZVM5MTXdw125HRoap2gCRCw2aKgqjYfqPHWZeGqYosx2XJRySqovUWqeBlCg-n_NB3x8ocY9pKonJcaWVAaFWNMogHTcJAYHwNdm6Oygfq5JnBDE/h120/4.PNG"/></a></td><td><a target="_blank" class='external' expr:href='"http://www.stumbleupon.com/submit?url="+ data:post.url +"&title=" + data:post.title' rel='nofollow' title='Stumble upon somethinggood? Share it on StumbleUpon'><img alt="Stumbleupon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrmdXV6LVZFBhOPWBCv5E_ewegk8-QwApkf8uKJBsLTSAVCvSprL9zDZ9BlHdLIlZdVRxEOeGOehUHtMzem37BItk2cD0I1UJd7z9px6kfITqCW6GqQFBOST3ukjP_3qvxEAOcAbkfgE/h120/7.PNG"/></a></td></tr> </table></div></b:if>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.
«PREVIOUS NEXT» ¤HOME¤

Be the first to reply!

Leave your comments behind!!

If you experienced any difficulty understanding this post,do tell us. But,please do not spam.
Your suggestions are also very valuable to us. Thanks...
The Author.

Leave your comments.

If you need reply to your comments,please do not comment as `Anonymous`
Found a Dead or Unresponsive link?, Kindly inform us using the Comment Box.

 
[GET THIS]