Free Premium Blogger Templates - Mahusay

Mahusay template is one of my favorite templates in the recent past. This template has all the features that a professional template needs. Bascially, Mahusay Blogger Template is a two column template that was originally created by PaddSolutions. This was converted to blogger by Free Blogger Template. The color scheme of the template is very impressive. It has got dark and light shades of cream with white as the background for blog posts, text written in black and offers a beautiful Featured content.

Download Mahusay Blogger Template For Free

The Featured content is a slider that keeps rotating on a regular basis. You may include a short description about the post in it! This widget definitely impressed me and makes the template more stylish. For people, who want to add this sliding "Featured content" widget in your blog, you may contact me personally via Email and I will let you know how to install the widget in your blog. The Read More option, like in Wood Mag Blogger Template, is incorporated by default in this template too.

Main Features:

An Elegant Menu Navigation, Sliding Featured Content with Automatic Post Update, Beautiful space for Author Profile(next to the Featured Content Widget), Default FeedBurner Subscription Form incorporated below the Author profile, 468x60 Banner Ads display at the top, Recent Posts and Recent Comments Widget at the Footer and many more... This template definitely offers a lot more features than the usual ones. It is pretty easy to troubleshoot the errors with respect to HTML coding. The coding is structured properly and there fore, you will not have any difficulties with resolving your problems provided, you know some basic HTML.

Overall, this two column template has got all the features required for a professional blog. I would rate 4 out of 5 for this template because it is pretty difficult to incorporate all the widgets and other craps in two columns. You may use it for personal blogs too!! Definitely will suit both! I hope you enjoyed this template. See you soon in my next post!

Click4more... 36 Comments

Add Tweet This and Retweet To Blogger Posts

Twitter is one of the fastest growing social networks in the recent days. Many feel it drives a lot of traffic to their blog, especially when they have a large number of followers. We should some how use this twitter to improve traffic to our blog. So, how are we going to do that? Simple, just by adding a "Tweet This" link to our blogger posts. There are certain blogs that include Tweet this in the footer of their posts, that is, at the end of the post as a social bookmarking icon. But I recommend you to place it at the top, next to the title of your post.

This post basically explains, how to add tweet this and also a retweet button to blogger posts. Many blogs have links only for "Tweet this" but not for "ReTweet". This post includes both Tweet and ReTweet option, there by, driving more traffic to your blog and making your posts more effective. This service is provided by Tweetmeme. Check the official page by clicking on the link here: Tweetmeme. The final output after installation will generate a button as shown in the picture. Fine. Enough of bla bla bla.. Let us get in to our work. Follow these steps.

1. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line, if you want to show the button below the title of your post:

<div class='post-header-line-1'>

Else, search for the following piece of code to add the button at the right end of your blog posts.

<div class='post-body entry-content'>

3. Paste the following piece of code just after the above line(either below the title or embedded with your blog posts).

<div style='float:right; margin-left:14px;'>
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

</div>

4. Save your template. That is it!! Your done with the installation. Very simple I think!!

Click4more... 58 Comments

Add Social Bookmarking Buttons/Icons Below Blogger Posts

I received few comments from my fellow bloggers relating the social bookmarking in blogger posts. Though, I have discussed how to install this in my previous post, there are few more doubts and clarifications regarding this hack. More over, my previous post just displayed links of all the social bookmarking sites and never included any buttons or icons in them. As we know social bookmarks improve traffic to our blog, it is necessary that you make it more attractive and big. Therefore, I thought why not post about this issue in my blog.

Enough of my story and your stories. Let's get our job done now!!! Follow these simple steps to display beautiful social bookmarking sites below every blogger posts.

1. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.

2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:

<div class="post-footer-line post-footer-line-1">

3. Download any one of the following text documents, that is, download the first text file for installing large icons below your blog posts. If you want small icons below your blog posts, then download the second file.

Large Social Bookmarking Button - File One
Small Social Bookmarking Button - File Two

4. Open the text document. Paste the code that you see in the text document just below the line in step 2.

5. Preview your template to check for errors in HTML code. Thats all folks!!! If you find any error, let me know via comments. Else, Save your template and enjoy those cool icons below every blog post you do.

Click4more... 98 Comments

What Is RSS All About?

I really wondered "What is RSS?", when I started blogging and I never knew what impact, it had on my blog. I just installed in my blog because I found the same in all other blogs. Now, it has been a year since I entered this blogging world and I got to know a little about this RSS which I want to share with my readers. To be very simple, it is another method for the readers to keep track of your blog. RSS stands for "Really Simple Syndication", a technology that websites use to distribute their content.

I am sure many of them use bookmarks to keep track of their favorite sites, that is checking those sites everyday or may be on a regular basis for new content. Instead, you can subscribe to each site's RSS feed and you will be informed automatically by your RSS Reader, once there is a new content added on that site. I have used two new terms "RSS feed" and "RSS Reader". What is this crap??? Wait... Relax with a coffee. Let me explain that to you.

Websites that use the technology of RSS create special files, called "feeds". As mentioned earlier, these files are designed in such a way that they are updated periodically to contain the latest information about the site. A RSS reader is simply like a software, in other words, an application to view the RSS feeds. There are two types of RSS readers available, namely, Web Readers and Desktop readers. The former one is the most preferred, because you can store your feeds on the internet rather than on your hard drive. Some of the popular and free RSS readers are: Google Reader, FeedDemon, Bloglines, etc... I prefer Google Reader because, it is simple to use.

Fine. I got my RSS reader. Now, what do I do? Simply, subscribe to the RSS feed of all your favorite websites. Now, how do I do this? Few sites mention "Subscribe Via RSS" or provide an icon, (something like the one, I should on top of this post) some where in the site for their readers to subscribe via RSS. While few browsers, like Fire Fox have got this option in built, that is, you can click on the icon displayed on the right end of the location bar to subscribe to them. Feel free to subscribe to my RSS feed too.

Click4more... 8 Comments

Automatic Read More Hack For Blogger With Thumbnails

I recently wanted to change my blog appearance and while working for the same, I could find this hack. This hack is basically an updated version of the previous "READ MORE HACK" provided by sites like eblogtemplates. The disadvantage with the previous hack was that it did not create a summary of the posts that are already existing, that is, posts that are already published. Moreover, you had to include the code every time in your posts to create a summary of the post.

This post will explain you how to add the automatic read more hack for all posts including a thumbnail, if the post has got a picture in it. If the post has not got any picture, it just shows a small summary of the post. Follow these simple to install this hack in your blog.
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.
2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line: </head>
3. Paste the following piece of code above </head>.

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 450;
summary_img = 400;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

4. Now, do a search again for the following piece of code: <data:post.body/>
5. Download this Automatic Read More Hack. Replace the following piece of code with that present in the file. Now, save your template and check out the result.

You may customize the number of letters displayed in post by changing the value in the following line, that is, change the ones highlighted in red.

summary_noimg = 450;

summary_img = 400;
In order to change the height and width of the thumbnail that is displayed in every post, you need to modify the following line, that is, change the ones highlighted in red.
img_thumb_height = 100;
img_thumb_width = 120;

Click4more... 43 Comments

How to add HTML codes in Blogger Posts?

Recently, one my blog readers wanted to know how do I add Java scripts and other HTML codes in my blog posts. To be very frank, even I had this question when I started my blog initially. And when I tried to implement such tricks in my blog, I faced a lot of difficulties with the coding. But nowadays, I find many sites have come up with blogging tips and it has become very simple to customize your blog. Let me straight away tell you, how to implement this trick on your blog posts.

If you just want to show up HTML codes in your blogger post, that is without any customization, then use this site : Simple Code. This method will show the HTML as it is and looks very simple. If you want to customize the way it is displayed, like I do in my blog, then you should follow the next method. In this method, you will have to include some codings and then your job will be done.

Follow these simple steps to include the HTML/Java script codes in your blog post:
1. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.

2. Now, do a search using "CTRL+F" for the following line: ]]></b:skin>
(Note: I have used the first method here. Just to show you how it looks)
3. Once you find the code, paste the following piece of code above it:

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}

4. Once you do this step, save your template and return to your blog post where you want to insert the HTML code. Place the HTML content in between the following two tags namely, <div class="codeview"> and </div>
5. You can include the code straight away in the "Compose Mode" of your blog post area. After you complete your post, you can simply click the button "PUBLISH POST" and later, view the result.

If you still find problems with the display of HTML codes, then use Simple Code and get the simplified code from that site. Now, place this simplified code in between the two tags as mentioned in step four. That's all folks. Hope I made it simple and clear. Please post your views below through comments.

Click4more... 35 Comments