Add Facebook Recommendations Bar To Blogger

In order to keeping busy visitors on our blogs finally we got the plugin which we have been waiting from long time,recently facebook has launched their "Recommendation Bar" in beta version,the Recommendation Bar is a plugin which shows a number of some recommended articles for your readers or visitors and you can set number of recommended articles,when any visitor visits to your any post,after some specific time the plugin pop ups at the right/left corner of your blog with the recommended articles,thats why its helps you to keep busy your visitors on your blog.The plugin contains title of your post,thumbnail and number of likes just below of that post and the plugin shows the only those articles which are previously liked or shared on facebook.If you want more such plugins then I am listing some similar widgets and plugins -

Read More

Create Dropdown Menu For Labels Widget

A labels widget displays your posts’ labels and each label is linked to a page containing posts which fall under that label. Usually as your posts increases, so will your labels. If you don’t limit them, sooner or later your labels widget will take over your sidebar!

Fortunately you can prevent that from happening by converting the widget into a a dropdown (or is it a pulldown?) menu. Your labels widget will be reduced to just one line! And it only expands into a full list when you click it.

Read More

20 வகையான பிளாக்கர் Widgets and Hacks

Related Posts Widget
Display related posts beneath each of your blog posts. Links are displayed based on labels given to each post.

Tag Cloud Widget
Display a simple tag cloud in your blog's sidebar. The tags are displayed based upon the labels given to each post.

Random Posts Button
This widget creates a link for your template that directs users to a random post when clicked on.

Change the Favicon
Are you tired of the regular organge favicon provided by blogger? This tutorial will teach you how to display your own customized favicon.

Top Commentators Widget
Reward your readers for commenting on your blog with this widget. The widget displays the names of the top commentators and will direct you to their website when clicked on.

Change the Title Tags for More Search Engine Traffic
This tutorial teaches you how to make your post title show up before your blog title in Google search results. This is very important when it comes to Search Engine Optimization!

Recent Posts with Thumbnails
Grab your readers attention with an appealing recent posts widget which includes thumbnails.

Recent Comments Widget
Make your blog look alive by displaying recent comment discussions.

Digg Vote Button
Let your Digg readers Digg your posts directly from your blog with this handy little widget.

Search Bar for Blogger
This widget displays a small search bar in your blog's footer. Your readers will be able to easily search your blog for specific content.

Table of Contents
Allow your readers to easily navigate through your site with an interactive Table of Contents.

Blog Widgets

Facebook Widgets
Connect your blog or website with your Facebook Account using these powerful widgets.

Currently Online Readers Widget
A small widget which display how many users are currently online. The widget also indicates which pages are currently being looked at.

Contact Admin Widget
Let your users stay in touch with you with this contact form.

Post Ratings by Outbrain
Let your users give your post a star rating from one to five.

Social Bookmarking Widget
This widget lets your users to easily bookmark your blog posts at the bottom of each post.

PageRank Buttons
 Showoff your blog's Google PageRank with this small widget.

Google Talk Chat Back Badge
A Google Talk chatback badge will let visitors to your web page chat with you. They'll be able to chat with you whenever you're signed in to Google Talk.

Twitter Widget Tools
A great post containg 502 twitter widget tools, buttons, and icons for Engaging your followers.

PayPal Donation Button
If you've got a loyal reader community that might be willing to sponsor you as a blogger, this would be the way.

Google Buzz Share Button
Another way to share your content across a great social network.

Performancing Ads Widget
Another way to make some money from your blog by letting others advertise on your site.

Sudoku Puzzle Widget
Have some fun on your blog with this interactive sudoku game that will easily go in the sidebar.  The sudoku has five different levels of difficulty.

Other

Change Your Template
Choose from a huge list of custom blog templates. Providing your blog with a new design will make it look fresh and new.

Switch to a Custom Domain
Upgrade your blog to your own domain name such as YourDomainName.com

Read More

பிளாக்கரில் உள்ள image களை Zoom செய்யலாம்.

 



STEP #1
Log in to Blogger and go to Layout -> Edit HTML
then, find (CTRL+F) this code in your template:

</head>

And immediately ABOVE/BEFORE it, paste this code:

<!--JQZOOM-STARTS-->
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.jqzoom1.0.1.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jqzoom.css" type="text/css" />
<script type="text/javascript">

$(function() {
var options =
{

zoomWidth: 275,

zoomHeight: 275

}
$(".jqzoom").jqzoom(options);

var options2 =
{

zoomWidth: 275,

zoomHeight: 275,

zoomType:'reverse'
}

$(".jqzoom2").jqzoom(options2);

});
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

Default width and height of zoom-window is fixed as 275x275 pixels. You may change the values if you want.

STEP #2
Save your template.

STEP #3
Now whenever you want to add this image-zoom effect to your images, simply add the class "jqzoom" to your a href tag.

So, if this is the usual code you use to display an image in your blog:

<a href="DIRECT_LINK_TO_THE_LARGER_IMAGE" title="IMAGE_TITLE"><img src="DIRECT_LINK_TO_THE_SMALLER_IMAGE"/></a>

Now to implement the hack, the new code becomes:

<a href="DIRECT_LINK_TO_THE_LARGER_IMAGE" class="jqzoom" title="IMAGE_TITLE"><img src="DIRECT_LINK_TO_THE_SMALLER_IMAGE"/></a>

In the DEMO, this is the larger image used while this one is the thumb-nail.

NOTE #1: To display the images with Reverse Opacity Effect (second image in the DEMO), add class="jqzoom2" instead of class="jqzoom"

NOTE #2 (IMPORTANT): For this hack, you should have two sizes of the same image. The smaller image is displayed in the blog, and the larger image is hyperlinked to the smaller image (displayed in the floating window).
You may use any image-editor (MS-Paint/Adobe photoshop) to create the smaller thumbnail-image (displayed it in the blog posts).

Read More