SOCIAL SHARING WIDGET FOR BLOGSPOT.

 On Sabtu, 02 Juni 2012  

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/AVvXsEjcr6UxX9SzqciejIuORNjMvX-DxVVvFI64IoZLEj2i-ZYJZEelj60gRg8-k6Jtem4F9yHOE-RM3tHpSWgo6nT5X9YSclx9R_oSPSoHNIyYxxjtZfJHKpn0ov21pLcQJChO_4TEmZkjEbY/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/AVvXsEjKOGFKaABik_Z8zDYV5MVlxNxTvXHv43y7C-5sYrp5FTcqS50ols2P36xmLtGPb6zFt_dzHSvlEcU8Xa5XSvFcr2KYcdWGSXnpe_NBwYagWkMPObtAkrlk7HM0YmaKVaUg_NK5G4wkqsQ/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/AVvXsEinVzzqs3z02023jVFKLhgVkxnVatMHeYKHVPxub-nyDIvhhmKA1Vlyui5pbGpSaJuc4Tz3TgJjmklzQAlPTw5KLLQYK0J2sOpztgXPtW73RPGmpMlSTPZcwaw1RPdYG9MCXdmUpEP0a7A/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/AVvXsEjln56HHsTZpjTNcx5sP7aqhnOuFSa8o2L-E_zoaqEGn3F499xQebnbF2h4bYSxQCPvhcM4C_3X9e6YHfWKhyphenhyphencN_Gya-4P9EHhL116lKPfWzPRnHIATsmRdacGB3D2l0sfYCuDMipTdVT0/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/AVvXsEjYG1-SEQcA8ACYgBlLb1EblJOljtp1t-Uy2X6xoJW5hZ5unbuuqht82sdSKANl4pBDt1kswdZpIpzod5tNusZJs9aAhaidusXHL7xRe2FPaqdu_wZsnGjLMPcXkFaNp6_ez3obsfoy_tw/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/AVvXsEgmSF1zM7romuPs4MchJ9hLXVNQ2tmYhPZA9C-XZ5JhLZb0iaSbMQOVFwokQ0FdmutncEYGV9EArR3GHtsz6hOTkXO_QfWA5V9yGiztjaTiO9LYK4hxWPAI-4qa45rrD6pAO-6zYUBRDbQ/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/AVvXsEiZXUNkChOJp7JwTKyb6cpuK6coFA6Cyob2Gym66euwWAt_WLXZRb8y2daZ_aZubJdOAcWGY1HpthnZ1nQVcuWXrAvdLsL2iyHOUooInrcLuP4WJsSjoLCMqJtrgYk2Z79400NjNt-F9YU/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.
SOCIAL SHARING WIDGET FOR BLOGSPOT. 4.5 5 Unknown Sabtu, 02 Juni 2012 Previously,I wrote on how to add stylish open heart bookmarking widget on blogger& today,I'll be giving some cool sharing widget to...


Related Post:

  • RECENT COMMENT WIDGET FOR BLOGS.The default 'Recent comment widget' for blogger is something that doesn't work on most blogs {mine inclusive},and this made me explore Google in search of a valid recent comment gadget.After searching for days,I finally came across one and decided to… Read More
  • PAGE-LOAD TIMER SCRIPT FOR BLOGGER BLOGS.Have you seen websites displaying web-page load time? Do you want this feature in your blog? If yes,then Read-on.In this post,I will be explaining how you can easily add this widget to your blog.How to add load timer to blogger blogsTo add this widge… Read More
  • “BOOKMARK THIS SITE” WIDGET FOR BLOGGER.́Bookmarking widget̀ in my perspective,is one of the ways you can retain your blog's visitors. Some people tend to forget/ignore bookmarking a site even if they like the post. Having the widget installed in your blog can help prevent that.Bookmark sc… Read More
  • CREATE CUSTOM PERMALINKS FOR ALL BLOGGER POSTS.You might have noticed some blogs having shortened urls at the top/bottom of every post with a “Share this post” text. This is a very nice widget which can help increase your blog's traffic as visitors won't have to go through the stress of manually … Read More
  • ANIMATED FOLLOW-US WIDGET FOR BLOGS.Have you ever wondered if it's really possible to have an animated widget?...If yes,then I'm glad to introduce to you this animated 3D[three dimension] FOLLOW-US widget which can easily catch the attention of your blog visitors.It was designed in for… Read More

Tidak ada komentar:

Posting Komentar