many of us using blogger blogspot blog for blogging, because it is easy to use and editable.
but after a while you want to your blog look more professional and more credible by Publish on a custom domain .

because some people think that yourblogname.blogspot.com used by newbies only, That’s not always true, of course.

there is 2 ways to do it,

1- Point your already owned and registered domain name to your blog.
2- buy new domain name via your blogger account.

we’ll now talk about number 2.

buy new domain name via your blogger account.

now blogger makes it easier to convert your Blogspot Account Into A .com Domain

when you register a domain name via blogger account your Domain will be registered through a Google partner and cost $10 (USD) for one year.and as part of registration, you will also get a Google Apps account for your new domain.

and the great deal here is that YourBlogName.blogspot.com will redirect to your new custom domain. so you won’t leave your readers behind!

the first thing to to is to log into your blogger account,
Then got to Settings >> Publishing

FIND : Switch to: • Custom Domain

and click Custom Domain

for more detail check next image

One of the best ways to keep your visitors come back to your blog, is to let your visitors know about your latest blog updates. and make them feel that you updating your blog regularly.

and the best way to do this is by adding “Email Subscription Form” to your blog, so your Subscribers will receive your new content and posts in their Email Inbox.

and it’s very easy to add email or feed Subscription Form to your blogger blog (blogspot).

so let’s do it,

1. you have to sign in your feedburner account, if you haven’t got on yet. you can log in using your google account, or you can register you free account

go here and click Create an account

2. Once you logged in your feedburner account, find Burn a feed right this instant and enter your blogger blog url and hit Next

3. now you’ll Give your feed its title and it’s Url and click next.

at the next page ( Congrats! Your FeedBurner feed is now live. ) click Next

Now you are on ( Get More Gusto From Your Feed Traffic Statistics. ) page, customize your options on this page and click Next

4. now your are in your feedburner dashboard
click On Publicize.

5. On left sidebar click Email Subscriptions and then click Activate.

6. Now Select language and copy the code

7. Go To your blogger account and Go To layout>add a Gadget> And Select html/javascript

then past the code into html/javascript window and click SAVE THE CHANGES.

then move this html/javascript to your favorite place, may at your sidebar (recommended)

We all post images with in our posts, and some times we need to label this images, but not all of us can use graphic editors or don’t just have the time to do it, so we’ll learn in this tutorial how to label our images using a small code with out using any photo editing soft wares.

you can look at the following image to see how the label will look like,

If you checked the image and the text you’ll find that the text is not a part of the the image but it added on the image as a second layer,
you can try to select it to make sure.

the code to do it is too easy but to use it you need to know

1. Image width and height in pixels.

2. Image Url ( Sample: http://www.ImageHostingSite.com/file/image.jpg)

Now when you going to write your post, you must notice that on the post writing window there are two modes, Compose and Edit Html.

Check the following image.

you’ll start write you post in Compose mode and once you want to add an image Labeled to your to your post you’ll change your posting mode to Edit Html.

And enter the next code,

And this code is the same one used here on this tutorial for the image sample.

and here is what you will need to change in the code,

width: Put your image width

height: Put your image width

background:url(Image URL Here) Put your image url without any spaces

color:#ffffff change the -ffffff- to your favorite color, you can get your color code from our html color code generator here

font-size:30px Change 30px to any size you want.

line-height:3em Your label position on the image, change 3, you can change it to 1 for the top or for 4 of more for the bottom

text-align:center you can move your text by changing center to left or right.

My Label Just enter your label here.

That’s it. now go back to Compose mode to continue your post,

Or if you need More Optimization We can add transparency effects to the label. by adding the next line to the code

so the code will be

we’ll get the next result.

We set the transparency to 75% you can change it too.

i with this tutorial can help you. and if you need any help, leave a comment here.

hi all, blogger blogging platform by default give you the ability to add Labels for your post, so you can add and display your blog Labels at your sidebar.

but because we all want our blogs look great for our visitors, we need to give this labels good style,

So now, we’ll learn how to add amazing tag/labels cloud widget to our sidebar instate of the normal one that presented by blogger.

1. Log into your blogger account.

2. Go to dashboard >> layout >> Edit HTML

3. Find the next code

You can find it by clicking ctrl+f in your browser.

Making money from our blogs is an important goal for alot of bloggers,
but most of us invested alot of time and may so money too,
but usually we disappoint with the results.

and always ask, What is the best way to make money from our blogs,
And what we all should know is that the answer is not the same for every single person and blog.

But we can try to list the best and easiest ways to make money,

at this article, i’ll just list it, but latter in my next articles, i’ll talk about the ways in more detailed tutorials.

and here is the 5 ways,

1. Advertising Programs

This is one of the most used ways to make money because it’s too easy to add it to your blog, and the most famous advertising Program is Google Adsense.
this programs is easy because you don’t have to do any thing but adding the program code to your blog, and then work on placement and traffic.
Other Advertising Programs
- Chitika
- Adbrite

2. Affiliate Marketing

This programs is working in many ways,they provide you a banner that you can place on your blog, so your visitors can visit it, and your can earn if your visitors sign up for a website or Buy something for example , this programs give you a commission from 5% Up to 75% per lead.

Affiliate Marketing companies
- Commission Junction
- LinkShare
- Click Bank

3. Place a Donation Link or Button on Your Blog

and this way depends on your blog visitors, and how your blog useful for the visitors,
it won’t make you get alot of money but it may help you getting few dollars,

4. Sell Products On your blog.

you can sell related products on your blog if you have got good amount of traffic, and this way is great when your concentrate on one niche.
you can sell e-books, soft wares, download able products,
and more,
you may sell your own products or other people products.

5. Sell Advertising Space On Your Blog.

This is a great way for making money and guaranteed way, because it’s easy and one step way, just try to sell your spaces and relax for next 30 days.
You may Use to have a good chance to sell your spaces like:
- BuySellAds.com

Definition Of A Blog
So what is a blog? According to Wikipedia (a great source of constantly updated info), "A weblog, web log or simply a blog, is a web application which contains periodic time-stamped posts on a common web page. Weblog is a portmanteau of 'web' and 'log.' The term blog came into common use as a way of avoiding confusion with the term server log."

Let Your Blog Make A Splash
Once you choose a blogging service and set up an account, you will be provided with a standard blog template. But this template will suffer from a cookie-cutter design, and if you don't personalize it your blog may become lost. To be noticed your blog needs to make a splash - as there are more than ten million blogs out there. So what we'll concentrate on here is working with some design elements that can help you add more zing to your blog. At the end of the tutorial you'll find a list of free blog resources, and as a special bonus I've included an amazing martini recipe.

Give The Top Logo/Banner On Your Blog A Personal Touch
Whatever blogging software or service you decide to use, all of them will present you with a generic graphic for the top of your blog pages. This is the single most important element that you need to change.

What you will need is your own image, and a font to create a simple title, tag line or logo. If you are not good at drawing or feel design-challenged, then go straight to one of the online stock photo services and splurge. There are also lots of free sites (see our free stock photos page), or you can try a service with minimal fees, like istockphoto.com.

I spent 15 minutes there and found a nice illustration from Jennifer Borton of some girls with martinis, and it cost just $3.

Welcome To The Martini Girls Blog
For the purposes of this tutorial I'm going to create a fictitious blog called The Martini Girls Blog. First I'll show you the WordPress template as an example of a generic banner.



To customize your banner, obtain the exact dimensions of your template banner from your blogging service and use the same dimensions to build a replacement. I'll use the graphic I bought online, and then add some text using one of my fonts (Snowboard). If you're bored with your fonts and need a new snazzy one, see our free fonts page for a list of great sites that offer them.

So here's the new banner that I built in less than 5 minutes.



If you're not sure how to construct a banner using Photoshop layers and the type tools, have a peak at my website template tutorial, where you'll find all of this explained in detail.

Time Out For A Martini Recipe
Once you've got the banner done, reward yourself with the most wickedly amazing Martini ever - the Lychee Martini. Use 1 ounce of premium vodka, 2 ounces of fresh lychee juice, and some ice. Shake and strain into a martini glass. That should make the rest of this tutorial a whole lot easier to handle.

Simple Photo Borders That Make A Difference
When posting graphics and photos on your blog pages try adding a simple border to them by using Photoshop's stroke command. Not only will this help your photos to pop out from the page, but it will also add another design element for people to associate from your site. Below are examples.



The first graphic has no border. The next one has a 2 pixel stroke of black applied. The third one has an 8 pixel stroke of dark gray with an additional 2 pixel stroke of lighter gray applied. That one's my favorite.

To create your own border, with your photo open go to the Select menu and choose Select All. The rest is a relatively simple operation using the Edit> Stroke command. Photoshop will prompt you with a menu asking you to select a pixel width and a color. To create a double color border, repeat these commands, but use a different color and width for the second stroke. This is one more nice touch that you can call your own.

I, Designer - Rise Of The Color Picker Robot
Another important element in your design will be the overall color scheme of your blog. If you're new to design this can be a real challenge, as it takes some training to understand how colors work together. But there's help. WellStyled.com offers a great color scheme generator that will make selecting a color palette for your blog pages effortless.

The site provides you with a color wheel to experiment with. Each time you select a new color on the wheel, complementary colors for your page are suggested. This allows you to choose from many different color schemes before you commit to one for your blog. Make sure to read through the help section where you'll find some valuable tips on how to generate the optimal color palette.

Build A Favicon And They Will Bookmark It
A Favicon is a little custom icon that appears next to a website's URL in the address bar of a web browser, and they are easy to make. Read through my favicon tutorial and you'll have one built and online in no time.

One of my favorite favicons is at CitrusMoon. As you navigate through the site you'll notice that on some pages the favicon changes color, which, I recently discovered, is because they have more than one. That's a really nice touch.

So there you have it. Nice banner, nice photo borders, a nice color scheme, and a nice favicon — or maybe more than one. Now I'll point you to some other resources that can help you with your blog's look. We'll start with a blog design that I find very inspiring.

Karen Cheng's Blog 'Lady Of Leisure' - The Beauty Of Simplicity
Karen Cheng's blog has been nominated for several awards, including the 2005 & 2006 Bloggie Awards as the Best Designed Weblog.

She says she wanted her blog to feel like a sketch book, and she's done just that. Everything looks hand drawn, and this is what gives it its charm.

I really love the way the photos have ragged edges, and how her date separators are all a little scraggly. I also find there's a very peaceful and friendly vibe to the site. This is a beautiful example of how to create a blog with a look that is totally personal and unique by using very simple design elements. And Karen does it all in Photoshop.

But if you feel you can't design something like this and want to get a blog site up quickly, then what you need is a ready-made template. Read on.

Free Blog Templates, Blog Layouts, And Blog Skins
Start at Blogger Templates, where you can find original skins to personalize your own weblog. Even if you don't use one of these blog templates, you'll certainly get a few design ideas from the many different blog skins they offer.

At Blog Fashions you'll find an assortment of blog templates that are compatible with Movable Type, which is another popular blog publishing platform.

At BlogSkins you can view "...designs from some of the best people around the blogging community, and instantly and easily download them to your own Blogger, Movable Type, or other-powered site."

Elated Page Kits has some really nice blog templates as well. There are over 40 free PageKits (web site templates) available here. You can download the entire PageKit, including HTML and graphics, in .zip format, and you can also download the PSD (Adobe Photoshop) files for a 'Kit, so that you can customise the menu options and images.

Free CSS templates can be a dime a downloadable dozen these days, but few sites offer a selection as extensive and easy-to-use as Layout Gala. Over 40 free templates are collected here, each created using identical HTML by Alessandro Fulciniti. He's covered just about every imaginable layout for a blog or website template – there are fixed, relative, centered, right-justified and left-justified options, and every combination thereof.

Free Blog Backgrounds And Textures
For pretty backgrounds look no further than the amazing CitrusMoon site. You'll find some very beautiful free patterns here for making tiling backgrounds, which are great for blogs. Start on the patterns page and you'll see a list of categories. For more sites which offer free backgrounds, see our free textures page.

A Font For The Asking
For fonts I suggest a quick stop at FreeFonts.com. Right on the front page, on the right side, you'll see a list of popular fonts. Click on one of the links and you'll be presented with an assortment of fonts to choose from. I really like the handwriting fonts. They give a personal touch that is missing on a lot of blogs. For more sites with free fonts see our free fonts page.

About Those RSS Buttons
At some point you'll ask yourself what all those little buttons are on blogs that have "RSS" or "XML" in them. RSS is a way to send your blog headlines to people who have newsreaders. This tutorial from Danny Sullivan explains RSS. The tutorial will also teach you how to create your own RSS feed. Now about those buttons...

They're easy to build in Photoshop. They're set at a standard size of 80 pixels wide by 15 pixels high, or you can let the ultra-modern automatic RSS button-making machine available at FeedForAll create one for you. Sweet. You can also just download our RSS button.

Sweet Rewards - How To Make Money With A Blog
One way to generate income from a blog is with Google AdSense. Setting up an account is simple and so is implementing the code. The hard part is figuring out which ad types to use and where to place them. But don't be put off by this. Just experiment and see which ones return the best results. Common wisdom is that 2 weeks is the optimum time to test your ad color schemes and ad placements. .

For lots of insider information about AdSense and other advertising options, including the latest tips and news, read through JenSense - Making Sense of Contextual Advertising.

Plan B — Let Someone Else Design Your Blog Site Template
If you are on deadline and can't cope with learning any more Photoshop techniques or HTML, here's another solution. You can buy a ready-made template from Template Monster or DreamTemplate that you can use as a base to create web pages for a blog in Photoshop.

What is a website template?
A template can be thought of as a pre-made Website. A template is a pre-made layout for your web page. Each template is made to be easily customized by anyone with some web design knowledge. Each template includes fully coded html index and content pages, as well as a set of blank images and Photoshop files to make your customization job as easy as possible.

You can download a website templates by subscribing to the DreamTemplate Unlimited Access Membership. Once you register your account and subscribe to the program of your choice, you can preview and download all the website templates featured on the site - almost immediately. The average template takes about 7-15 hours to produce. Their goal as a design studio is to provide their customers with not only a vast quantity of templates, but to have each of them backed up with exceptional quality.

Download Some Free Website Templates
From the DreamTemplate site main page, scroll down to the bottom and you will see a link to some free website templates. There are over one hundred different free website templates at the moment.

On the front page of Template Monster you'll find a pulldown menu where you can select options and then carry out a search for a template. The templates are reasonably priced and pretty easy to manage in GoLive or Dreamweaver. In the past I've purchased a template solely for the color scheme and the images. On certain projects I found this was less expensive than buying stock photos. Visit Template Monster to see the wide variety of website templates that they offer.

Another solution is SiteGrinder, a Photoshop plugin. All versions of SiteGrinder generate web pages with graphics, styled and even scrolling web text, rollover buttons, popups, and multi-level menus. Interactive elements can be constructed from graphics, text, or a mix of both, and function across multiple web pages that are automatically linked to one another.

SiteGrinder uses the names of your layers to generate pages. You simply add hints like "-button," "-rollover," and "-link" to the end of your layer names, then open SiteGrinder from Photoshop’s File> Automate menu and click the Build button. SiteGrinder can create an entire website containing styled text, rollover buttons, popups, text and graphic menus — all from the layer names in Photoshop. Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download.

And Now For Some Inspiring Tunes
One last thing. For inspiration while you're working all-nighters perfecting every last detail, tune in to David Byrne's wonderful radio show. Wow. It's crazy when you find out about something this good, because it makes you wonder what else you might be missing.

Know how I found out about it? Yes, from a blog. It was from tech journalist Xeni Jardin at Boing Boing, which is another interesting blog to have a look at.

I've included an index of all the blog resources just below.

Now go build the best blog ever! But first have another lychee martini...

tutorial and images © Jennifer Apple of PhotoshopSupport.com

blog resources index
Free Blog Templates Free Blog Backgrounds & Patterns Blog Publishing Tools Blog Software - Comparison Chart Blog Software - Reviews Blogging Jargon & Terms Inspiring Blog Designs Blogger Workflow Tips How-To Blog Books		Blog Overview (definition) Make Money Blogging Free Fonts For Blogs Free Photos For Blogs Free Color Schemes For Blogs Boost Traffic To Your Blog Blog Search Engines & Blog News RSS Newsreaders

FREE BLOG TEMPLATES
BlogSkins offers designs from the best of the blogging community.
Blogger Templates offers original skins to personalize your blog.
Blog Fashions offers an assortment of attractive blog templates.
Elated Page Kits has some really nice blog templates with PSD files.
Layout Gala offers over 40 free CSS templates..

FREE BLOG BACKGROUNDS, TILES & PATTERNS
CitrusMoon offers a wide assortment of pretty tiles and backgrounds.
SquidFingers has a big selection of beautiful patterns.
For more free patterns and textures visit our Free Backgrounds page.

BLOG OVERVIEW - DEFINITION OF A BLOG
Wikipedia - You'll find a good amount of info about blogs here, with a short description of the different types of weblogs, which include Personal, Thoughtful, FriendBlog, Topical, News, Collaborative, Political, Legal, Directory, Media, Corporate, Advice, Religious, Audio, Photography, and Video. Lots and lots of links on this page.

BLOG PUBLISHING TOOLS
Blogger - Free, automated weblog publishing tool that sends updates to a site via FTP. Good for beginners. Create an account, name your blog, and choose from predesigned templates or design your own template. Put your blog on your web host or use Blogger.com's free hosting service, Blogspot.com.
LiveJournal - LiveJournal is an easy but powerful and customizable personal publishing tool, built on open source software. Joining the site is free. Users can choose to upgrade their accounts for extra features.
Movable Type - Movable Type is a weblog publishing platform for businesses, organizations, developers, and web designers. Has powerful customization options, and a simple and clear interface.
WordPress - WordPress is a personal blog publishing platform with a focus on web standards and usability. Free.
TypePad - TypePad is an easy-to-use blogging service for both beginners and professionals. Offers a 30-day free trial.

BLOG SOFTWARE - COMPARISON CHART
Online Journalism Review - compares the standard features of popular blogging tools.

BLOG SOFTWARE - REVIEWS
Forbes - Best Of The Web - Blog Tools - short reviews of sites that offer the best tools for setting up and managing a blog.

BLOGGING JARGON & TERMS
USC Annenberg - offers a short glossary of blog technology (scroll down the page).
List of blogging terms
Blogging terms from Wikipedia - this is a list of blogging terms. Blogging, like any hobby, has developed something of a specialised vocabulary. The list is an attempt to explain a few of the more common phrases and words.

INSPIRING BLOG DESIGNS
Karen Cheng - simple and friendly, with a sketch book look.
Veerle - nice layout and color scheme, has a subtle background pattern.
Zeldman - one of the most popular design blogs ever.
Jason Santa Maria - done up to look like a paperback book.
CreativeBits - this community blog shows how a dark look can also work well.

BLOGGER WORKFLOW TIPS
ToDone! — This blog by Keith Robinson offers tips on personal productivity and getting things done, and has some great tips on how to become a more productive blogger, including how to set-up a production workflow.

HOW-TO BLOG BOOKS
The Weblog Handbook: Practical Advice on Creating and Maintaining Your Blog by Rebecca Blood is a collection of 34 essays that has many good reviews at Amazon.
Publishing A Blog with Blogger: Visual QuickProject Guide by Elizabeth Castro is a great reference book to have if you choose to use Blogger.com to publish your blog.

INCREASE TRAFFIC TO YOUR BLOG
HOW TO: Boost Your Blog Traffic — Paul Stamatiou has posted a great article that lists ways that will help you drive more traffic to your blog.

HOW TO MAKE MONEY BLOGGING
JenSense — A collection of news and info about Google AdSense, as well as other contextual advertising options.

FREE FONTS FOR BLOGS
DaFont.com — You'll find a huge collection of great free fonts here.
Wanted Fonts — Lots of free fonts. On left side navigation you'll see categories.
HighFonts.com — Another nice assortment of fonts you can download for free.
For a full list of websites that offer free fonts visit our Free Fonts page.

FREE PHOTOS FOR BLOGS
Stock.XCHNG — A great source of quality photos that are free of charge.
Pixel Perfect — Offers a growing collection of free stock photos and illustrations.
StockVault.net — This stock photo resource offers free images.
For a full list of websites that offer free photos visit our Free Stock Photos page.

FREE COLOR SCHEMES FOR BLOGS
WellStyled.com offers a very easy to use color scheme generator.
ColorMatch 5k is a utility that will help you select a matching 6-color palette for your blog. Define a single color that you like. Matching colors will be calculated.
ColorBlender is a free online tool for color matching and palette design.

BLOG SEARCH ENGINES & BLOG NEWS
Technorati is a real-time search engine that keeps track of what is going on in the blogosphere — the world of weblogs. Technorati tracks the number of links, and the perceived relevance of blogs, as well as the real-time nature of blogging.
IceRocket is a meta-search engine that also offers tag searching for its blog search. You can search by specific tag or browse a listing of tags.

STANDALONE AND WEB-BASED RSS NEWSREADER
Nick Bradbury’s FeedDemon is a popular RSS newsreader for Windows.
Ranchero Software’s NetNewsWire is a popular RSS newsreader for Mac.
BlogLines is a free online service for searching, subscribing, creating and sharing news feeds, blogs and rich web content. With Bloglines there is no software to download or install. You simply register as a new user and you can instantly begin accessing your account any time, from any computer or mobile device.

Photoshop CS4 & Photoshop CS4 Extended - Best Deals From Adobe

Photoshop CS4 and Photoshop CS4 Extended feature a newly refined, tab-based interface in a single, integrated window, with self-adjusting panels arranged in docked groups. Automatically keeping tools well organized and away from your work area means you get greater efficiency, less clutter, and better results, faster than before.

Delivering all the features of Adobe Photoshop CS4 software, including the new Adjustments and Masks panels, Adobe Photoshop CS4 Extended also provides breakthrough 3D editing and compositing power to paint directly on 3D models, create 3D animations, convert 2D images to 3D objects, and more; richer motion graphics editing; and more powerful and flexible image analysis and tracking. Learn more on our Photoshop CS4 Tutorials Page. To download the free trial, see details on our Photoshop CS4 Free Trial Download Page.

Find upgrade options and package deals at the Adobe USA Store. Teachers and students get special pricing at the Adobe Education Store. You can also buy in your country currency and language at the following Adobe International Stores:
Adobe United Kingdom | Adobe Germany | Adobe France | Adobe Eastern Europe

Adobe Creative Suite 4 Design Premium - Complete CS4 Bundle

Adobe Creative Suite 4 Design Premium software is the designer's dream toolkit for print, web, and mobile publishing. Creativity is rarely confined to one medium, so put your vector illustrations in motion, moving fluidly between Adobe Illustrator CS4 and Adobe Flash CS4 Professional. And use Adobe Photoshop CS4 Extended to design and slice a web page for publishing with Adobe Dreamweaver CS4.

Adobe Creative Suite 4 Design Premium combines essential tools for producing everything from professional page layouts to rich interactive experiences in a unified, intuitive environment. Also includes Adobe Acrobat 9 Pro, Adobe InDesign CS4, plus Adobe Fireworks CS4.

Buy now or download the free trial at the Adobe USA Store, or buy in your country currency and language at the following Adobe International Stores:
Adobe United Kingdom | Adobe Germany | Adobe France | Adobe Eastern Europe