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 :
These are the buttons we will be adding :
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
<div style="clear:both; ">
<div style="width:60px; float:left;">
<script type="text/javascript">
digg_url = '<data:post.url/>';
</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=""http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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=""http://del.icio.us/post?url=" + data:post.url + "&title=" + 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=""http://technorati.com/faves?add=" + 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=""http://twitthis.com/twit?url=" + 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=""http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + 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 ?
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :
Link To The Homepage :
Link Directly To This Post :
Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
If your asking a question or looking for extra help make sure to subscribe to comments by Mail and you will be notified when i reply.
