Social bookmarking is a good place to share, organize, and manage your web resources.They are lot of social bookmarking sites are available. The most popular social sites like twitter, facebook, digg, mixx, stumbleupon, reddit and faqpal. In these popular sites more people are sharing their web. To get traffic to your site submitting social bookmarking is a good thing. In this tutorial I will explain about how to add social bookmarking icon into your thesis theme.
Watch this video tutorial below:
Follow this step below:
- Login to your wordpress admin panel.
- Then upload your bookmark icon into the media library from your pc.
- Note the every upload image url.
- Then, go to appearance click widgets.
- Now drag and drop the text widgets into the sidebar 1.
- just copy and paste the code in text widgets.
<p><a rel="nofollow" href="http://your own url here"> <img src="http://your image path" border="0" alt="" /></a> <a rel="nofollow" href="http://your twitter url here"> <img src="http://your image for twitter icon here" border="0" alt="" /></a></p>
7. you will see the href=”yourownurl” and img src=”your image path” replace with your url and uploaded image url.
8. If you want to add more icon links you should all within the paragraph<p> and</p> mentioned in the above code. If you and icons after </p> it will be displayed in vertical order.
9. Then click save.
10. Now you will see this icon into your webpage
Do you have any trouble while using this make a comment below?
Related Tutorials:
- How to add Social Bookmark Icons at Right Side of the Post in Thesis Theme
- How to Add Social Bookmark Button Links inside Posts in Thesis
- How to Add Floating Feedback Social Bookmarking Icons in Thesis Theme
- How to Add Social Bookmarking Icons in widgetized Header of Thesis Theme
- How to Create Custom Social Bookmark Links Widget in Thesis Theme
{ 21 comments… read them below or add one }
there is something wrong things in this code i put code and image ways but it appereance only ” ”
hai mustafa,
Now i checked this code is working fine. may be there is chance for misalignment while copying the code. try it once again it is working fine.
yeah i did it but the buttons appear
x
y
z
but i want this x y z i use and not use space
hai mustafa,
you should add all the icons link codes within the paragraph
and
if you add any icons after
it will be displayed in vertical order..i cant do it allways it show hortizal oerder so i abandonto do it
hai,
give your site name otherwise i cant figure out your problem..
please put right side and your image way after that i will change ways
hai mustafa,
I cant access your wp-admin. I send you code via email copy and paste it in sidebar text widget and replace with your link..
it dosent work ..
hai mustafa,
check your site now it is working fine..
Excellent tutorial, thank you. I do have one question…I did this but when you click on the links, it does not open a new window to go to those social sites. How can I make it so it opens a new window (like yours) ?
Thanks!
hai steve,
The code mentioned in the above post each link add target=”_blank” for opening the link in new window
example <a target="_blank" rel="nofollow" href="http:….
like this add in each link..
Thanks! I wanted the Icons in my banner (like you have it) but for the moment this will do!
hai SimonSaysMom,
To add social bookmark icons in header follow below tutorial
http://fourblogger.com/how-to-add-social-bookmarking-icons-in-widgetized-header-of-thesis-theme/
Hi,
Can you show me how to add the other icons and the code for facebook, rss, and youtube?
I can only seem to get twitter
Thank you!
hai nina,
I saw your site all the icons are available in the sidebar..
Great tutorial, thank you.
My question is say I only want 3 icons. I figures out the align=center thing but was wondering how to adjust the spacing between the icons.
I’m not a coder but I can cut and paste
Any ideas?
Thanks
Hi tobi,
Our thesis team totally move to our membershipsite fourbloggerclub. so nowadays we are solve any single thesis issue for $5 only. it is ok for you. send your requirements.
contact us via contact form
Hi,
i have put the social icons as per your given tutorial.
it’s displaying perfect..but links are not coming (hand cursor is not coming also onclick it doesn’t open url)
please help me for this…..
it’s urgent.
I am having the same pronlem as the guy with the first comment,it is appearing
x
y
z
when i want it xyz
I did all the steps right, someone help plz
Hi, Thanks for the tutorial.
It works as described, but I have a problem. I want rss feed icon and “twitter follow button” in one line horizontally. If I use any button image and code for twitter, it stays where it should. But if I use original button code from twitter(which I prefer) it aligns to the next line. How can I change this?