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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS2kQvSkN_wlQFDpbPuYf9e7bm-53xJwZV5kRKRUoPOrpK6WSxZ7fZvTIKL9nx2y28a3damYJq21nbQ22FQTbRKcYthPEJLuBNmZHwsytsOU-drKmOGPy1mz057BP2ot35sTQjBxt-7-HX/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 ?

    0 comments:

    Post a Comment