How To Integrate Web 2.0 Bookmarks To Your Blog?

Ads

Dearly obsessed with How To Guides :cool: 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:

  1. StumbleUpon
  2. Digg
  3. Technorati
  4. Reddit
  5. 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
:roll: 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:

  1. Download the Bookmarks Icons Package and Unzip it locally
  2. 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
  3. 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
  4. Repeat the above step for single.php and page.php inside your Theme Folder.
  5. To add some cool opacity hover and styling add this Bookmarks Style Code to style.css in your Theme Folder
  6. Your done :cool: 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:

Horizontal Bookmarks Icons Preview

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:

  1. [-do as above-]
  2. [-do as above-]
  3. Open your sidebar.php inside your Theme Folder and use the Boomarks Sidebar Code to make them appear in the sidebar
  4. You are done. Enjoy :evil:

Here is a Sidebar Preview of how the bookmarks look:

Vertical Bookmarks Icons Preview

Comments and Suggestions

:oops: 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.

  • http://www.rishiraj.info/feed/ Rishi

    Its cool, and I ave applied it to my blog but a question. Is it much better than using any plugin like Sociable ?

  • http://www.sizlopedia.com Dj Flush

    Yup It definitely is and thats the only reason I have made it :cool:

    Reasons:
    1. Its More Attractive
    2. Occupies Less Space
    3. Support for Top 5 Bookmarking Networks
    4. Can be Implemented In The Sidebar

    :roll:

  • Pingback: Building a New Concept For a Web 2.0 Blog

  • http://blog.shankarganesh.com Shankar Ganesh

    Hey! Check out my blog, I’m using it! Thanks.

  • http://www.sizlopedia.com Dj Flush

    Shankar the new Bookmarks look amazing and they blend perfectly with your theme :smile:

    However please note that in IE 6 you sidebar is going below the posts and the layout is broken

    I suggest in your Content Class you add this property

    overflow:hidden :cool:

  • http://blog.shankarganesh.com Shankar Ganesh

    Thanks Dj.

  • http://www.siteguide.us Vijay

    I was looking for something like this since I was disappointed with the Share This plugin. I found that the clicking followed by the dropdown menu to select may not go down well with people who want to save time.

    Perhaps you could tell us how you made those images? I could try making them myself for other bookmarking sites instead of troubling you with it.

    Thanks

  • http://www.sizlopedia.com Dj Flush

    Vijay Glad that you appreciate it :smile: I used adobe photoshop to create the buttons. Perhaps soon I will release a social bookmark plugin that will have support for more social bookmarking buttons and more classy looking buttons. Just stay tuned :cool:

  • Pingback: Create Social Bookmarks for your Blog : -| Life Rocks! 2.0 |- Technology, Internet, Blogging, Life and Thoughts

  • http://blog.ashfame.com Ashfame

    Waiting for your plugin to be released soon but that doesn’t stop me from using it right now. :D

  • http://www.sizlopedia.com Dj Flush

    Oh well I haven’t started building the plugin yet but soon I will. Till then try to use the manual integration method and if you face any problems please let me know.

  • http://blog.ashfame.com Ashfame

    that doesn’t stop me from using it right now. :D

    I am already using it. :D

  • Pingback: 10 Free Web 2.0 Social Bookmark Icons

  • http://www.donanimblog.com Donanim Blog

    Thanks Dj Flush, very nice.

  • Pingback: Free iPhone-Like Web 2.0 Icons

  • http://numonumo.com/ Honey

    Thanks you ^____________^

  • http://numonumo.com/ Honey

    Thanks you ^____________^

  • http://www.wordtweeting.com Rishi

    3 years and it’s still as good as fresh! :)