Sunday, January 18, 2009

My December 2008 Mylot Payment: $11.49


I got paid by MyLot again. It is not a huge amount. It is only $11.49 but I am very happy with it.

If you always read my blog, you will know that I am being paid by MyLot for a lot of times. MyLot is surely a great forum to make money. I made around $100.00 from MyLot already.


If you are interested about MyLot, you can visit some of the links below. Those links below are the proof of payments from MyLot.

If you are not sure what is MyLot, read more about it below:
Join MyLot to Make Extra Money!!!

Tuesday, December 30, 2008

Free Template: New Pinky Girl Template

I created another new template for my Blogger's Template Series and I called it New Pinky Girl Template. This template is mainly pink in color. I want to use pink color because I know that a lot of girls like pink color very much. So, this template is pink in color.

So, if you are interested to get "New Pinky Girl Template", please proceed to the later part of this post. You can download it and install it to your blog.

This template is a simple template. I do not make it into a 3 columns template because I want to make it very simple and clean. So, it is a simple 2 columns template.


The Red Template Specifications:
  • 2 Columns
  • Dark Red, Pinkish Red, Grey and white
  • XML template
  • Free for All.
Download New Pinky Girl Template Here...

If you encounter any problem installing or downloading the template, please do not hesitate to inform me. I hope that this new template will be a nice template for all.

Saturday, December 27, 2008

Free Template: 3 Columns The Red Template


I am quite happy that I have successfully created a new template to my Blogger's Template Series. I named the newly created template "The Red Template". The new template is not whole red but some parts of the template are red in color. I tried my best to choose the best red color and I am sure that the red color I have chosen will not hurt your eyes.

So, if you are interested to get "The Red Template", please proceed to the later part of this post. You can download it and install it to your blog.


The Red Template Specifications:

  • 3 Columns
  • 1 navigation bar
  • Dark Red, Pinkish Red, Grey and white
  • XML template
  • Free for All.

Download Gradient Blue Template Here...


**Please open the "Installing Navigation Bar" text file in the zip file to learn how to implement the navigation bar on Gradient Blue template.

If you encounter any problem installing or downloading the template, please do not hesitate to inform me. I hope that this new template will be a nice template for all.

Monday, December 15, 2008

How to Add Read More to Your Blog's Posts


Adding Read More to your Blogger's blog is not very hard to do. It only requires you to follow some simple steps and spend some time to copy and paste codes to your blog's template.

I found that adding "Read more..." function to our Blogger's blog posts is an effective way to make our blog looks more tidy and neat. Personally, I do not like a blog or site that have very long list of posts and I need to scroll down a lot of find the posts I want to read. So, by adding a "Read more..." function to our blog, we will shorten our blog posts and give a better reading experience for our blog readers.

So, please read on to learn how to implement "Read more..." function on your blog. I have make it short and simple for you to follow.


Please follow very carefully the steps describe below. You must do it step-by-step to make sure everything works properly. Do not skip the steps.

Step-by-step Guide to Implement "Read more..." on your blog:
1. Login to your Blogger.com account, then go to "Layout">>"Edit HTML".
2. Now, please select the "Expand Widget Template" before doing anything. Then, find for in HTML code.

3. Copy and Paste the code below after .=

4. Now, look for the in the HTML code. Copy and paste the code below after .

Read More...

5. Now, Save your template.

6. Go to "Setting">>"Formatting". Then, scroll down to the lowest part of the page and you will find the "Post Template".

Note: "Post Template" is the place where you can place codes or words so that it will always appear when you create new posts.


Copy and paste the code below into "Post Template".



After you pasted the codes, your "Post Template" will look like the picture below:

If you cannot see clearly, please click the picture to enlarge it.

7. Now, click on "Save Settings".

8. Now, you can go to "Posting" to create a new post. On the new post page, you will see the page below:


If you cannot see clearly, please click the picture to enlarge it.
***Remember: Type part of your post before the and then type the rest of your post between the and .

Then, click on "Publish" and all your new post will look like the picture below:


If you cannot see clearly, please click the picture to enlarge it.

Now, you will have "Read More..." function for all your blog's posts now.

I hope my step-by-step guide above will be helpful. You might want to read about "How eblog templates implement the Read More function". Enjoy the new feature.

Friday, December 12, 2008

My MyLot Earnings USD$14.73 November 2008 Received


Thanks again to MyLot. I have received my payment today. My earnings in MyLot for November 2008 is USD$14.73 and I got the payment today in my PayPal account. I am quite happy with it and I am going to make more this month. I will work very hard this month (December 2008) so that I can show you the biggest earning and payment proof from MyLot in January 2009.


If you always follow my blog, you will find that I already got several payments from MyLot and you might already know what MyLot is. For me, I think that MyLot is a site for me to chat and discuss about a lot of stuff and make money at the same time when I discuss and chat.

MyLot is a site for me to make extra income and work hard for the extra income. If you are still not sure what I MyLot, then you might want to read more about it using some of the links below.

If you are not sure what is MyLot, read more about it below:
Join MyLot to Make Extra Money!!!

Wednesday, December 10, 2008

Add Extra Columns in Your Blogger's Blog Header



You might see that some blogs or sites are having extra columns in their blogger blog's header. Some of those blogs or sites are using the extra columns of their blog's header to sell advertisements to make more extra income from their blog while some other bloggers are using the extra blog's header columns to place navigation bar for their blog or they will use the extra blog's header columns to place the "Subscribe to the Feed".

So, if you are looking for the way to ad extra columns to your blog's header, this post will be helpful to you. I have written down the steps to do to create columns in your blog's header.



The picture above shows the blogger blog's header after modified.

Note: Please note that not all blogger's template can be modified using the same method as describe below. I am sure that the methods below are suitable for minima templates. The steps mention below can be used for blogger's templates with the "header-wrapper" code.

Step-by-step Guide:
1. Login to your blogger account. Then, go to "Layout">>"Edit HTML". Now, Do Not Choose "Expand Widget Templates" and look for the code below:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


2. Then, replace the codes above with the codes below:

#header-wrapper {
width: 660px;
border: 1px solid #000000;
margin:0 auto 10px;
border:1px solid $bordercolor;
clear: both;
word-wrap: break-word;
overflow: hidden;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
width: 400px;
float: left;
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header-right {
width: 220px;
float: right;
border: 1px solid $bordercolor;
color: $pagetitlecolor;
margin: 5px;
}

#header-right-top {
padding: 0 5px 10px;
}

#header-right-bottom-section {
padding: 0 5px 10px;
}

#header-right ul {
margin: 0;
padding: 5px;
}

#header-right ul li {
display: inline;
padding: 5px;
}

#header-right-bottom {
width: 220px;
float: right;
border: 1px solid $bordercolor;
color: $pagetitlecolor;
margin: 5px;
}

#header-right-bottom ul {
margin: 0;
padding: 5px;
}

#header-right-bottom ul li {
display: inline;
padding: 5px;
}

The codes above might not match the width of your blog's template. So, place make some modification to the width so that it matches your blog. The width that you might need to change is #header-right-bottom, #header-right, #header and #header-wrapper. Remember that #header-right-bottom and #header-right should be of the same width to prevent out-of-shape blog's header.

3. After pasting the codes above, now you need to find for the codes below:








4. Replace all the codes in step 3 with the codes below:
















5. Now, you have completed all the important steps. So, you will need to click "SAVE TEMPLATE" to save the changes that you made.

Done. Now, you have successfully modified the your blogger blog's header. You might want to firstly "Preview" the changes before clicking the "SAVE TEMPLATE" button. After you save everything, your blog's design will look like the picture shown.

Enjoy.

Monday, December 8, 2008

Changing Your Blog's Favicon to Your Own Favicon



Do you know that you can change the favicon of your blog hosted on Blogger.com to the favicon of your own? Normally, we will have as our blog favicon. For me, I do not like the favicon because it makes my blog look not professional. So, I change it to my own favicon.

You can change your blog's favicon to your preferred favicon too. It is quite easy to make the modification. Just follow the steps described at the later part of this post, I am sure you can do it too.


Changing blog favicon is not as hard as it seems. It is quite simple and you only need to do some simple steps to change the favicon to your preferred favicon. So, please read the steps below:

Step-by-step Guide:
1. First of all, you need to have the image to be used as your favicon. If you do not have one, you can use favicon generator to create favicon using photos. You can use the Favicon Generator on BloggerBuster. If you do not know how to create your own favicon, you can get free favicon at Favicon Gallery or you can check Smashing Magazine for ideas of favicons.
2. Now, Login to your Blogger.com account.
3. Go to "Layout">>"Edit HTML".

4. Copy the code below:





*Remember: Change the URL "http://your-icon-url.png" to the URL of your favicon. For example, if you upload your favicon to Photobucket, then you will need to login to your Photobucket account to copy the URL of your favicon.

5. Now, find for the section within the HTML codes of your blog. Paste the code in step 3 after the .
6. Now, save your template.

Done. You have successfully change your blog's favicon to your favorite favicon. You can now try to visit your blog and you will notice that the favicon is changed to your preferred favicon.