How to add Social share buttons without java script

0

Social share buttons for WordPress

can increase your web traffic fast. Every website need a set of share button for better SEO.
So generally we add java script Social share buttons or Share plugin to our web site. But we don’t monitor it’s size.
Generally java script Social share button take more than 150 kb. It reduce our page speed and harmful for batter SEO.

On the other hand java script Social share buttons isn’t mobile friendly. So it may not work on mobile browser.
The mobile page should be less then 50 kb.

We can solved the problem by make custom share button in HTML.

Feature:

HTML CSS3 Social share button script

HTML CSS3 Social share button script

1. We can make a set of share button in 10 kb.

2. I think it don’t reduce your page speed and good for batter SEO.

3. Mobile friendly , So you can use it on mobile site.

4. It’s nice to look.
you can download from author’s sit Html Social Share Button WordPress plugin.
You can download from WordPress Html Social Share Button WordPress plugin.

This is Social share buttons code:

 

<a href=”http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>” target=”_blank” title=”Share This on Facebook”><img style=”border: 0px none;” title=”Share This on Facebook” src=”https://www.pcjar.com/icon/facebook.png” alt=”Share This on Facebook” /></a>

<a href=”http://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>&via=TWITTER-HANDLE” target=”_blank” alt=”Tweet This!” title=”Tweet This!”><img src=”https://www.pcjar.com/icon/twitter.png” style=”border:0px” alt=”Tweet This” title=”Tweet This”></a>

<a href=”http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>” target=”_blank” title=”Share This on LinkedIn”><img style=”border: 0px none;” title=”Share This on LinkedIn” src=”https://www.pcjar.com/icon/linkedin.png” alt=”Share This on LinkedIn” /></a>

<a href=”https://plus.google.com/share?url=<?php the_permalink(); ?>” target=”_blank” title=”Post it on Google+”><img style=”border: 0px none;” title=”Post it on Google+” src=”https://www.pcjar.com/icon/googleplus.png” alt=”Post it on Google+” /></a>

<a href=”http://www.google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink(); ?>&title=<?php the_title(); ?>&annotation=<?php bloginfo(‘description’); ?>” target=”_blank” title=”Post it on Google reader”><img style=”border: 0px none;” title=”Add to Google bookmark” src=”https://www.pcjar.com/icon/blogger.png” alt=”Add to Google bookmark” /></a>

 

Process

1.. Login your cpanel.

2.. Go to wp-content/theme/

3.. Select a file where you want show the button.

Example:

If you want to show share button all page then open “header.php” or “footer.php” or “sideber.php”

If you want to show share button only post page then open “single.php”

If you want to show share button only page then open “page.php”

4.. Simply paste the code and save it.

5.. But if you want to add the into “header.php” copy the code after <body> tag

6.. if you want to add the into “footer.php” copy the code brfore </body> tag
Thats it.

Share.

Leave A Reply