Dearly obsessed with How To Guides
these days here comes another piece of my creative innovations. Today I shall be teaching my readers how to integrate classy looking Web 2.0 Social Bookmarks in your blog with less effort.
Social Bookmarking Network
Giving you an insight to Social Bookmarking Networks I would like to tell you that basically these are Web 2.0 Services that allow to share and save your bookmarks. Like you surf the Internet daily and discover new amazing sites, stories and news. To keep a track of these discoveries you can bookmark them on any of your favorite Web 2.0 bookmarking networks to re-surf them later.
Though there are a lot of Web 2.0 Social Bookmarking Networks that have come into being since the Web 2.0 Media Trend originated but only some of them are considered to be the top networks. Here I would help you integrate My favorite Top 5 Social Bookmarking Networks with your blog. Namely:
- StumbleUpon
- Digg
- Technorati
- Del.icio.us
Benefits of Bookmark Integration
Most of you would like to you that why should we Integrate Web 2.0 Social Bookmarking Networks to our site or blog? I mean you really want to know its practical use don't you? Here is the answer:
- Bookmarks Help You Get Traffic Specially when someone stumbles your post you are definite to heat up your web host even if you run a blog with normal traffic
- Keep a Track Your Favorites This is the main and foremost feature of Bookmarking networks that they help you keep a track of your favorite links which means users visit your blog again and again
- Link Sharing and Discovering When users discover something new and creative they share it with other users who in turn visit the blog/site and it increases the traffic of the blog/site
- Classy Look and Interface You will have to admit that the Web 2.0 Bookmark icons that I have made are classy and will make your blog look cool
- Make Money Though Bookmarking Networks do not help you make money directly but indirectly they are the source of huge traffic which is the true revenue generating factor
Implementing The Bookmarks
Now if you are satisfied by the above points that indicate the use of Web 2.0 Bookmarking Networks then lets come to point where we learn how to integrate them to our blog:
- Download the Bookmarks Icons Package and Unzip it locally
- Go to your Theme Images directory at wp-content/themes/your-theme/images and create a folder inside it named bookmarks such that the new hierarchy looks like wp-content/themes/your-theme/images/bookmarks and upload the bookmark icons here that you unzipped locally
- Open index.php in a text editor which can be found inside your Theme Folder and put the Bookmarks Code just in between where the Content call and the Comments call
- Repeat the above step for single.php and page.php inside your Theme Folder.
- To add some cool opacity hover and styling add this Bookmarks Style Code to style.css in your Theme Folder
- Your done
Just Relax and Enjoy some Traffic now
Live Preview
Here is a live preview of how the Bookmark icons will look inside your blog loop:
![]()
Moreover do not forget to see a live preview here on Sizlopedia as I have implemented them here too
Implementing In The Sidebar
Well to implement these Bookmark Icons in the sidebar there is a little different process:
Follow the above mentioned first 2 steps as it is then do the following:
- [-do as above-]
- [-do as above-]
- Open your sidebar.php inside your Theme Folder and use the Boomarks Sidebar Code to make them appear in the sidebar
- You are done. Enjoy
Here is a Sidebar Preview of how the bookmarks look:

Comments and Suggestions
Honestly this may seem a little project but I have done a lot of hard work to bring it for my fellow bloggers so please appreciate the work and comment for appreciation suggestions and improvements that should be made.
If anyone would like to request support for more specific bookmarking networks they can add their requirements using the comment feature and I will develop icons for that particular Bookmarking Network and will update the code accordingly too.
Pingback: Building a New Concept For a Web 2.0 Blog
Pingback: Create Social Bookmarks for your Blog : -| Life Rocks! 2.0 |- Technology, Internet, Blogging, Life and Thoughts
Pingback: 10 Free Web 2.0 Social Bookmark Icons
Pingback: Free iPhone-Like Web 2.0 Icons