Mengenai Saya

Guru & #Gurungaji di Berbagai lembaga pendidikan
Diberdayakan oleh Blogger.
RSS

Google Adsense WordPress Plugins


Google Adsense WordPress Plugins

Listed below are 10 best Adsense plugins which help you work smarter with wordpress.
  • Adsense Deluxe  – offers advanced options for managing the automatic insertion of Google AdSense or Yahoo Publisher Network (YPN) ads to your WordPress posts. Easily switch all AdSense ads to a new color scheme across the entire site.
  • Adsense Injection  – inserts Adsense code randomly into a pre-existing blog. Takes a random paragraph (or br tag) break in your article and inserts adsense code. It does one per story on multi-post pages (home, archive, category) and let’s you pick how many to show on single post pages.
  • Adsense Beautifier  – makes your Adsense look beautiful by placing images beside them to increase your clicks (CTR) and subsequent Adsense earnings. (May not be compliant with Adsense TOS now)
  • AdRotator WordPress Plugin  – rotates your adsense ads with other affiliate programs like Chitika Eminimalls wherever you want. Helps to reduce ad blindness and test different ad formats and affiliate programs.
  • Adsense Earnings WordPress Plugin  – displays your adsense earning details within wordpress admin panel.
  • AdSense Manager  – is a WordPress plugin for managing AdSense ads on your blog. It generates code automatically and allows positioning with Widgets.
  • AdSense Sharing Revenue and Earnings System  – allows you to view your adsense earnings and share your adsense impressions with your friends and co-authors.
  • Google Ad Wrap  – wraps posts and comments inside Section Targeting tags for better targeted ads.
Support and upgrades are provided by the respective authors of these wordpress plugins. If you know of more Adsense wordpress plugins you like, let me know in comments and I can add them to the list.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Landing Pages Turn Traffic Into Money


Landing Pages Turn Traffic Into Money

What is a Landing Page?

Image of Landing Page graphic
A landing page is any page on a website where traffic is sent specifically to prompt a certain action or result. Think of a golf course… a landing page is the putting green that you drive the ball (prospect) to.
Once on the green, the goal is to get the ball into the hole. Likewise, the goal of the copy and design of a landing page is to get the prospect to take your desired action.
Here are a few examples of ways that landing pages are used with various traffic sources:
  • Traffic is sent from a pay per click (PPC) search marketing campaign (such as Google AdWords) to multiple landing pages optimized to correspond with the keywords the searcher used.
  • Traffic is sent from a banner ad or sponsorship graphic to a landing page specifically designed to address that target audience.
  • Traffic is sent from a link in an email to a landing page designed to prompt a purchase.
  • Traffic is sent from a blog post or sidebar link to a landing page that pre-sells affiliate products or encourages an opt-in to a sub-list.
  • The page you’re currently reading is a content landing page designed to organize many related pages around an overall theme.

Nine Landing Page Tutorials That Will Make You Smarter:

Here are nine articles that will help you start creating killer landing pages right away:
  1. 5 Landing Page Mistakes that Crush Conversion Rates
  2. 10 Tips for Writing the Ultimate Landing Page
  3. 5 Tips for Designing the Ultimate Landing Page
  4. “Keep it Simple, Stupid” Applies to Your Landing Pages, Too!
  5. How is an Effective Landing Page Like a Direct Mail Letter?
  6. 7 Steps to an Email Opt-in Page That Works
  7. How Crappy Landing Pages Kill Email Campaigns
  8. How Successful is Your Landing Page? The 3 Key Metrics You Need to Know
  9. The 10 Commandments of Landing Pages That Work

Landing Page Software for WordPress:

Premise is a bundle of software and education that lets you quickly and effectively create landing pages with WordPress. The total product breaks down into the three vital aspects of landing pages that work:
  1. Pages

    First of all, you’ve got to be able to create the important landing page types outside of your normal WordPress theme. You don’t want your typical header and sidebars in the mix, and you need to be able to controls styles, colors, fonts, and graphics specifically to those landing pages.Premise allows you to easily create 6 critical landing page styles in WordPress, add visual flair with included custom graphics, and control fonts, colors, and styles without code. And it works with any WordPress theme you’d like to use it with.
  2. Copy

    Building pages alone won’t get you the action and conversion rate you’re looking for. It’s the copy that makes people do what you want, and this is the element missing from any website or page-building software. But we’re uniquely qualified to make up for that. Premise makes your words work with copywriting advice delivered directly from your WordPress interface for each type of landing page. Plus you get the Premise Guide to Effective Copy and high-quality copywriting seminars as part of the deal.
  3. Optimization

    No matter how great your copywriting skills, there’s always room for improvement in your conversion rate and search rankings. You just need the proper tools and the right guidance. Premise provides detailed conversion optimization seminars, split-testing directly from inside WordPress, and SEO tools that ensure you’re getting the absolute most out of your landing pages.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

How To Start a Blog and Make Money Online – in 10 Easy Steps


Are you curious about how to make money online? Think that starting a blog is the way to go?
Great! Starting a blog can be a solid way to make long-term income – just for doing some writing on stuff you actually like and care about. But there’s a little more to it than that AND it may not be for everyone. This is not a get rich quick or plug and play business. If that’s what you’re looking for, this is not the place for you.
Yes, you can make a lot of money online but, like other traditional businesses, it’s not guaranteed. Anyone who tells you otherwise, is not being truthful.
Our goal is to help people who are really serious about building a real online business – because you can make a little, or a lot of money. That all depends on you…
Here’s the big difference between making money online and going to a job every day. If you do it right, the work you do today, this week, and this year – will continue making money for years to come. It’s an investment rather than trading your time for money.
So how does this work? Search engines find and cache the articles that you write, and over time each post is “worth more” to the search engines. That means you’ll get more web site traffic with every passing month as your site gains credibility. This does not happen overnight. It takes persistence and even some hard work – but you can do it if you’re serious and committed…
We did it (Dan and I both walked away from our corporate jobs and now do this full time), and so can you. The good news is that you get to take advantage of what we’ve learned over the last several years and avoid the sand traps that we had to dig our way out of.
So let’s get started – RIGHT NOW!
Here are 10 EASY steps we’ll take together to help you start a blog and make money online.

Decide to start today

TODAY. No, not tomorrow, not next week, and not next month. Tomorrow always feels “safe” because you’re not having to make a decision. The power of today is that you make that commitment to yourself. And that is the first step to success.
This step is the most critical one, and it’s where most people get stuck. Don’t dream about doing something. Just get up and do it.
“The best way to live the life of your dreams is to start living the life of your dreams Today, in every little way that you possibly can.”  – Mike Dooley, Inspirational Quotes from Today Is That Day

Step #1 – Choose the right niche – What your blog is about…

Choosing the right niche for your blog is perhaps the most important choice you can make BEFORE you actually start writing. Choose the wrong niche, and it’s very unlikely you’ll ever succeed.

Some questions to help you choose the right niche

  • The most important question you have to ask yourself is this: What are you passionate about?
    It’ll be very hard for you to write regularly and authoritatively and be a go-to industry expert on a topic you don’t really care about. Passion tends to make the difference between amazing success and quiet failure.
  • Do you intend to make money with this blog? Would you like it to be your primary income source?
    This makes a big difference. If so, you’ll have to choose a nice that is not overly crowded. Regardless of the crowding, you’ll need to research your niche thoroughly and develop your own value proposition.

Research your niche and learn the landscape

Find the popular websites in your niche, study them closely, and visit them regularly.
Get to know the authors and regular contributors. Comment on their posts regularly so they can get to know you too.

Find the right keywords to target with your blog

Once you choose your niche, it’s crucial to find the right keywords to target. This is a delicate balance between finding keywords that get enough search traffic and keywords that don’t have too much competition.
Don’t wait until your site starts getting popular to figure out which keywords to target, or you’ll waste a lot of time and effort and end up starting from scratch.
While you can do a lot of research the manual, old-fashioned, and time-consuming way, we recommend you use a keyword research tool to find your keywords quickly and accurately.
For more details on choosing your niche, check out “How to Start a Blog – Step 1: Pick Your Niche”.

Step #2 – Get a web hosting account

Your host should be reliable, responsive if you have questions, and inexpensive. $7 per month is reasonable for a reliable host; less than that and the service tends to go down a lot.
Many people try to save those few dollars and start a blog with a free platform like Blogger.com. But we strongly advise against it. It’s virtually impossible to get free search engine traffic to those free blogs, and support is completely nonexistent. Oh, and if your blog disappears overnight (as we had happen once on Blogger.com), there’s nobody to call and ask for help. Your work is all lost. You’ll also have a hard time moving away when your blog takes off. And you’ll lose all the search engine value that you’ve built up.
Take this seriously and go with a proper web host that actually has competent support people available to help you. Spending $7/month for a proper web host will also help you realize that you’re serious about your goal.
We highly recommend HostGator when your just getting started.
HostGator is great because it JUST WORKS, they offer a lot of great features, and (unlike most other quality web hosts) you can sign up for an inexpensive monthly plan, and pay month by month. Most of the other guys advertise a really cheap rate, but you only get that if you pay 1-3 years up front.
The fact Hostgator’s email support team replies to my issues in literally minutes is awesome, but that’s not the only reason we recommend HostGator. Check out all of the reasons we love them in our web hosting review of HostGator, and then go set up your own account with them today.
Are there other good web hosts? Sure, but HostGator is the only web host that we recommend to our own friends and family when they ask…
If you’re just starting out – or you’re looking to keep your costs as low as possible while working with a solid, reliable web host, do yourself a favor and get started with HostGator.
Don’t forget to check out our web hosting review of HostGator, and give it a try yourself; we’re glad we did.
Tip: Don’t forget to use Coupon Code BLOGSUCCESS when you sign up with HostGator – and your 1st month is just $0.01! That means you can start a blog today for just $0.01. Now you’ve really got no excuse to delay, so take a few minutes and do it before you get busy and forget!
For more information on web hosting, read “How to Start a Blog – Step 2: Get a Web Hosting Account for your Blog”.

Step #3 – Install WordPress

After you choose a reliable web host, you’re ready to install your blogging software. The most flexible choice available today is WordPress. It’s also free, and easy to set up and maintain.
Yes, this is a little more involved than setting up a free account somewhere, but it’ll be well worth the effort when you get more web site traffic in a month then you would have gotten in a year on a Blogger.com.
For more information and step by step details on how to install WordPress, check out “How to Start a Blog – Step 3: Install WordPress to Run your Blog”.

Step #4 – Make a great first impression with a great blog theme

First impressions always matter. On the web, that’s even more important. A web visitor’s first impression about your site determines if he clicks away in the first 5 seconds, if he stays on to read what you have to say, and if he will ever come back again.
So it’s very important to put your best foot forward. Make your site interesting, distinctive, and engaging to your readers by using a great “theme”. WordPress themes are basically website designs that you can just download and enable for your WordPress account.
Start with a free theme and when you have the resources, consider having a custom theme made to enhance your brand even further.
For more information and how to find great free themes for your blog, make sure to read “How to Start a Blog – Step 4: Make a Great First Impression with a Great Theme for your Blog”

Step #5 – Configure WordPress and its plugins to get the most search engine traffic

What good is a blog if nobody is visiting? One of the great advantages of WordPress is the vast array of options to make your blog very yummy to the search engines. This is all about understanding what Google wants and giving it to them in the way they want it. Simple.
The most powerful SEO trick of all: “work with Google to give them what they want instead of trying to trick them”.
For our list of must have plugins and brain-dead simple SEO tips, check out “How to Start a Blog – Step 5: Install These WordPress Plugins to Get the Most Search Engine Traffic”

Step #6 – Make your blog welcoming and engaging to every reader

To make your visitors stick around and come back for more – day after day – use the power of WordPress and make your blog fun, engaging, and interactive.
Use polls to get readers involved and ask their opinion. Feature the latest posts and comments. Show off your most popular articles. Get readers truly involved by getting them to comment on your posts.
To discover a few simple ways to get your readers coming back, again and again, check out “How to Start a Blog – Step 6: Engage Your Readers”

Step #7 – Write your first post

OK, at this point you’ve chosen THE best niche for you, you’ve become very familiar with that niche and it’s most popular sites, and you’re basically what could be considered an “authority” on your topic.

So now is the time for that all important first post

Off the top of your head, make a quick list of all the issues in your niche that people care about. What problems do they have, what questions do they have? What keeps them up at night?
Now pick ANY one of these and write a quick article on it. This “article” can be just a simple Top 10 list, with a supporting sentence of two for each bullet. That’s it!

Get feedback

Get this first article out there and see what people think. Email it to your family and friends, and ask them to help you make it better.
All the planning in the world is no substitute for Action. It’s time to go forth and do those good and powerful things.
For detailed steps on how to get started writing great content, read “How to Start a Blog – Step 7: Write your First Post”.

Step #8 – Set up your RSS feed

Not long ago, RSS was the domain of the super-geeky. But today, millions of mainstream internet users are subscribing to RSS vibes every day.
Get set up with full-blown RSS support by setting up a free account with FeedBurner. They’ll pull a feed from your blog, make it pretty so everyone can actually read it, and they’ll even give you accurate stats on your readers. Yes, it is nice to know if anyone is actually subscribed to your feed.
WordPress also has a simple plugin that you can enable to support your shiny new FeedBurner RSS feed service.
For more information on RSS, check out “How to Start a Blog – Step 8: Set up Your RSS Feed“.

Step #9 – Register your new blog with the top directories

Once you have a few posts out there, it’s time to start getting the word out. Search engines want to see links coming back to your site. Those links show that people other than just you consider your site to be important.
Well, at first you have no links. So you have to start somewhere. One of the best places to start is the endless list of web site directories and now blog directories which are just begging to give you a free link.
Here are a few to get you started: BlogCatalogDMOZ and the Yahoo Directory. DMOZ and Yahoo Directory are very important, but your submission to them is considered just a “suggestion”, and you may never hear back or get included.
Blog Catalog has turned into a social community of bloggers, which makes it significantly more valuable than a regular blog directory, largely because of the relationships you can forge there.

Step #10 – Promote! Social Media, Internet Press Releases, Article Marketing, and more

If you don’t tell people about your new site, they’ll never know about it! Stop hoping someone will accidentally stumble upon your site. Take matters into your own hands and get the word out there!
It’s never been this easy to promote a brand new site, and to explosively grow your traffic and readership.

Social Media – Facebook, Twitter, Digg, StumbleUpon, and more

Did you just publish a great article on your site? Let people know! Social media is a great way to share your stories with others who WANT to know about it.
Share your great article on Facebook, Twitter, Digg, and StumbleUpon. But tread with caution. Don’t “spam” these sites with everything you write.
To be truly successful, it’s VERY important to follow the rules and participate in these communities.
There are even some great tools like to automate the process and submit your stories to tens of social media sites! This means you save countless hours AND actually get your story out to dozens of sites instead of just one. But again, you can’t just spam these communities, it’s crucial to build a presence and participate as a real person.

Article Marketing – Establish yourself as an expert by publishing your articles

Time to get more visibility for your hard work. Article directories take your articles and provide them to the countless webmasters and eZine publishers that need what you have: good, useful, and informative content.
You’ve already spent the time and written excellent articles… Now it’s time to publish those articles on the top 10 article directories and get lots more readers coming to your website.
For more information on the best ways to promote your blog, check out “How to Start a Blog – Step 10: Promote! Social Media, Internet Press Releases, Article Marketing”.
“Conditions are never perfect. ‘Someday’ is a disease that will take your dreams to the grave with you. If it’s important to you and you want to do it ‘eventually’, just do it and correct course along the way.” – Tim Ferriss, Inspirational Quotes from Today Is That Day

Next Steps: What to do RIGHT NOW – Today…
(It’s Easy, Stay With Us Here)

OK, so we’ve been through the basics, it’s time for action. If you’re going to do something, there is only “now”. Later and someday never come. So let’s do it together! Yes, today. :-)

1.) Choose your niche.

  • Ask yourself these 3 questions.
  • Here’s a short video to help you choose a niche.

2.) Get a cheap, reliable web host. Regardless of your niche (topic), this is one thing you’ll need before you start.

And that little $5 commitment may actually help you get going! This is the ONLY web host we recommend if you’re just getting started – the one we recommend to our own friends and family.
Our recommended web host even comes with 1-click installation of WordPress, our favorite easy to use publishing platform: the one we use for all our sites. So you can now check this item off your list, and move up to step 2.
Here’s a tip – Start Your Blog Today with our FREE WordPress Installation Service

3.) Write your first post.

Don’t agonize over it, just do it! Start small, and keep going. Here’s some step by step help for you -
How To Write Your First Blog Post (Video)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Beginner’s Guide: Start a blog, get 100,000 page views and make over $100 your first month


If you’re a blog reader, chances are you’re also an aspiring blog writer. Launching a for-profit weblog is extremely attractive because it has the potential for endless profit with practically no overhead. Launching a blog is a quick and easy process even for the absolute beginner. The following is what I learned from my pre-lifehack.org blog in which I earned over $100 and received over 100,000 page views my first month blogging. I did it and you can too! Make the jump to find out how.
Technical stuff
First things first, you’ve got to get the technical stuff out of the way. The “technical stuff” I’m talking about includes choosing a blogging platform, choosing a hosting service, and choosing a domain name. Chances are you’re well aware of the various blogging platforms so I won’t spend time going over them. I think the best blogging software to use is WordPress. Darren Rowse over at ProBlogger.net has an excellent post that describes the features of WordPress 2.0. After you’ve decided on a blogging application, you need to chose a domain name and a hosting service. If you have never blogged before (or even if you have) you will find that it is easiest to chose a domain name and hosting package from the same service provider.GoDaddy.com has 24/7 technical support (although you will pay a premium compared to other hosting providers) and it will completely automate the installation of WordPress for free. If you are not a technical person, this frees you from messing around with all the technical junk.
Domain name
It is extremely important that you think long term before picking a domain name. After you establish your blog, you aren’t going to be able to transfer your domain name without losing your readers, really! Think of your domain name as being permanently attached to your blog. Your domain name should be as short as possible, easy to remember, easy to speak, and not include any part of your name unless you’re a celebrity (which you’re not). You should avoid using any part of your name because if your blog becomes popular enough to sell, having your name as part or all of the domain name will drive down some of the blog’s value.
Get advertisements immediately
Sign up for advertisements immediately. You’re not going to make any money without advertisements. Yahoo!, Google, Microsoft, Amazon and many others offer advertisements that you can easily integrate into your site. I had great success using Google Adsense. Despite what you may have heard, you can make some pretty good money with Google ads. Checkout Darren from ProBlogger’s survey about Adsense income. I also recommend signing up with PayPopUp banner ads. PayPopUp pays you every time their ad is displayed, you don’t have to rely on users clicking the links. This will not make you nearly as much money as Google Adsense, however it is guaranteed money even if no visitors click your advertisements. After your blog is established, the goal should be to ditch third party advertisements and sell advertising space directly to companies.
Get Google Analytics immediately
You will want to track as much information about your visitors as possible, the easiest and most detailed way of doing so is with Google Analytics. Amongst many other things, Google Analytics lets you see the referring URL of your visitors, your top content, what Google searches are landing users at your site, how long users are staying, and their exit points. Knowing this information will help you customize your content so that you can maximize your readership. You should also consider using Site Meter to publicly display your site’s up to the hour traffic to potential advertisers.
Write 50 posts
That’s enough talk about setup, it’s time to talk content. That’s right, you need to write at least 50 posts your first month. That’s 2-3 posts per day, everyday for 30 days. It may seem tough, but it is absolutely necessary. The number one way that you will lose potential readers is to not update your site regularly. You need to establish readership, and get your Google Page Rank up, if you can’t come up with 50 posts the first month, you may want to consider finding another topic for your blog. Adding several posts per day will help increase the amount of Stumbleupon traffic your site grabs.
Submit every article to Digg
This recommendation is going to bring some negative comments, I’m sure. Regardless, digg.com is a tremendous way to advertise your site for free. Honestly, submit every article you write to digg. When you are starting a brand new blog, besides exchanging links with more establish blogs (which I recommend) there will be absolutely no links to your site. Even if you think the article is no good, submit it to digg. Let the digg community decide what is good content and what is not. You might as well let your work get some exposure. Some of my most popular posts through Stumbleupon got less than 4 diggs. Every article that doesn’t make the front page of digg will land you about 100 page views. If you do make the front page of digg (it’s a great feeling, believe me). You will get anywhere between 3,000 and 20,000 page views per day.
What would you do differently
I know some of you have been blogging for a very long time. What would you add that I didn’t mention? Is there anything I suggest that you disagree with? Please share your opinion in the comments.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Blog Theme Design tutorial


Blog Theme Design tutorial


Preview: 
Finally I have managed to put my self together and create another blog template tutorial!
sorry to all those who were counting on it before,i just didn't have the time for it but anyway here it is. so enjoy!

Getting Started

Creating this template is very easy, it just needs some patience and a little effort, so what ever you do. don't give up.Here is the outcome of this tutorial.
Hopefully a member of the forum will help out in coding this template to a working wordpress theme, so keep an eye out for it :).

Updated

The theme has been converted a wordpress theme to see a live demo or download click here
Before we jump into this gimp tutorial ill need to remind you that i will only go into details of how to do cretin techniques once and then ill just describe it briefly when ever its repeated so pay attention.

Step 1:

Create a New image at 1024X900 and fill the background image with the color 3f3534 adjusting the zoom rate to %50 as i did might to help you compare your progress with mine.
First thing will do is create the content box's transparent border. this effect is easy and gives a nice touch to the design.

Step 2:

Make sure you have the "Tools option dialog" on your screen,
then start off by Grabbing the "Rectangle Select tool" now draw a Rectangle at any size and in the "Tool option dialog" adjust the position to 98 and 150 and size to 590x695.
If you did that right you should have something like this.

Step 3:

While the selection is still active, in the "Tool Options" dialog Tick the Rounded Corner Box and change the Radius value to 13.7.
Once your done you can click inside your selection to finalise your changes.
Here is how it should look.

Step 4:

Create a new Layer and name it "Border Main content box", now fill your selection with Solid White. then change the Opacity to 50.
Now that we have the border set we can create the actual base of the content box with a few simple steps.

Step 5:

Right click on your image and the then go to Select > Shrink. now change it to 5 then press OK, below in the example image is how your selection should look by now.

Step 6:

As in step 4 Create a new Layer name it "Main Content box" and fill the selection with Solid White. you can un-select everything by going to Select> None. *Tip make sure the Transparent layer is Below the "Main content Box" layer.
Now that you know how to create these content box's with there borders i won't go through them again instead ill just briefly mention what to name the layers and the values like size,position... etc.

Step 7:

Will start with the search box .
Create a new layer name it :Border Search Box with the rectangle select tool draw a selection and
  • change values as the following:
  • position:697:150px
  • Size: 229x65px.
  • Rounded corners: radius to 13.7
  • Color Fill:Solid white
  • Layer Opacity:50
Make sure you have the selection from the border search box still active,now right click then go to Select>Shrink at 5px.
Create a new layer name it "Search box base" fill with solid white and unselect the layer by going to select>none. this is how yours should look.

Step 8:

Create a new layer name it : menu box border with the rectangle select tool, draw a selection and change values to the following:
  • position:698:225px
  • Size: 228x360px.
  • Rounded corners: radius 13.7
  • Fill Color :Solid white
  • Layer Opacity:50
Create new layer name it: Menu box Base
with the selection of the menu border layer still active, right click and go to select>Shrink 5px, finally fill with solid white. and unselect it by going select>none

Step 9:

Create a new layer name it : 2nd Menu Border
as we have done a few times now grab the rectangle select tool, draw a selection and change values to the following:
  • position:698:594px
  • Size: 228x249px.
  • Rounded corners: radius 13.7
  • Fill Color :Solid white
  • Layer Opacity:50
Create new layer name it: 2nd Menu Base
with the selection of the 2nd menu border layer still active, right click and go to select>Shrink 5px, finally fill with solid white. and unselect by going select>none.
You should have something like this by now.
So far we have made all the main components of the website now its time to add some nice brushes to the background.
I used the Floral Brushes set by solenero73 , you can use your own if you wish, the trick is to apply the brushes on each corners but don't go too out of control with it, the less you use the better.
you can download them from here: Download the floral brushes here.

Step 10:

Once you have downloaded and installed the brushes have your foreground color set to fffe87, Create a new layer and name it "Floral effect" and place the layer just after the background layer.
Now smartly place the brushes around the corners, see my result.
Now its time to create the top menu buttons, depending on how much you intend on having you might want adjust the width, in this gimp tutorial i intend to only have three main buttons.

Step 11:Button/Tabs

You might want to zoom in to 100% to make it easier.
Create a new layer name it : Tab border
grab the rectangle select tool, draw a selection and change values to the following:
position: doesn't matter right now.
  • Size: 140x62px.
  • Rounded corners: radius 13.7
  • Fill Color :Solid white
  • change Layer Opacity to 50
Create a new layer name it: "Tab base" and with the selection of the "tab border" layer still active, right click and go to select>Shrink 5px, finally fill with solid white. and unselect by going select>none.
this is how it should look.
That part was repeated many times but now here comes something different. what we are going to do is merge the two layers that make up the tab button so that we can add some changes to it later on.

Step 12:

To merge the two tab layers you need to hide all the layers we've created, except the final two which are the "Tab base" and "Tab Border" layers. to do that simply un click the "EYE" icon shown beside each layer. Your layers dialog should look like this

Step 13:

Once you have that done, right click on the tab base layer and click on "merge Visible Layers" in the Merge Layers window keep it on its default "expanded as necessary" then hit OK.

Step 14:

Now its merged into one image go ahead and change its name to just "Tab" and display all the hidden layers by clicking on the eye icons again.
Before we put the tab into position we want to delete part of the transparent borders on tab so when we overlap the tab above the content box it blends in perfectly. you might want to zoom in to about 200% to make it easier.

Step 15:

Grab the "Eraser tool" then go to the brushes dialog and create new brush with the values set as the following
  • Radius:18.6
  • spikes:2
  • Hardness:1
  • Aspect ratio:1
  • Angle:0
  • Spacing 0
Then name it what ever you like and save it.

Step 16:

Place the tab above content box and using the eraser and brush we created, eraser the overlapping border, you might not get it the first time so keep trying took me 1 min to get it right.

Step 16:

Now duplicate 2 more tabs and space them out evenly as shown in the image below.
Time to create the menu buttons for the category side I'm going to use two colors the blue for mouse overs and the gray for normal status.

Step 17:

Grab our favourite tool the "Rectangle select tool" draw a rectangle and enter these values in the "tool options" dialog.
  • Rounded corners: 62.7
  • Position 708:253
  • Size:206x30px
Once you have the oval shape fill it with the color 36afdc.
Now will duplicate a few more menu button but this time changing the colour to Gray.
Step 18: right click on the menu button and click on "alpha to selection" create a new layer name it "Menu button 2" then fill it with this color a09999

Step 19:

Now duplicate 5 of these menu button name as menu1-menu2 etc. and space them out evenly like as I did in the image below.
Now we need to create three more rounded buttons for the titles of the links that will be placed at the bottom.

Step 20:

Create a rounded rectangle using these values
Create a new layer name it "Bottom content buttons"
  • Rounded corners: 5.0
  • Position:309:640
  • Size: 168x32px
  • fill using the color d2d2d2
Duplicate 2 more of them and place them evenly at the bottom of the content box.
Now we will create content dividers that will go between each post.

Step 21:

Grab the selection tool and draw a 563x1px rectangle which is basically a line, once you have that right, duplicate it twice and place them as i did in the example below (notice the blue arrows).

Step 23:

We should have done this before but anyhow make sure you add another rounded button for the search field with these values.
Create a new layer name it "Bottom content buttons"
  • Rounded corners: 5.0
  • Position:717:166
  • Size: 168x32px
  • fill using the color d2d2d2
So far we're done with the main layout and can now move on to adding icon/content elements which will really make it look good once its done.
we will start with the icons. fist of all i didn't create these once to save time i instead bought them offistockphoto, its pretty cheap so unless your going to make your own you might shell out a few cents and buy some.

Step 23:

Your going to need a search,RSS, and a Comment icon. now i don't think i need to explain much here so just look at where i placed mine and do the same. try not to have icons bigger than 32x32.except for the RSS icon see what matches. here is what i picked off istockphoto
You can see my placements in this example.
Now for the content. its probably the hardest part when starting from scratch, laying out content is key to great design, you can have a perfect design but if you don't place content in just the right place and style it can ruin everything. so pay attention to where i placed mine and notice how i try my best to keep white space equally on the sides all the time.
Since all i did was add text ill try to give a few pointers for when you apply your own content.
  • Images in post should be consistent i gave my self around 128x128.
  • I used the font "Trebuchet MS Bold" for everything except the right category buttons, i used "Verdana Bold"
here are all the colors i used for text.
  • Headers, Blue"36afdc"
  • post text, light brown "939191"
  • bottom lists, medium brown "5f5b5b"
  • Dates in post, "d2d2d2"
  • Comments count, "3f3534"
So that's it! there you have a great blog theme design created in gimp. you might want to modify colors and other elements to suite your taste.
The gimp XCF source file is attached at the bottom of the tutorial.and one last work give credit where its dew. This design has already been converted to a wordpress theme and can be downloaded fromhere
Pick from the blog hosts and show the whole web what you've got.
Visit PsPrint.com Online Printing to get the best deals in commercial printing!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS