How to Add the social Bookmarks Icons in WordPress without using any plugins

How to Add the social Bookmarks Icons in WordPress without using any plugins

All wordpress sites use the social bookmarks for sharing there content. For adding social bookmark they always use the wordpress plugins.
But that plugins will add some mysql quries and apache requests to your server. I recommend not to use these plugins.

How to Add the social Bookmarks Icons in WordPress without using any plugins

Just follow my steps:

1. Open single.php file from your wordpress theme.

just do one think, please assign class=”social_icons” to div.

01<div >
02<ul>
03 
04<ul>
05    <li><a title="RSS" href="http://images.purabtech.in/feed" target="_blank" rel="nofollow"><img src="http://images.purabtech.in/rss_32.png" title="RSS" alt="RSS" /></a></li>
06</ul>
07 
08 
09<ul>
10    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="del.icio.us"><img title="del.icio.us" src="http://images.purabtech.in/delicious_32.png" alt="del.icio.us" /></li>
11</ul>
12 
13 
14<ul>
15    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="StumbleUpon"><img title="StumbleUpon" src="http://images.purabtech.in/stumbleupon_32.png" alt="StumbleUpon" /></li>
16</ul>
17 
18 
19<ul>
20    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="Digg"><img title="Digg" src="http://images.purabtech.in/digg_32.png" alt="Digg" /></li>
21</ul>
22 
23 
24<ul>
25    <li>php the_permalink() ?>" title="TwitThis"><img title="TwitThis" src="http://images.purabtech.in/twitter_32.png" alt="TwitThis" /></li>
26</ul>
27 
28 
29 
30<ul>
31    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="Mixx"><img title="Mixx" src="http://images.purabtech.in/mixx_32.png" alt="Mixx" /></li>
32</ul>
33 
34 
35<ul>
36    <li>php the_permalink() ?>" title="Technorati"><img title="Technorati" src="http://images.purabtech.in/technorati_32.png" alt="Technorati" /></li>
37</ul>
38 
39 
40<ul>
41    <li>php?u=<!--?php the_permalink() ?-->&t=<!--?php echo urlencode(the_title('','', false)) ?-->" title="Facebook"><img title="Facebook" src="http://images.purabtech.in/facebook_32.png" alt="Facebook" /></li>
42</ul>
43 
44 
45<ul>
46    <li>php the_permalink() ?>&h=<!--?php echo urlencode(the_title('','', false)) ?-->" title="NewsVine"><img title="NewsVine" src="http://images.purabtech.in/newsvine_32.png" alt="NewsVine" /></li>
47</ul>
48 
49 
50<ul>
51    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="Reddit"><img title="Reddit" src="http://images.purabtech.in/reddit_32.png" alt="Reddit" /></li>
52</ul>
53 
54 
55<ul>
56    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="Google"><img title="Google" src="http://images.purabtech.in/google_32.png" alt="Google" /></li>
57</ul>
58 
59 
60<ul>
61    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->&source=<!--?php bloginfo('pingback_url'); ?-->&ary=<!--?php the_excerpt(); ?-->" title="LinkedIn"><img title="LinkedIn" src="http://images.purabtech.in/linkedin_32.png" alt="LinkedIn" /></li>
62</ul>
63 
64 
65<ul>
66    <li>php the_permalink() ?>&title=<!--?php echo urlencode(the_title('','', false)) ?-->" title="co.mments"><img title="co.mments" src="http://images.purabtech.in/co.mments.gif" alt="co.mments" /></li>
67</ul>
68 
69 
70<ul>
71    <li>php the_permalink() ?>&=<!--?php echo urlencode(the_title('','', false)) ?-->" title="YahooMyWeb"><img title="YahooMyWeb" src="http://images.purabtech.in/yahoobuzz_32.png" alt="YahooMyWeb" /></li>
72</ul>
73 
74 
75 
76<ul>
77    <li>php echo urlencode(the_title('','', false)) ?>&body=<!--?php the_permalink() ?-->" title="E-mail this story to a friend!"><img title="E-mail this story to a friend!" src="http://images.purabtech.in/email_32.png" alt="E-mail this story to a friend!" /></li>
78</ul>
79 
80</ul>
81</div>

Open style.css file from your theme folder and put following code:

`1`	`.social_icons{ clear:both; }`

`2`	`.social_icons ul li {float:left; padding-right:8px;}`

How to Add the social Bookmarks Icons in WordPress without using any plugins

Published by

Purab

I am Purab from India, Software development is my profession and teaching is my passion. Programmers blog dedicated to the JAVA, Python, PHP, DevOps and Opensource Frameworks. Purab's Github Repo Youtube Chanel Video Tutorials Connect to on LinkedIn View all posts by Purab

Leave a Reply Cancel reply