SocioFluid
How to get Dock like Bookmark on your blog?
Go to SocioFluid and generate your own Website you want to add on your bookmark dock.
See Sample Image:
Click to see Full size,
Try this Sample Below:
Image Reflection
Here is a great tool for creating faded reflections for your images.
You can upload an image from your computer or any image hosted on the internet.
Either way, you'll get an amazing looking picture.
It can give your web pages more depth, which is always a good thing. Also, you can decide how big you want the reflection to be. Here I gave about a 50% reflection size for the image on the left.
Pls. be patient,its lil bit Slow...to generate your image
Round Image Generator
Do you want to have a cool pictures with round sided?well click browse and enter your own image then click Round it! button
How to implement on your blog?
Log in to your Blogger account
Go to "Design" > "Page Element"
Click on "Add a Gadget" > "Html/Javascript"
Now paste this Code below inside the box.
<form action="http://www.roundpic.com" method="post" enctype="multipart/form-data" target="blank"><input value="1048576" name="MAX_FILE_SIZE" type="hidden"><table><tbody><tr><td class="title"><b>Image:</b></td><td class="input"><input name="file" type="file"></td></tr><tr><td class="title">or <b>URL:</b></td><td class="input"><input value="http://" name="url" type="text"></td></tr><tr><br /><td colspan="2" class="submit"><button onclick="getLoader();" type="submit">Round it!</button></td></tr></tbody></table></form>
Preview first then Save.
Google Buzz
Do you want to have a Google buzz in your Blog?
ok Follow my instructions...
Log in to your blogger account
go to "Design" > "Edit Html"
Now find this piece of Code below
<data:post.body/>
Immediately before that paste this code
*If you need a smaller compact button, then change normal-count to small-count in the code.<div style="float:right;padding:4px;">
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="en_IN" rel="nofollow" expr:data-url='data:post.url'></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
*If you want to show the button on the left rather than on the right, then change float:right to float:left in the code
Random Post
This Widget creates a link for your template that directs users to a random post when clicked on.
How to implement on your blog?
Log in to your Blogger account
Go to "Design" > "Page Element"
Click on "Add a Gadgets" > "html/javascript" Paste this code below on the Box.
<div id='myluckypost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelinglucky'></script>
After you Done it then Save.
Show/Hide Contents
How to Implement to your blog?
Log in to your Blogger account
Go to "Design" > "edit html"
Find this piece of code
</head>Immediately Before that paste this code
<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
How to use on your post?
<a aiotitle="" href="javascript:togglecomments('hideshowdemo')">+/- Click Here to Expand and Collapse</a>
<div class="commenthidden" id="hideshowdemo"><ul>
<li><a href="Your Url">Link Name</a></li>
<li><a href="Your Url">Link Name</a></li>
<li><a href="Your Url">Link Name</a></li>
</ul></div>
Change The Url and Link Name With your Own...
Kontactr
Do you want to have a Better Contact Me form?
Go to Kontactr
Registration required, just fill up the simple for and verify your email.
after you register just copy the code, and paste to your website.
if you want to have a Pop-up contact form copy the code on the "KPU form" and paste to your blog/websites.
Language Translator for Blogger
If you are having a blog and receiving visitors from various countries and cities of the world, then they may or may not be comfortable with the language of your blog. So adding a translator button or a widget is always useful.
Two options to add a translator:
I.
Log in to BloggerGo to Layout and then Add a Gadget -> HTML/Javascript
Now copy and paste this code in to it:
Source: Google
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Then Save.
Log in to Blogger
II.
Log in to Blogger
Go to Layout and then Add a Gadget -> HTML/Javascript
to get the code, Click this MyDataNest