WidgetsCorner

Winrar 32Bit

2012-04-29T21:31:00.003-07:00

Download

SocioFluid

2012-04-29T21:22:00.000-07:00

Do you want to have a Cool Bookmark on your blog? Go to SocioFluid ,it is a Dock Site Bookmark,

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

2012-04-29T21:21:00.006-07:00

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.

Go to

ReflectionMaker

Pls. be patient,its lil bit Slow...to generate your image

Round Image Generator

2012-04-29T21:21:00.002-07:00

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?

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

2012-04-29T21:20:00.005-07:00

Do you want to have a Google buzz in your Blog?

ok Follow my instructions...

go to "Design" > "Edit Html"

Now find this piece of Code below

<data:post.body/>

Immediately before that paste this 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 need a smaller compact button, then change normal-count to small-count in the code.

*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

2012-04-29T21:20:00.002-07:00

This Widget creates a link for your template that directs users to a random post when clicked on.

How to implement on your blog?

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

2012-04-29T21:19:00.008-07:00

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

2012-04-29T21:19:00.005-07:00

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

2012-04-29T21:19:00.002-07:00

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:

Go 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.

II.

Go to Layout and then Add a Gadget -> HTML/Javascript

to get the code, Click this MyDataNest

and paste to the "html/js" then save.

Google Buzz Buttons [With Share-Counter]

2012-04-29T21:18:00.008-07:00

Instructions to add these official Google-Buzz buttons (to Blogger Blogs):

STEP #1

Visit this page: Google-Buzz Stuff

Click on the link "Post To Buzz" and in the next page,

select the type of button you want to use on your blog.

URL To Post - Containing Page

Image To Post - Let it be None.

STEP #2
Log in to Blogger, go to Layout -> Edit html and tick the tick-box "Expand Widget Tempaltes".
And find (CTRL+F) this code in the tempalte:

<data:post.body/>

Immediately Before that paste this code below,

<div style='border:0px !important;text-align:right;margin-top:-42px;'>
Google Buzz Code Here</div>

Make sure to change the Google Buzz Code with the code you got from the step 1

Then Save.

StumbleUpon Buttons [With Counter]

2012-04-29T21:18:00.005-07:00

STEPS TO FOLLOW:

STEP #1
Go to this page StumbleUpon Buttons and select the type of button you want to use on your blog.

STEP #2
Now log in to Blogger, go to Layout -> Edit HTML and mark the tick box "Expand Widget Templates". Then find (CTRL+F) this code in your template:

<data:post.body/>

And immediately ABOVE/BEFORE it, paste the code you just got from StumbleUpon, with two more additional lines of code (highlighted as BOLD, below) to hide these buttons in your blogs homepage.

<b:if cond='data:blog.pageType == "item"'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>
</b:if>

Save the template and Show off your big numbers!

Auto Highlight

2012-04-29T21:18:00.002-07:00

Here you will see how to make a Auto Hightlighter for your blogs or websites.
See Instruction on how to implement on your blog...

Click on 'Add a Gadget' on the sidebar.

Select 'HTML/Javascript' and add the code given below and click save.

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">Put your Contents right here</textarea>

Note : Remember to replace Enter Your Content Here with your real content.

Blog compatible to Mobile Phones

2012-04-29T21:17:00.009-07:00

Blogger is now ready on your phone

how to implement to your blog?follow the simple steps below...

Sign into your Blogger account > Design > Edit html
Find this piece of code

<b:include data='blog' name='all-head-content'/>

Immediately below that paste this code

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

Save the Changes!
That's it! Now, your visitors can access your blogger blog through mobile phones.

Speedup Pc 10x

2012-04-29T21:17:00.006-07:00

Do you want to increase your pc speed than before?,i try this before and its working for me,it really makes Your pc faster that a speeding bullet lols.

Ok so let's start,

Just get one Notepad

Inside the notepad type the following.

Mystring=(80000000)

Now click on File > Save as,

type Ram.vbe then save

Now check your desktop and you will see like this

Click it Twice every time you start your pc...

Warning: Don't click on it too much, because it will start to slow down your computer. You will have to click on it every time you start your computer.

Social Bookmarking Widget For Blogger

2012-04-29T21:17:00.002-07:00

With the release of Cute Box Blogger Template some useful blogger widgets which includes a Bookmarking Widget For your blog’s homepage created. This widget helps readers to bookmark your blog’s homepage on their favourite bookmarking services like Google bookmark, Stumbleupon, Delicious, Digg etc. It contains icons from our Circular Style Social Media Icon Set. This is how this widget looks like,

To add this widget to your blogs, follow these steps,

Go To Blogger > Layout

Click Add a Gadget or Add a Page element

Choose HTML/JavaScript

Inside HTML/JavaScript paste the code below,

<center><tr><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtTaW9JPHDxnOmJtCb_r6aucZyPhzoSjcx1elbv4Zq7VKx3P111FlqSvxTfCP7cbG5nhxqJh6YOONmp3TPbdrhq8HBGz6kZ2aSlmW8Etu-CU9Xs3_qv584xXplQzE6iLibgopRMj44IQ/s400/FACEBOOK.png" height="25"/></td>
<td height="30"><a href="http://www.facebook.com/sharer.php?u=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Facebook</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1ySt_u5NmFSydUUWMTAvpDH0yfu2uSQJQzP47ah62P5uuIdW9Zn9nHza4hWoZZ_nJL8AwGHdWc9BSKFhsxp5LqmceJnRzy_YFmn2_ZI9Vxp8MZqo4UfraaNNidb1nMAQxCr-3JJd5ig/s400/TWITTER.png" height="25"/></td>
<td height="24">
<a href="http://twitthis.com/twit?url=http://YOUR-BLOG-NAME.blogspot.com">Share on Twitter</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd2LA9j3dsJbTQVZ952QpTFy6hOM5CIDY0z51VsRXIwX-XOfSRJpU5p_rWKo4FTt1tO0PRp_gm-H7ADVQRp8L__RFgE2xgnkysNN6yYFB3tR2aLPTRukcf1x4VzNbBFIoo5u-she9t0gE/s400/STUMBLE-UPON.png" height="25"/></td>
<td height="30"><a href="http://www.stumbleupon.com/submit?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on StumbleUpon</a></td>
</tr><tr><td height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Wgpz-5mJtCjWWlIK_-9ZGR22uJLnNcz1gErY0XYospsZx5iNzpUVeYWTLo5IMa_YRGIIoRfFiQMIKTWHZCXQftdP9KhqHc-7bGtdelpEe8Kbzz-hoBkyXzGh_U7YrjzfiGiVQgL17jU/s400/DELICIOUS.png" height="25"/></td>
<td height="30"><a href="http://del.icio.us/post?url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Delicious </a></td>
</tr></tbody></table></td><td valign="top" width="50%">
<table border="0" cellpadding="0" cellspacing="0" width="222">
<tbody><tr><td width="28" height="30"><img border="0" width="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCnoKtUhmvSFLSs0IGJc6Rzm6pR3gQOy08SIjN-TuExeE1Qax8c3Y8vFWTFQTq33XesmFv_iy9etO_iuNl6_RXDQido04xVMZU12xONO6WQwQCRiT9pUYwli5lvY5IinP4Dr6k9j1MVA8/s400/DIGG.png" height="25"/></td>
<td height="30"><a href="http://digg.com/submit?phase=2&url=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow">Share on Digg </a></td>
</tr><tr><td height="30"><img border="0" width="22" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjbN7E_pGUVUw09tzgI9PhrbceOSSFXCaJ2MjRj14SLe0H6k1Oh4v7yjk9QG-zZhVRxhKKfMMXjvBB62dLZp07iYBPXMw4tsn2jcPWDqnjPSe30Ux4IOAfYpwFhTWEzERbtGjz3bWyPbE/s400/Google-icon.jpg" height="22"/></td>
<td height="30"><a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=http://YOUR-BLOG-NAME.blogspot.com" target="_blank" rel="nofollow" title="Bookmark this blog on Google">Bookmark on Google</a></td></tr><tr><td height="30"><img border="0" alt="Email" width="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4e5SEKwZGmLJAklGC-5karUIQGlailLgpXVpEK-embwFuUehJZVGGhlVsJtk1Jl3Y5ZZch4G4qYQ7hCr6X2jy2TAgztAcNo1YY6zfvvnc2E5e1b-rNdh93GsEdH-mueaaq80dP1sBtJZk/s400/Email+Orange_128.png" height="22"/></td>
<td height="30"><a href="http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US" target="_blank" rel="nofollow">Receive Email Updates</a>
</td></tr></tbody></table></td></tr></center>

Remember to replace YOUR-BLOG-NAME with your Blog’s good name and the Subscription Link i.e http://feedburner.google.com/fb/a/mailverifyuri=tntbystc&loc=en_US with your own Feedburner subscription link.

You can find your subscription link by going to the following location in your feedburner account, Publicize > Email Subscription . Just below Email Subscription page you will find a code as shown below,

Finally save your widget and preview your blog to see the new change!

Disable Right Click

2012-04-29T21:16:00.005-07:00

Add a Page element > html/javascript

Copy Code below and paste on html/js box

<SCRIPT language=JavaScript>

    var message = "Sorry...the work is copyrighted";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

You can change the text in red color,with your own text.

Then save.

Drag and Share

2012-04-29T21:16:00.002-07:00

How to put Drag and Share Image and link to your Blog?

Hit Design > Edit Html

Find this piece of code

</head>

Immediately before that, paste this code

<link charset='utf-8' href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/prettysociable.css' media='screen' rel='stylesheet' type='text/css'/>
<script charset='utf-8' src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js' type='text/javascript'/>

<script charset='utf-8' src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.prettysociable.js' type='text/javascript'/>

Next find this code in the template:

</body>

And immediately ABOVE/BEFORE it, paste this code:

<script charset='utf-8' type='text/javascript'>
$.prettySociable();
</script>

For Link (hyperlink) with this hack will look like this:

<a href="http://www.google.com/" rel="prettysociable">Link To Google</a>

Sample Link:

YouTrickz

And for Image with this hack will look like this:

<a href="http://www.google.com/" rel="prettysociable"><img src="http://www.google.co.in/intl/en_com/images/logo_plain.png" /></a>

Sample Image:

ColorBox Effect

2012-04-29T21:13:00.006-07:00

First of all, log in to your blogger account

Next go to Edit html

Back your templates before doin this effect ok.

Now Find this piece of code

</head>

Immediately before that paste this code

Click Here to Copy

Then click

For pictures format: (Change rel"Example2,example3,example1,)

Click this image to see Demo:

For Video format: (remove "/watch/v=")

Click this link to see Demo:
Carino Brutal - Skapshock

For Inframed page format:
Click link below to see Demo:

Google Inframed

<a class='iframe' href="http://www.google.com/">Google Inframed</a>

Remove Blogger Navbar

2012-04-29T21:13:00.004-07:00

Fist log in to your Blogger account

click on Design,click on Edit Html Tab

Before you try this make sure to backup your templates just incase.

Now find this piece of code

/* Variable definitions

Immediately before that paste this code below

#navbar-iframe {

display: none !important;

}

Then click Preview first,
Then hit

Lightbox Image Effect

2012-04-29T21:13:00.001-07:00

Go to Layout -> Edit HTML tab

Backup your Template first

Find this code on your template

</head>

Immediately before that paste this code below:

<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/lytebox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/lytebox.js"></script>

Then click Save.

For Picture format:

Demo:

Credits to Bloggerstop.net

Credits

Adding Snowflakes

2012-04-29T21:12:00.002-07:00

Falling SnowFlakes, use this code:

</script>

Falling leaves, use this code:

</script>

Preview first then Save.

Credits

Meta Tag

2012-04-29T21:11:00.004-07:00

Log in to your blogger account
Go to edit html
Make sure to backup your templates
Find this code
<head>
Immediately After that paste this code

<title>Your Site Title</title>
<link href="mailto:Your Email" rev="made"/>
<meta content="blog, Blogger, Google Blogger, template, Blogger template, tutorial, blogger tutorial, tips, tricks, blogger tips, blogger tricks, blogger tips and tricks, make Money" name="keywords"/>
<meta content="Your Name" name="author"/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content="Site Description" name="description"/>
</b:if>
<meta content="INDEX,FOLLOW" name="ROBOTS"/>

Change the words in red with your infos.
Then Save.

Credits

Blogger Favicon

2012-04-29T21:11:00.002-07:00

go to Edit html
make sure to back up your templates first
Now find this code
</head>
Immediately before that paste this code below

<link href="Your Favicon URL" rel="shortcut icon"></link>

Change the Link in Red with your Icon
Preview it first
Then Save.

Add Digg Button

2012-04-29T21:10:00.004-07:00

Log in to your blogger account
Go to edit html
Make sure to back up your template first
Now find this
<data:post.body/>

Immediately before that paste this code

<div style='float:right;'><script type='text/javascript'>digg_url = '<data:post.url/>';</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

Then Save.

Credits

Bouncing Icons

2012-04-29T21:10:00.002-07:00

Log in to your blogger account
Go to Edit Html
Make sure to back up your templates first okies
Now find this code
</head>

Immediately before that paste this code

<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/screen2.css' media='all' rel='stylesheet' type='text/css'/>
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/execute.js' type='text/javascript'/>


Next Find this
<data:post.body/>

Immediately After that paste this

<br/>
<b:if cond='data:blog.pageType == "item"'>
<center>
<ul id='nav-shadow'>
<li class='button-color-1'><a expr:href='"http://twitter.com/home/?status=Currently reading-" + data:post.title + " " + data:post.url' target='_blank' title='Tweet This Post'/></li>
<li class='button-color-2'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-3'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-4'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='button-color-5'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li></ul></center>
<a href="http://bloggerstop.net/2009/10/bounce-share-social-bookmarking-widget.html" target="_blank"><span style="font-size: x-small;">Get this widget</span></a>
</b:if>


Then Save.

Credits

Image:
or URL: