Social media sharing buttons without javascript

Social Media Sharing Buttons Without JavaScript I was looking for code to add social media buttons to share my blog on different sites like facebook, twitter, google plus, tumbler and email, I search many websites but could not found any good article which can help to add these buttons without using JavaScript. Finally I checked the code of different sites and try to copy the rendered code and here is the list of those entire working sites html. You don’t need to add any JavaScript, simply paste this html and done.

Facebook Share button

<a href="https://www.facebook.com/sharer/sharer.php?    
     u=@Url.Encode(Request.Url.ToString())&t=@Url.Encode(PageTitle)" 
     target="_blank">
     <img src="/images/social-buttons/Facebook.png">
</a>

Twitter button

<a href="https://twitter.com/intent/tweet?
   url=@Url.Encode(Request.Url.ToString())&text=@Url.Encode(PageTitle)" 
   target="_blank" title="Tweet">
   <img src="/images/social-buttons/Twitter.png">
</a>

Google Plus button

<a href="https://plus.google.com/share?
   url=@Url.Encode(Request.Url.ToString())" 
   target="_blank" title="Share on Google+">
   <img src="/images/social-buttons/GooglePlus.png">
</a>

Pinterest Button

<a href="http://pinterest.com/pin/create/button/?
   url=@Url.Encode(Request.Url.ToString())&description=@Url.Encode(PageTitle)"  
   target="_blank" title="Pin it">
   <img src="/images/social-buttons/Pinterest.png">
 </a>

Getpocket Button

 <a href="https://getpocket.com/save?
   url=@Url.Encode(Request.Url.ToString())&title=@Url.Encode(PageTitle)" 
   target="_blank" title="Add to Pocket">
   <img src="/images/social-buttons/Pocket.png">
 </a>

Reddit Button

 <a href="http://www.reddit.com/submit?
    url=@Url.Encode(Request.Url.ToString())&title=@Url.Encode(PageTitle)" 
    target="_blank" title="Submit to Reddit">
    <img src="/images/social-buttons/Reddit.png">
 </a>

Linkedin Button

 <a href="http://www.linkedin.com/shareArticle? 
    mini=true&url=@Url.Encode(Request.Url.ToString())
    &title=@Url.Encode(ViewBag.Title)&summary=&source=http%3A%2F%2Fwww.yoursite.com" 
    target="_blank" title="Share on LinkedIn">
    <img src="/images/social-buttons/LinkedIn.png">
  </a>

Pinboard Button

  <a href="https://pinboard.in/popup_login/?
     url=@Url.Encode(Request.Url.ToString())&title=@Url.Encode(ViewBag.Title)&description="   
     target="_blank" title="Save to Pinboard">
     <img src="/images/social-buttons/Pinboard.png">
  </a>

Email Button

  <a href="mailto:?subject=@ViewBag.Title&body=:@Url.Encode(Request.Url.ToString())" 
     target="_blank" title="Email">
     <img src="/images/social-buttons/Email.png">
  </a>

Even if you don't want to add these code one by one then there are many websites which can provide you the wizard to create these complete html with different button styles one of them is
http://simplesharingbuttons.com/

Hamden Process manager with a reputed organization, Fond of learning new features and technology related to C#, ASP.Net, SQL Server, MVC etc.I like to help others, if I can
  • social-buttons
  • html
By Hamden On 29 Dec, 14  Viewed: 2,099

Other blogs you may like

MVC HTML Paging Helper with search and sort

MVC Search Sort and Paging is common feature we need to use, so let's write the HTML Paging Helper for our project, which will work faster than anyother build-in costum grid system because they contain many other features we don't need for our application and don't support many features we want. In... By Ali Adravi   On 07 May 2018  Viewed: 1,935

3 Excellent HTML5 Boilerplates for Quick Development

If you have just started out with HTML5, then boilerplates help you reason out with the framework and help create a professional front end and a robust website. This open source project was created in order to make you HTML5 ready, in case you have just started out. You can directly download and... By Deepa Ranganathan   On 01 Jun 2015  Viewed: 284

Show faded image and clear on mouse hover

To show blurred, faded or washed-out image by using CSS and clear effect on mouse over on the image we need to use simply two CSS opacity and filter: alpha See following image, by default all will be faded on page load and once user will mouse over on any image that will look like the third... By Jason Olivera   On 06 Apr 2013  Viewed: 1,320

Use XSLT to create menu from database

In some situations we need to create website menu from database, say our application have ability to create pages so that must also need to have a menu item to go to that page. So how to create menu with all those nice CSS and other settings, I think XSLT is best to use in these... By Hamden   On 16 Mar 2013  Viewed: 1,116

What is !important in CSS and what is the purposse of it?

As we know CSS styles works from top to bottom, suppose you have created two class with the same name or define the style of any element at two places, which one will apply on your page, can you guess which one will apply, yes you are right the last one because CSS works from top to... By Mike .Net   On 28 Jan 2013  Viewed: 357