Hoe te om Web 2.0 Referenties aan Uw Blog te integreren?

Dearly geobsedeerd met Hoe te Gidsen : koel: komt hier deze dagen een ander stuk van mijn creatieve innovaties. Vandaag zal ik mijn lezers onderwijzen hoe te om het elegante kijken te integreren Web 2.0 Sociale Referenties in uw blog met minder inspanning.

Sociaal Netwerk Bookmarking

Gevend u een inzicht aan Sociale Netwerken Bookmarking die ik zou willen om u vertellen dat fundamenteel dit zijn Web 2.0 de Diensten die toestaan om uw referenties te delen en te bewaren. Als u ontdekt de branding Internet dagelijks en nieuwe verbazende plaatsen, verhalen en nieuws. Een spoor van deze ontdekkingen houden later kunt u referentie hen op om het even welk van uw favoriet Web 2.0 bookmarking netwerken re-branding hen.

Hoewel er heel wat Web 2.0 Sociale Netwerken is Bookmarking dat tot stand is gekomen aangezien Web 2.0 de Tendens van Media maar voortkwam slechts worden wat van hen beschouwd als om de hoogste netwerken. Hier zou ik u helpen Mijn favoriete Bovenkant 5 Sociale Netwerken Bookmarking met uw blog integreren. Namelijk:

  1. StumbleUpon
  2. Digg
  3. Technorati
  4. Reddit
  5. Del.icio.us

Voordelen van de Integratie van de Referentie

De meesten van u zouden aan u dat waarom zouden moeten wij Web 2.0 Sociale Netwerken Bookmarking aan onze plaats integreren of blog houden van? Ik beteken u werkelijk wilt weten zijn praktisch gebruik niet u? Hier is het antwoord:

  • De referenties helpen u Verkeer krijgen Speciaal wanneer iemand uw post struikelt bent u welomlijnd om uw Webgastheer omhoog te verwarmen zelfs als u een blog met normaal verkeer in werking stelt
  • Houd een Spoor Uw Favorieten Dit is de belangrijkste en belangrijkste eigenschap van netwerken Bookmarking dat zij u helpen een spoor van uw favoriete verbindingen houden die de middelengebruikers opnieuw uw blog en opnieuw bezoeken
  • En verbinding die deelt ontdekt Wanneer de gebruikers nieuw ontdekken iets en creatief zij het met andere gebruikers delen die beurtelings blog/de plaats bezoeken en het verhoogt het verkeer van blog/de plaats
  • Elegant kijk en zet om U zult moeten toegeven dat Web 2.0 de pictogrammen van de Referentie die ik heb gemaakt elegant is en zult koel uw blog maken kijken
  • Maak Geld Hoewel de Netwerken Bookmarking u niet helpen geld direct maken maar onrechtstreeks zijn zij de bron van reusachtig verkeer dat de ware opbrengst die factor produceert is

Het uitvoeren van de Referenties
: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.

  • Its cool, and I ave applied it to my blog but a question. Is it much better than using any plugin like Sociable ?
  • 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:
  • Hey! Check out my blog, I'm using it! Thanks.
  • 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:
  • Thanks Dj.
  • 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
  • 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:
  • Waiting for your plugin to be released soon but that doesn't stop me from using it right now. :D
  • 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.
  • that doesn’t stop me from using it right now. :D


    I am already using it. :D
  • Thanks Dj Flush, very nice.
blog comments powered by Disqus