With all blogs now offering social bookmark options they have become invisible to most readers but this set will defiantly stand out.Once you follow the steps below the monster bookmarks will be below all your posts.
This is a screen shot of the gadget :
You can also see a demo of the gadget on a live blog : Live Demo
Looks Great !
How to have the monster Share It Bookmarks to your blog
Step 1. In your dashboard click 'Layout' > 'Edit Html' > Tick the 'Expand Widget Templates' box
Step 2. Find the following code in your blogs html :
(Click Ctrl and F for a search bar to help find the code - More Info)
<data:post.body/>
Step 3. Place the following code Directly Below/Under <data:post.body/>
(If <data:post.body/> is in your template twice place it below the second one)
<!--Monster Social Bookmarks-->
<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><br/>
<a href='http://www.spiceupyourblog.com/' target='_blank'><img alt='Monster Share Gadget' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEJHvrBaUY-9DxHcnOEF2wXh5QVlgCxXal6jrEg5NbR-rEUwQa57HjIYxNeY0-eI1J8Rmlt0Hrmpz0-96pvS9DYk3fMDuNB4gpKHgyrz0-70Pj4BSTN73ING5MXQl7fnnPlnZoFT2AFDa/s1600/shareit.png'/></a>
<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' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif' style='padding:0;margin:0;border:none;'/></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' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif' style='padding:0;margin:0;border:none;'/></a>
</div></div><small><a href='http://www.spiceupyourblog.com/2010/02/social-bookmarking-widget-share-it.html'>Blog<br/>Gadget</a></small><br/>
<!--More Info : www.spiceupyourblog.com-->
Once you have the code in place save your template.
The Monster Bookmark Set is now below all your posts !
We have lots more cool social bookmarking options for your blog : Social Bookmarking Sets
Drop Your Comments, Views And Questions Below.
0 comments:
Post a Comment