flipkart SEARCH

Increase Traffic by Changing the Title for blogger posts-Blogger Hack  

Posted in

Yes, Now you can change the Title of the blogposts on individual post-view. You might have seen that I've changed the Title of my homepage to "Tech blog for Blogger tricks, widgets, templates, adsense tips and much more." This trick can help in boosting your search engine rankings.

By default, your Blogger's title on the top left displays your blog title, and if it's in the items page, it'll include your post title as well.eg, Blogger TTT:Change the blog title for blogposts. By copying the coding from below, you can change the default behavior of the title tag.

Step 1-Goto Blogger Dashboard>>Layout>>Edit Html
Step 2-Backup your template

<data:blog.pagetitle/>

Now replace it with







<b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> ~ <data:blog.title/>











<data:blog.pageTitle/>



Further more you can add a very good keyword in homepage's title by just adding Keyword + Blog Title by finding this line in the above code{3rd last}-


<data:blog.pageTitle/>


and adding keyword here


<data:blog.pageTitle/>Keyword


Be creative in writing Keyword, it will surely help your blog grow and also for search engine optimization.
I would like to thank Webtalks for sharing such a great trick with us.

Comment Form Below the Posts-Widget For Blogger  

Posted in

Now you Blogger / blogspot users can have a comment form under your post. this mean your readers can leave and write a comment exactly under your post. without clicking and open a new page / window.

How to Do That?Sooo Easy:-
1. This is a free service from haloscan.com, so what you need to do is just register for a new account on haloscan.com, and about seconds, you’re registered.
2. Login to haloscan
3. Click the SubMenu “Install”
4. Choose your blog type, and because we’re talking about blogger, so blogger it is.
5. Click Next and follow the instructions.
6. Done, and congratulation

With this haloscan free services, we can have a better great comment system on our blogger / blogspot blog.

there are many great points about this services.
1. We can easily integrate it with cocoment.com service, so you can track your comments
2. You can customize the header of your comment from
3. it’s free. that’s the most important
so what are you waiting for?

I think You Have Noticed This Comment Form in My Blog!
Have an easy way to leave a comment Quickly!

New Customizable Recent Comment Widget For Blgger  

Posted in

Blogger announced that they support blog feeds in JSON format also. Soon, Hoctro found some sample code to use these JSON feeds and used it to come up with a recent posts/comments widget of his own. I realized that it is now possible to customize the recent comments widget further to anyone's needs.Using this method, we can only show very few words of the comment (too few to comprehend) and upto 5 comments only. I have developed a widget that allows the blog author to customize both these. You can see the new widget in my sidebar, showing entire comment mostly and significant portion of the comment in some cases.

With this widget,
1. You can specify how many comments you want to display in your blog (defaults to 10)
2. You can specify the maximum number of letters that should be displayed in each comment (defaults to 100).

Here is how you add this widget to your blog.

Step 1: Goto Template->Edit HTML tab. Find the tag in your template and add all the code from this page before it and save the template.

Step 2: Goto Template->Page elements tab and click on "Add a page element" in your sidebar. Choose HTML/Javascript element. Give an appropriate title and copy/paste this code.





You need to change the blog URL to yours. You could also change the number of comments/letters per comment to whatever fits your blog. Then, save the changes and move the widget to wherever you want. There, you have a customized recent comments widget!!

For those who are interested in the details, I am displaying the content of each entry in the comment feed instead of the title (after removing all the html tags). I display only the number of characters as specified and also control the number of entries displayed. All this is done in the callback function to which the JSON object is passed.

Increase Your Blog Load Time : Easy Blogger Hack  

Posted in

Does your blog load slowly? Many bloggers don't have a clue on this. They assume everyone is seeing their blog at the same speed they are. If it is your personal blog, it may be a big deal to you. If you are trying to run a business, or offer people important information, this can be very important. If your front page takes a great deal of time to load into a browser, then you may want to do a little redesigning to increase the number of visitors that decide to stay at your site.

First, remember that not everyone has a T1, cable modem, or ISDN connection to the internet. In fact, there are still a large number of surfers with modems less than 56K. So, as web designers we must see to it that our sites load as quickly as possible without losing anything important.

Let's start with the obvious bandwidth hogs: images and other media. My suggestion here is to take out every form of multimedia embedded in you front page except for images. Sure, a background song can be nice, but these sound files can take up a great deal of bandwidth, especially if the sound is a .wav file. (I made a 30 second .wav on my computer- It came out around 140K). Videos can be even more taxing, (1 MB or more at times) and should probably be avoided unless absolutely necessary. As a surfer, if I have to wait more than 10 seconds for something like this to load, I'm tempted to hit "Stop" or "Back". So if you use these, keep the file sizes small (Probably 30-40K or less would be OK). Better yet, save them for a later page.

Your images will be your next big worry. These can also get quite large, so caution is necessary when dealing with images. For starters, do not make an image any larger than you need it to be for the effect you desire. If you have an image that is 600 pixels x 600 pixels, your page could take forever to load. One of the easiest ways to reduce the file size of your image is to simply give the image smaller dimensions. Go to your image editing program, and resize or resample your image to make it smaller. You can also compress your images using special services on the web which reduce the file size of images for you, and let you choose the images that still look good once they are compressed.

After you have the images as compact as you can make them, you can save loading time on other pages by using one or more of the images from the front page on other pages. The image you loaded for the viewer on the front page will be in the browser's cache, and will load instantly when it is called on your other pages! This will allow you to load other things you may need without needing to worry about the image again.

Another trick you can use is to define the width and height in all of your image tags. This way, the browser knows how much space the image will use on the page, and will not have to adjust everything once the image starts loading. It will save a little time, and will also keep the page from jumping when an image loads.

Finally, be sure your front page is as short as possible as well. A longer page can take a long time to load, even if it is all text. Put extra information on another page and use a link for people to go view it. You will save a little extra time, and maybe reduce clutter a little bit.

How to Add a Menu Bar To your Blog-Blogger Hack  

Posted in

Missing a real menubar on you Blog? This hack explains how you can add a simple menubar to the top of your Blog. It is in fact a simple link list, and that is a standard page element of Blogger Beta. I have added a new section at the top of the Blog Page, and the link list is inside that section. Of course there are some tricks to play, such as hiding the link list title, and showing the links list elements side by side. Here is how it is done.



In this Page Layout you can see where I have added the Menubar. The code of this section is highlighted in red:










To the CSS-part of your template, add coding for the menubar-id:

#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: $headerTextColor;
}

#menubar a:hover {
background-color: $headerCornersColor;
}
The menubar title is hidden, so that only the options are visible.
The list-elements are set to none, so that there are no bullets in front of the menu options. And if a menu-option is hovered over, it is highlighted