Easy get $50,$200,$500 from Phicaphone

Phicaphone is the first worldwide contact search engine - a centralized and constantly updated source for all your contacts, accessible from anywhere in the world.

from that's you just do invite your friends and earn a commission based on the number of friends who sign up until 8/1/2009

How money you can get from that affiliate :
- from 200 user registration = $50
- from 500 user registration = $200
- from 1000 user registration = $500

I think you are smart to try this changes. Please Registration

Read Full Article

How to Create Four Column Footer in Blogger/Blogspot

From this tutorial you will be able to add four column to your blogger footer in easy steps. You can see the live demo at the bottom of this blog, i have four columns in the footer section. By adding extra columns at the footer, you will save some space in sidebar and also upload time of your blog.



I searched for 'creating four column footer for blogger' in internet, but found nothing. So i come across some tutorials on 'creating 3 column footer' and modified them to 'four column footer'.


Steps You Need to Add 4 Column Section at the Bottom of the Blogger

Step 1. Login to your Blogger Dashboard

Step 2. Go to Layout >> Edit HTML , do not check the "expand widget templates" box. This will simplifies the process

Step 3. Back up your existing blogger template (Click on 'Download Full Template' to Back up)

Step 4. Now search these line of codes or similar ( footer-wrap, footer, footer-end etc.

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Step 5. Replace section code in blue with below code

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>

<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>


<div style='clear:both;'/>
</div>

Step 6. Now you need to add CSS for these section, add below CSS code right above ]]></b:skin>

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Step 7. Preview and Save your template. Now you will have four column at footer section

Read Full Article

Post Page Navigation Links On Blogger

Default page navigation links in blogger blogs are simply not appealing. At the bottom are of your blog it shows two links such as "Older Posts" and "Newer Posts". Few times readers get confused with these links. So, it's better to change these page navigation links with some cool images or texts. Using some quick HTML edits we can rename these navigation links and can also customize them to look better.

The below image of blogspot page navigation looks smart and pretty cool. You may like to rename Older Posts to Previous and Newer Posts to Next. You can also use some simple arrow icons to describe the page navigation. Few people also use both text and image icons to show their page navigation on blogspot. It's pretty simple to do on blogger like other blogger tricks.


To change the older posts and newer posts links on your blogger blog, follow the below mentioned steps.

1. Login to Blogger and go to your Dashboard
2. Navigate to Layout >> Edit HTML
3. Expand Widget Templates by checking the box next to it.
4. Now search for the below codes in your template.

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

5. The above codes written in bold and red letters display their corresponding links.

1. <data:newerPageTitle/> displays Newer Posts in your template.
2. <data:olderPageTitle/> displays Older Posts in your template.
3. <data:homeMsg/> displays Home in your template.

6. You can change those codes to any name. And those names will appear on your blog footer in stead of those default links.

Below I've edited the above code to display Previous, Next Page and Home on your template. Have a look on it.

expr:title='data:newerPageTitle'>Next Page</a>

expr:title='data:olderPageTitle'>Previous</a>

<a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>

<a class='home-link' expr:href='data:blog.homepageUrl'>Home</a>

The above code will make your navigation link look like the below screenshot.



You can keep any name there. But remember to keep a relative name, else that might create more confusion. The above blogger tutorial tells you the procedures to change the "Older" and "Newer Posts" navigation links from the footer and keep something cool. If you are having any problems, don't hesitate to use the comment section below.

Read Full Article

Web2.0 Logo Design Download

Web 2.0 logos, how you can draw their logo exactly the same (well, not really 100% though) with Photoshop.



1. Download And Install Style File

First of all, you will need to download a style I’ve created and load it into Photoshop.

1. Download Photoshop style here.
2. For Photoshop CS2 users, put this style file into
"C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles"
Photoshop of other versions, put the file inside Presets\Styles


2. Load Style

Call up your Style Dialog box in Photoshop

1. Windows -> Styles
2. Notice a small arrow button on the top right corner. Click on it and select Load Styles from the drop down
3. Find web20 from the list and clickLoad. If you don’t find web20, try close Photoshop, re-open it repeat Step 1.
4. Click on the arrow button again and select Large List from drop down

Your result should look something similar to the image on the right.

3. The Six Web 2.0 Logos

Here's six Web 2.0 Logo; MyBlogLog, Imified, mixd, skype, Linked In and Go2Web20. The style you’ve just installed is going to reveal how to draw them. I'll go through "mixd" and "Go2Web20" logos, the rest is just reusing the same technique.
4. How To Draw

The reason I use Style here is because once they are saved in to a .asl file (the file you downloaded) they are convenient to apply. Let's go about drawing some of these logos.

Drawing mixd Logo

Initial observation, mixd logo consist of

1. "mixd" text
2. rounded rectangular
3. small dot
4. smaller dot

Read Full Article