How to Add Fancy Social Bookmarking Icons in WordPress Manually?
It can be pretty boring to have small social bookmarking icons which most of bloggers use at the end of their post. It will also not bring any excitement for our blog readers to click on them to help us to promote our blog post.
So, for today post, I would like to share a quick and straightforward tutorial on how can you use your preferred social bookmarking icons that you found in the internet and put them at the end of every blog post in your WordPress blog.
Here is the example of the effect that you will get when you use below tutorial on your WordPress blog.
If you bring your cursor on the icon, it will turn to grey.
The quick tutorial…
First, you have to open your CSS file and add below code into it. You can the code anywhere but it is advisable to put it after last code line in the CSS file so that it would be easier to delete if you want to in the future.
For the image file that I have highlighted in red is for the horizontal grey line that you can find on the top and bottom of the social icons. While for the image file highlighted in yellow, it is the most important image that you need to have for this tutorial as it is the image of the social icons.
To personalize the social icons section for your WordPress blog, you can replace both images with your own but do make sure that the images that you are going to replaced have the same size with the previous ones. If not, you may need to adjust slightly the above code.
If you do not want to use your icons and want to use the same icons like the above, you can download the image from the link below. Then, you have to upload the image into the images folder which is located under theme that you are using. (Public html>WP Content>Themes>Your Themes>Images)
And for the icons, you can find the icons that you love by searching them in the internet. However, you may find the icons that you will love from the post that I have posted before.
Then, after you have finished with your editing in the CSS file, you now have to open the single.php file for you to place social icons in every post of your WordPress blog.
You have to find <?php the_content(); ?> inside single.php as it represents your blog post. Then, if you want to have the social icons on top of your blog post, you have to add social icons code that I am going to give you in a moment before the <?php the_content(); ?>. But, if you want it after your blog post, you have to add the social icons code after the <?php the_content(); ?>.
Download below file:
After you have added the code, hit save button and refresh your blog.
Now, you will have your very own personalized fancy social bookmarking icons in your WordPress blog.
Do you have your own personalized social icons for your WordPress blog or use the icons that you get by using WordPress plugin? Which one do you prefer and will work well with you?
For me, I prefer to have my own personalized social icons. How about you?