How to Change the Favicon in Blogger

Blogger supplies every blog with the standard orange "B" blogger favicon. Having your own unique favicon is a great way to give your blogger template both a distinct and explicit brand. These small 16X16 pixel images will most definitely help your blog stand out from the rest of the blogspot blogs.

What is a Favicon?

A favicon is a small 16X16 image located at the top of your browser in the url bar.

How to Change your Favicon

1. First go to Layout >Edit HTML in your Blogger Dashboard.
2. Backup your existing template before making any changes!
3. Place the code below directly below the </head> tag in your template.

<link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon' /> <link href='http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico' rel='icon'/>

4. Now save your template.
5. Once your template is saved view your blog and make sure to refresh the page and delete your cookies.

Creating your own Favicon

1. Replace the image URL (2X) with your own 16 pixel by 16 pixel image hosted on the internet.
http://bsaves.com/HowHero/Blogger%20Templates/moonspot/images/favicon.ico
2. You can host your own favicon blogger image at sites such as ImageShack; PhotoBucket; Flickr; etc.
3. Check out this Favicon Generator Tool which allows you to upload an image and it will format it for you!

Read more »

Posted in: blog,blogger,blogging,blogspot

Recent Posts with Thumbnails Widget for Blogger

This post explains how to add Recent Posts widget in Blogger with image thumbnails:

Yesterday, when I was working on my new Magazine style wordpress to Blogger template conversion (I'll release the template tomorrow)
..this idea popped up in my mind. This feature is also requested so many times here.. so, here we go..
After many trial n errors, I finally did it!

Features:
Thumbails to Recent Posts
Comment Count

So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript

3. Just copy and paste this code..


<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Explanation:

(Edit the values to fit your blog)

boxwidth - Width of the widgetcellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)fntsize - Font size of the titleacolor - Color of the titleaBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://schemar-mag.blogspot.com/ (change this to your blog url)
This script is currently hosted in my server ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
But, it is STRONGLY Recommended to download the script and upload to your own hosting (google for free javascripts hosts) and replace that url with yours.

4. Last but not the least.. Save the Changes.

That's it guys!

Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds

Read more »

Posted in: blog,blogger,blogging

How Can I Customize My Blogger Template With My Own Headers?

How to Customize Your Blogger Template with Your Own Headers

If you are not too happy with the default header in Blogger, you now can make one for yourself. You can use image editing tools, Adobe Photoshop, MS paint, and lots more. You can change colour, width, height and arrange it according to your tastes.

Steps to follow while making your own header is listed below:

1. Sign in to your blogger’s account. .

2. Click on Layout and then Edit HTML.

3. Make sure that you have backup of all your blogs. You can do that by Downloading Full Template.

4. In the HTML template you have to look for the below mentioned code:

<div id=’header-wrapper’>

<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Header (Header)’ type=’Header’/>
</b:section> </div>

5. Now here you have to make three changes and they are:

• Change the value of maxwidgets to 2.
• Change the value of showaddelements to yes.
• Last but not the least, change the value of locked to false.

6. Now after you are done changing, go to Page Elements but remember to save the templates. In the header section you will find a new feature called ‘Add a Gadget’.

7. This feature will let you to change the header according to your wish, and you can design it as you want it.

8. You can also add a picture in header along with giving it the hyperlink to your Blog’s homepage. To do so you have to make some changes in HTML. First of all you have to upload the picture online using tinypic, imageshack, photobucket which allow you to post your images for free. Go to Add a Gadget and click on it, then in HTML/ JavaScript do the following:

• Title field should be blank.
• Put your blog address and link of your image in “your blog URL” and “link to you image” respectively. Don’t forget to save it.   For example, <a href=”YOUR-BLOG-URL”><img src=”LINK-TO-YOUR-IAMGE”></a>
• To get rid of old header go to Edit and click on Remove
• Now you have created your own Header for your blog

Read more »

Posted in: blog,blogger,blogging,blogspot,Website

How Can I Improve My Blog Rankings And Become A Better Blogger

Three Factors Can Make You a Better Blogger

Yes, it is as easy as it sounds. If you want to be a better blogger, if you want to achieve success through blogging, then you just need to follow the three words rule. These three words are like bible for the bloggers. So, if you really want to know these three words and be successful in making the blogs, then just keep on reading it.

Those three words are:

• Relevant
• Powerful
• Inspiring

It might seem to be simple words with uncomplicated meaning but that is not true. In the blogging world, these three words have got the greatest importance. Let’s find out what it is all about.
1. While you are creating your Blogs, you will need to make sure that you focus completely on the niche you choose. If you waver away too much from your main topic, you might distort the readability and value of your Blog. Then their contents might not interest the readers, and you will see your Blog traffic thinning down or becoming scarce.
2. Each and every word that is used should be in its right place and must be used properly with meaningful purpose. Don’t just scribble anything that comes to your mind. In case of sensitive and volatile subject, you have to use various significant words that suit the accuracy of the sentence.
3. Last but not the least, here comes the most essential and the inspiring part. There are two different kinds of writers, one who is good and another, who is great. The only thing that differentiates them is their writing style.

To be honest, writing an inspiring article brings the about a world from a writer. If the reader moves on thinking that it was nice after reading your article then you are a good writer but if the reader actually does what you have asked them to do through your article then you are a great writer.
Try to follow these three simple words and write mind-blowing Blogs
Looking for work from home opportunity? Leave a comment and I’ll get back to you.

Read more »

Posted in: blog,blogger,blogging,content,writing