Blogging and Make Money Online Tips for your success!

How to Fix Wordpress Blank Page Error on Leaving Comments

This is a guest post by Udegbunam Chukwudi of StrictlyOnlineBiz

God knows how many times I’ve got the wordpress blank page error after leaving comments on some blogs. Some days back I got an email from one of my readers complaining that he had left  two lengthy comments on my blog only to get a blank page after clicking the submit button.  Thus I set out to find a solution and finally I’m 99% sure I’ve found one.

Click here to continue reading

CommentLuv Now available for blogger platform

Blogger Platform users it’s time that you can say Hurray! because popular wordpress plugin CommentLuv which I am using it in my blog to share luv with my commentators is now also available for Blogger users.

This actually got released a week ago but I didn’t blogged about it at that time as the site(www.js-kit.com) was having some problems with their servers while installation. But now everything is good and I have tested it on my blogspot test blog.

Click here to continue reading

Displaying Widgets on Specific Pages in Blogger

One of the reader recently commented on my blog to know how I show some widgets on the blog main page and it hides away on the content or item pages. The answer of this I will say that I use Conditional Tags in my Blogger Template which gives “condition” to any widget that where to appear and where not to. I am using these conditional tags at many places in my blog.

So through this post I will teach you that how you can easily make use of these Conditional Tags in your template and easily play with the positions of your widgets

Click here to continue reading

How to Setup Blogger Custom Domain With Name.com

From 3-4 days many people are asking that they have a domain from name.com but they are having trouble setting it up for their blogger custom domain.

Here are few e-mails from the people:

Sent to Link Number: 2b04c
Sender Name: rky
Sender Email Address: XYZ@gmail.com

hi i buy doamin name via name.com
how i setup that domain name for my blogger blog please give me step by step solution for that problem …

Sent to Link Number: 2b04c
Sender Name: abhijote
Sender Email Address: XYZ@gmail.com

i have buy a new domain through name.com please give me a detail procedure to set up it on blogger account..
i really need your help

As I told that I bought this domain from name.com just for $6 with many features.I also got many problems setting that domain and some people might have seen strange things happening at that time but no worries now it’s all perfect.

Click here to continue reading

Background Image for Blogger Template

With this guide, you would be able to add a background image or picture to your Blog, customize the position of your image, and have a static background image that stays in place when you scroll through the contents of your blog.

You will need to create an image. Find a picture you like. If you need a free photo editing tool, you can either search the net for one or use Google’s Photo Editing Software Picasa. You can also use a small tile-size image which can be repeated so as to cover the entire page. Try not to have an image file that is too large as your page may take a little longer to load.

After creating a picture, you will need to upload it onto a free picture host. You can read about using free hosts like Google Page Creator and Google Groups. We have also a rather comprehensive list of free Image Hosts and File Hosting Services in our article on Manage Blogger Image Storage Space. Check out those sites and choose one that is fast, reliable and enables hotlinking to the uploaded files. Take note of the picture URL.

Next, log in to your dashboard layout; under Template -> Edit HTML, scroll to where you see this:-

Change background color

If you would like to change the background color of your blog to a very unique color, you can manually specify the color value. Search online for color codes, or take a look at the HTML Color Chart to see if you can find your desired color. For example, if you have chosen a color code #B38481, change the above code to this:-

If you are changing the background color of your sidebar only, add the color code under the relevant sidebar heading.

Similarly, if you want a different color for your main post column, add the color code as follows:-

Note that different templates may label their stylesheets differently. The #sidebar-wrapper may be called #side-wrap or something to that effect.

Add a background image

The code to insert is this:-

Remember to insert the URL address of your image in the brackets. If you would like to have a feel of how a background picture will look like, I have uploaded a test image at this address – http://i154.photobucket.com/albums/s255/ownlblog/narutosasuke1024×768.jpg

Insert the URL of this test image into the above brackets and Preview your blog.

You can also have a background image just for your sidebar. Locate the style and add the background image code accordingly.

For a background image to your main post body only, add the code here:-

Repeat background image

By default, the image is repeated to fill up the entire background of the page. If you have a small or tile-sized image, it will appear like a print pattern in the background. Sometimes, you may choose not to have the image repeated. If that is the case, you can insert this code:-

Alternatively, you may only want the image to be repeated horizontally. The code is this:-

To have the image repeated vertically, the code is this:-

Position background image

If you have an image that is not repeated, you may like to specify the exact position of this image on your page. The HTML code to be inserted is this:-

Your image will appear at the top left corner of your page. The other possible values that you can use to replace “top left” are:-

top center;
top right;
center left;
center center;
center right;
bottom left;
bottom center;
bottom right;

If you do not want it entirely left, right or center, you can also define the horizontal and vertical alignments either in percentage or in pixels. Use either of these values instead, with x being the horizontal value and y being the vertical value.

Static background image

After that, you may specify whether you want your background image to remain in a fixed position when the contents of your blog are scrolled. By default, the picture scrolls with your content. To have it stay put, the code to insert is this:-

Putting it all together

The eventual CSS code that you will have for your customized template may look like this:-

You can also combine the attributes into one line and the shorthand code will look like this:-

Putting the above code into my blog, this is what you would see.

Of course, after having added the background image, you will need to adjust the colors of your text so that they stand out against the backdrop. Go to Template -> Fonts and Colors to do that.

How to add a favicon to your blog

A favicon, also known as shortcut icon, website icon, page icon or urlicon is a small, square icon, usually 16×16px in size, that is displayed alongside the URL in the web address bar of a web browser.

The reason for using a favicon is branding. Most modern web browsers allow tabbed browsing. This means that a user can open several websites in the same browser window. A nice favicon design will distinguish your blog / website from the other websites.

Some modern browsers also allow favicons to be displayed in the Bookmarks section. Again, this will ensure your website will be distinguished from the others.

Favicon formats

The most widely used favicon format is .ico. Other favicon formats used are .gif and .png. You can also add an animated gif as a favicon, but this is currently only supported by Mozilla Firefox. Even though this is only supported by Firefox, there is the possibility of using multiple favicons. For example you can use an animated one which will display in Firefox and a static one which will display in the rest of the browsers.

Favicon Design

A favicon has a 16×16px size so to design it it’s advisable to use a larger size such as 128×128px and then scale it to 16×16px

To get the favicon on your blogger, you need a code to add to your template, and this is it:

<link rel=”shortcut icon” href=”http://myfavicon.com/favicon.ico” />

<link rel=”icon” href=”http://myfavicon.com/favicon.ico” />

Replace “http://myfavicon.com/favicon.ico” with the URL of where your webspace stored your ico file, & paste the code between the head tags of your blog. The favicon will now appear in most browsers address bar and bookmarks. (Not sure about the rhyme or reasoning here, but some do…some don’t.) Added bonus! If you use Mozilla Firefox (why wouldn’t you?) it will also show up on the tabs!!!!

Guidelines

• The link elements must be inside the head element in the HTML.
• Use the appropriate resolution and color depth : ICO – include multiple resolutions (the most commonly used being 16×16 and 32×32, with 64×64 and 128×128 sometimes used by Mac OS X) and bit-depths ; GIF – use 16×16 in 256 colors ; PNG – use 16×16 in either 256 colors or 24-bit.
• For XHTML, the link element must be terminated by ” />” instead of “>”.
• The .ico file format will be read correctly by all browsers that can display favicons.

Favicon Inspiration

• MpP Favicon Gallery
• The Favicon Gallery