Paper Wall Blogger Template

Paper Wall is an amazing Blogger Template that has a very stylish but simple design..The Template was designed by Indeziner for Smashing Magazine and converted to Blogger by Deluxe Templates..This Template is Adsense Ready and comes with these features modded onto it..1) Integrated Blended Adsense Ads..2) Integrated Google Analytics..3) Integrated Add this Bookmarking Widget4)Modded Title TagsDemo | Generate and downloadWhere to get the Analytics Tracking Id1. If you havent signed up for analytics you can signup at www.google.com/analytics/ 2. Now create your website profile.3. In google analytics home page all of your sites will be displayed.....

SEO Tips for Blogger - Part 1

Search Engine Optimizatio or SEO - All of you might have heard of it??So what exactly is it? What do we do to make our Blog Friendly to our readers? - We do change the layout and design so that our blog looks elegant to eyes. What do we do to make our Blog friendly to Search Engines like Google,Yahoo and Bing? - Here is where we should do SEO.. Unlike Wordpress and other blogging platforms,Blogger automatically does some SEO work for us making the job easier for us.Still there are some areas where we can do something Here is a collection of My SEO tips for my beloved readers.. 1) Don't put too much posts on homepage - When...

Recent Posts with Thumbnails for Blogger

This is an updated version of my Recent Posts Gadget.As the name suggests, this Gadget will help you to display the most Recent Posts on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. The Gadget inherits styles from your Blog. But you can override the colors if you want(this was done to support third party templates which doesn’t have the skin variables properly defined). Update : - For all those who complain that the Gadget doesn't  work ,please please check out this new Recent Posts Widget   Gadget Settings Some Previews of the Gadget with  different configurations About...

Jquery Image Magnifier For Blogger

Jquery Effects Part 1This hack will help you to post elegant magnifying effects to the images you post in blogger.Here is a preview of what this script can actually do.The method. - This is actually a very simple hack.The Scripts for this amazing hack was developed by Dynamic DriveFirst of all you will have to download two files.One is the script that powers the magnification [http://dynamicdrive.com/dynamicindex4/jquery.magnifier.js]and second one the the cursor that should be displayed when you hover the mouse over the image.Upload the cursor file(2nd file) somewhere and note down its link.I would suggest you to use http://www.hotlinkfiles.com/Now...

How to add Pages to Blogger like in Wordpress

UPDATE - Blogger has now officially released its own version of the pages- More info Many of you might have wanted to use pages for Blogger like in Wordpress.But unfortunately Blogger doesn't provide any thing like Wordpress Pages.But there is still something that can be done.To know what i am talking about,just have a look at my About Page . To create a Wordpress like page in blogger,we will first create a normal post in blogger.If you don't want this post to be shown in your feed updates,change the date of the post to something very old[may be an year back.See the pic for details] . If you want to prevent users from posting comments on your...

Some Tricks for making links in Blogger Posts

Creating links in blogger is very easy. There is a link Option in our WYSIWYG Editor.When you use this option you can easily add a new link. Now to see the Code of this link just clisk on the Edit Html Option on your Editor[See image for details]There you will see something likeAdditional Options1.Open The link in New WindowTo open the link in a new window,add the target="_blank" option to your link so that the code becomes something like2.Adding a Relation attributeRelation attribute can be specified by adding the rel="relation"The relation attribute is used to specify the relation of the link to the our post. One commonly used relation is...

Using Windows Live Writer for Blogger

Blogger Supports XML-RPC Protocol which enables 3rd part Clients to make posts on Blogger.One of the Best Blogging Clients is Windows Live Writer.It comes for free.They just need you to have a windows live id(Sign up for one if you don’t have any) Download Windows Live Writer What is Windows Live Writer? Its a Software which lets you to make posts to your blog from your desktop.This Software has a very simple and easy to use post editor with live preview and a bunch of very useful features Features 1.Easy Upload of Images with Effects Watermarks and Borders Live Writer Allows you to easily add pictures.In addition to that you can also...

Numbering your blogger Comments

This trick helps you to number each of your comments under a particular post..Thanks to Fernando of Quite Random for this awesome trick.You can read his original tutorial at Quite Random I have tried to make it easier for you.. You can implement the trick in 3 simple replacement steps..(and a little SEO is added onto this hack.) A small Demo Steps involved in implementing this trick 1.Login to your Blogger Dashboard 2.Goto Template >Edit HTML 3.Choose to expand your Widget templates. 4.Find this line of Code <dl id='comments-block'>and replace it with<dl id='comments-block'><script type='text/javascript'>var...

Light Box Image Viewer For Blogger

Light box is a really elegant image viewer addon using javascript and the prototype framework. First of all i would like to give the credits to the original maker of Light box,Lokesh Dhakar I have also added some demos of Lightbox to this page.So if you are not sure,what lightbox is,then take a look at the two demos in this Post.This will really help you in building a well styled gallery like blog. Installation Steps 1.Login to your Blogger Dashboard 2.Go to Design > Edit HTML 3.Find this piece of code </head> and replace it with <!--Light Box Code Starts Bloggerplugins.ORG--> <style> #lightbox{ position: absolute;...

Related Posts Widget For Blogger

Related Posts Widget for Blogger v1 The related posts widget will show a new related posts section below your post.The related posts widget fetches the related posts from those posts having the same label as the current post. To implement the related posts widget you will have to follow 2 simple replacement steps. 1.Login to your blogger account and get into your Dashboard 2.From there go to Layout > Edit HTML and expand your widget templates(option on the right) 3.Now find this line of code and replace it with<!--Related Posts Scripts and Styles Start--><!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'><style...

Technorati Rank Widget for Blogger / Blogspot

Technorati is an Internet search engine particularly for searching blogs.Technorati has a ranking system based on the number of references made to the blog.I have now made a widget which will display your technorati rank in a similar way as the feedburner count is displayed.The widget also comes with a Add to Technorati feature which allows your blog readers to favorite your blog at Technorati.ComYou can see a demo of the widget here on my test site.To get this widget working you will have to get a Technorati API key from here.Copy out the technorati api key and give the details in the widget installer below..You should give the following details there..1)Your Site Urland 2)Technorati API Key..If you like my widgets, why not favorite me at technorati using this link :)I had lost all my technorati...

Inline Comments For Blogger / Blogspot

Blogger has now come forward with inline comments like in wordpress.This allows you to show a comment form beneath your blog post just like in wordpress(in fact a little better) To enable the new Comment Form , Go to Settings > Comments and set Comment Form Placement as Embedded below post and Save the Settings Save the settings and if everything went right you should get an inline comments form like mine.. If you have a modded template this may not work for you. In that case try these steps.. Go to Template>Edit Html and find this line in your template code: Now replace this code with ...

Blogger Widgets

This site,Blogger Widgets mainly deals with widgets for beta blogger.What is a Blogger Widget?A blogger widget is some easily installable gadget for your blogger blog.A blogger widget will help you in adding additional features to your blog and also increase the blogs look and feel.Where can i get Blogger Widgets ?Blogger has introduced a custom API which lets programmers design new widgets for blogger.You can find a lot of Blogger widgets here on this site.How to add a Blogger Widget to My Blog ?Here on this site you will find a lot of one click installers.You just have to click on the One Click installation Widget.Sometimes you will be asked for some details.Just fill them out and then you can choose the title of the widget and also choose which blog you want the widget to be installed(if...

Embed Google Search Results within your Blogger Blog

You might have noticed the new embedded search results on this site.If you have a fair knowledge of the structure of a blogger template you can easily implement the same..Before we start take a look at the Adsense TOSAdSense for search results pages may show only a single ad link unit in addition to the ads Google serves with the search results. No other ads may be displayed on your search results pageThis really complicates the procedure..First if all make a blank post in blogger with the title Search Results preferably on some earlier date so that the post wont appear to the readers..Now that you have made the post note down the url of the...

Showing the Old Commet Form along with the new Inline Comment Form

Blogger has released the new Inline Comments form.If you haven't implemented it yet implement it at first.Now if you also like to have the old commenting system on your blog you can add the old popup comment window onto your blogs..For this first get your Blog ID.To get it just goto Layout/Settings/Posting in your blog's dashboard.Now note the url The marked out portion will be your blog's ID.Note it down as you will have to use this later in this tutorialNow find the following piece of codeand Replace it with the following if you need the popup comment formIf you need the comment form to open in the same window then replace with the followingNow...