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/
![]() |
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
|
By Hamden On 29 Dec, 14 Viewed: 2,846 |
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: 6,335
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: 425
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,909
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,876
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: 496