How To Easily Add 3D Social Bookmark Buttons To Your Blog Posts




| 5 comments

In this post i will show you how to add a set of social bookmarking buttons to your posts that requires just adding a simple piece of code to your blog.

Social bookmarking is a vital resourse all bloggers must use.
In an earlyer post i went into detail on the power of social bookmarking Click here for that post.
If you aint got bookmarking buttons under your blog posts Get Them !

They can increase :

  • Your blogs rank in google,bing and other search engines





  • Visitor numbers to your blog





  • Return visitor numbers to your blog





  • These are the buttons we will be adding :


    Photobucket

    In three steps you will be clicking save and your Done :

    1.Click Layout---> edit html for your blog
    (Tick expand widget templates box)

    2.Find this piece of code in your blogs html :
    (Use ctrl f for a search box to find the code)


    <data:post.body/>


    3.Now copy the piece of code below and paste it Immediately AFTER the above code



    <a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><div style="clear:both; ">
    <div style="width:60px; float:left;">
    <script type="text/javascript">
    digg_url = &#39;<data:post.url/>&#39;;
    </script>
    <script src="http://digg.com/tools/diggthis.js" type="text/javascript"/>
    </div>
    <div style="width:60px; float:left;">
    <script badgetype="square" src="http://d.yimg.com/ds/badge2.js" type="text/javascript"><data:post.url/></script>
    </div>
    <div style="width:65px; float:left;">
    <a expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Stumble" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif"/></a>
    </div>
    <div style="width:65px; float:left;">
    <a expr:href="&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Delicious" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif"/></a>
    </div>
    <div style="width:65px; float:left;">
    <a expr:href="&quot;http://technorati.com/faves?add=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Technorati" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif"/></a>
    </div>
    <div style="width:65px; float:left;">
    <a expr:href="&quot;http://twitthis.com/twit?url=&quot; + data:post.url" target="_blank" rel="external nofollow"><img alt="Twitter" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif"/></a>
    </div>
    <div style="width:65px; float:left;">
    <a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" target="_blank" rel="external nofollow"><img alt="Facebook" style="padding:0;margin:0;border:none;" src="http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif"/></a>
    </div>
    </div>


    Click save and your done !

    I have lots more social bookmarking options Click Here To see a list.
    Do you like these ones ?


    Join over 5000 Subscribers! Please sign up to receive Updates.

    SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

    No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


    If You Enjoyed This Post Please Take 5 Seconds To Share It.

    5 comments:

    1. On blogger I have the option to have posts show up as individual page posts as well as one long blog of multiple posts. (Which is good for SEO.) When I put your code at the instructed place, the bookmark icons showed up after EVERY post instead of just once on the blog. (I'm trying to find one for the sidebar...have to keep browsing your cool blog :) Is there a way to place this so it only shows up on the home page or side column or some consistent place like that? Actually, I might just go back and try putting it somewhere else...love your blog!

      ReplyDelete
    2. Me again - just want to add that I could place the code in the left column and worked great. (A little big - would like to know how to make images smaller) So other blogspot bloggers know they can just put it in an html gadget :) (or whatever they're called).

      ReplyDelete
    3. Hi S.T.S.,

      On your first question, set you posts to have an individual page this is Very very important for S.E.O.! You can still have as many posts as you like on the home page.I wouldnt go over 7 or 8 as too many will really slow down the loading time for you home page:Click->'settings'->'formating'for that option..

      Not fully understanding you second question on html gadget...However to make the images you upload to blogger smaller you do have the option when using the upload form to choose 'small' 'medium' 'large'.Also when your image is uploaded if you look at the image code you will see 'width' and 'height':(width: 253px; height: 142px;) you can play around with that to get what you want.

      Hope this helps,
      Pop in a reply if you do need more i assistance im always glad to help,

      Paul.

      ReplyDelete
    4. Hello!
      I discovered your blog just yesterday and Im in love with it! for a technologically challenged person like me, your blog is a life saver. however i am not able to make changes in my blog. in fact my blog doesnt even have this:

      i want to keep my present template but add small things like fb share button and stuff like that. please help me out!
      my blog is:
      www.insomniacunplugged.blogspot.com

      ReplyDelete
    5. @ Insomniac - Every Blogger blog has that code, did you tick the expand widget templates box ?

      ReplyDelete



    Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


    Hire Us