Steps to design a nice Blogger Template

I created many Blogger template for our community. To day, I just want to share my steps to create a nice Blogger template for sell or for free.

STEPS

1. Get inspirations

I usually visit ThemeForest to find inspiration. Of course, you can go around the web world and feeling with some beautiful websites you visited. You can try to search on Google with your target keywords like: beautiful website, modern web layout, creative web color scheme, .etc.. Just think by yourself.

This can take you 0.5 day

2. Design graphic

I am using Fireworks CS5 to create template files as layout PNG graphic files.

In this step, you also image all features and functions for the template. And your files must contain: Home, Index, Page, Posts, 404, Features List, Mobile.

Please list all your template features in text file, so you can easy test them again in testing step.

This can take you more than 1 day.

3. Prepare Data

Mean you must prepare images for backgroud, icons, buttons, sliders, .etc.. (these images can upload to Picasa).

You also must write post for your testing blog. If the template is free, you can use “Lorem ipsum” text, but if it is premium for selling, please pay attention for your content with beautiful images, videos and funny text.

You can lost more than 0.5 day for this.

4. Make xHTML

I will go from header to footer of Blogger template xml file.

At header, you must take care about title and description tags. Also create some css variable you will use in skin tags with some basic framework (.clear, image, a…) and reset CSS. You must also prepare place to easy insert CSS for IE and jquery library here.

On body, imagine base on your design layout, and create wrapper, inner and sections elements with full properties (showaddelements, maxwidgets) and basic widgets (must have blog, navbar widget) with certain properties (lock=’true’ or ‘false’).

And footer, prepare place to easy add javascript.

I usually use self-hosted CSS and javascript files to design a template, then when finish, i copy their content to embed direct into the template xml code.

This step can take your about 1 day.

5. Create CSS

Now, it’s time to make your template fixed about 80% with your graphic design. Use Chrome with Inspect element function (F12) will help you very much.

You can spend about 1 day here.

6. Create Javascript

This step is for you creating built-in jquery and javascript application of the template likes: json apps, shortcodes, comments, drop-down, pagination, .etc..

This step can take more than 1 day.

7. Stress Test

You must test you you template base on your feature list. Please don’t afraid any errors, just try to test with strongest cases. Less errors, less time to spend for supporting.

You can list your common bugs that you got before on old templates, so you can save the time to think.

This can take your 1 day.

8. Create folders and files to release

You can follow my folder structure or create better one for you.

• main_files: you will compress as: template_name_versionxx.zip and upload
  • xml_files: release_template_versionxx.xml, testing_blog_data.xml
  • help: help.html, help.pdf

Please mind, you must separate the template_working.xml with release_template_versionxx.xml. A working file is for you easy developing, a release file must be the shortest file with compressed CSS, HTML and Javascript.

This can take just some minutes.

9. Create guide document

Yes, this is very important step if you want to sell your template as premium. Please write very clearly and easy navigate sections in your document. It’s better and easy to sell if you record videos for your guides.

You must prepare all images (and videos) before start writing text for your help files. If your template is free, you can combine this step to release step.

This step can take you more than 1 day.

10. Release

Prepare banner (usually 590×300 or 600×300), thumbnail icons (required if premium), screenshots (require if premium). Images for your item description.

If you template is free, the description may be written as help and guides. If premium one, the description is introduction about features, credits, support information and release notes.

You can lost about 0.5 day for this

Conclusion

The time you spend for a nice Blogger template can be at least 7.5 days.

Mean you lost about 60 hours of working. If an hour of your is $5, so the revenue must be $300+.

A nice template of Blogger can sell about 30+ sales, so if you want to earn $300+, the price for each sale must be $10.

But don’t be rushed, must go step by step, if you skip any thing, may be you destroyed your product and sometime must start again.

Wish you will have many best templates for Blogger.

Source : bloggeritems.com

Free Blogger TemplatesNice TemplatesProfessional Blogger TemplatesBlogger Templates 2014Responesive Blospot Templates How to design template for blogspot>bloggerblogspottemplatesSeo Blogger Templatessearch engine optimizationTutorial Blogger Free Blogger TemplatesNice TemplatesProfessional Blogger TemplatesBlogger Templates 2014Responesive Blospot Templates How to design template for blogspot>bloggerblogspottemplatesSeo Blogger Templatessearch engine optimizationTutorial Blogger

Blogger Templates 2014

News Blogger Template

Magazine Templates for blogspot

Read More

Steps to design a nice Blogger Template

I created many Blogger template for our community. To day, I just want to share my steps to create a nice Blogger template for sell or for free.

STEPS

1. Get inspirations

I usually visit ThemeForest to find inspiration. Of course, you can go around the web world and feeling with some beautiful websites you visited. You can try to search on Google with your target keywords like: beautiful website, modern web layout, creative web color scheme, .etc.. Just think by yourself.

This can take you 0.5 day

2. Design graphic

I am using Fireworks CS5 to create template files as layout PNG graphic files.

In this step, you also image all features and functions for the template. And your files must contain: Home, Index, Page, Posts, 404, Features List, Mobile.

Please list all your template features in text file, so you can easy test them again in testing step.

This can take you more than 1 day.

3. Prepare Data

Mean you must prepare images for backgroud, icons, buttons, sliders, .etc.. (these images can upload to Picasa).

You also must write post for your testing blog. If the template is free, you can use “Lorem ipsum” text, but if it is premium for selling, please pay attention for your content with beautiful images, videos and funny text.

You can lost more than 0.5 day for this.

4. Make xHTML

I will go from header to footer of Blogger template xml file.

At header, you must take care about title and description tags. Also create some css variable you will use in skin tags with some basic framework (.clear, image, a…) and reset CSS. You must also prepare place to easy insert CSS for IE and jquery library here.

On body, imagine base on your design layout, and create wrapper, inner and sections elements with full properties (showaddelements, maxwidgets) and basic widgets (must have blog, navbar widget) with certain properties (lock=’true’ or ‘false’).

And footer, prepare place to easy add javascript.

I usually use self-hosted CSS and javascript files to design a template, then when finish, i copy their content to embed direct into the template xml code.

This step can take your about 1 day.

5. Create CSS

Now, it’s time to make your template fixed about 80% with your graphic design. Use Chrome with Inspect element function (F12) will help you very much.

You can spend about 1 day here.

6. Create Javascript

This step is for you creating built-in jquery and javascript application of the template likes: json apps, shortcodes, comments, drop-down, pagination, .etc..

This step can take more than 1 day.

7. Stress Test

You must test you you template base on your feature list. Please don’t afraid any errors, just try to test with strongest cases. Less errors, less time to spend for supporting.

You can list your common bugs that you got before on old templates, so you can save the time to think.

This can take your 1 day.

8. Create folders and files to release

You can follow my folder structure or create better one for you.

• main_files: you will compress as: template_name_versionxx.zip and upload
  • xml_files: release_template_versionxx.xml, testing_blog_data.xml
  • help: help.html, help.pdf

Please mind, you must separate the template_working.xml with release_template_versionxx.xml. A working file is for you easy developing, a release file must be the shortest file with compressed CSS, HTML and Javascript.

This can take just some minutes.

9. Create guide document

Yes, this is very important step if you want to sell your template as premium. Please write very clearly and easy navigate sections in your document. It’s better and easy to sell if you record videos for your guides.

You must prepare all images (and videos) before start writing text for your help files. If your template is free, you can combine this step to release step.

This step can take you more than 1 day.

10. Release

Prepare banner (usually 590×300 or 600×300), thumbnail icons (required if premium), screenshots (require if premium). Images for your item description.

If you template is free, the description may be written as help and guides. If premium one, the description is introduction about features, credits, support information and release notes.

You can lost about 0.5 day for this

Conclusion

The time you spend for a nice Blogger template can be at least 7.5 days.

Mean you lost about 60 hours of working. If an hour of your is $5, so the revenue must be $300+.

A nice template of Blogger can sell about 30+ sales, so if you want to earn $300+, the price for each sale must be $10.

But don’t be rushed, must go step by step, if you skip any thing, may be you destroyed your product and sometime must start again.

Wish you will have many best templates for Blogger.

Source : bloggeritems.com

Free Blogger TemplatesNice TemplatesProfessional Blogger TemplatesBlogger Templates 2014Responesive Blospot Templates How to design template for blogspot>bloggerblogspottemplatesSeo Blogger Templatessearch engine optimizationTutorial Blogger Free Blogger TemplatesNice TemplatesProfessional Blogger TemplatesBlogger Templates 2014Responesive Blospot Templates How to design template for blogspot>bloggerblogspottemplatesSeo Blogger Templatessearch engine optimizationTutorial Blogger

Blogger Templates 2014

News Blogger Template

Magazine Templates for blogspot

Read More

Google Merged All Accounts into One

Finally, Google merged Blogger account into ONE account management system of Google. As we knew, Blogger was bought by Google since about more ten years ago, and still work separate with Google Accounts till now.

But this morning, when I logging to Blogger account, I see like below figure:

This mean, now, Blogger Account (and all information) was merged into Google ONE account management system. This is maybe happy news, because Google can support better for your services included Blogger.

But of course, you must be also more carefully, if Google ban one of your service, all other service will also stop to work. So, this time is not for spam, scam, phishing or some thing like that. Protect your account like your life.

Read More

Google Merged All Accounts into One

Finally, Google merged Blogger account into ONE account management system of Google. As we knew, Blogger was bought by Google since about more ten years ago, and still work separate with Google Accounts till now.

But this morning, when I logging to Blogger account, I see like below figure:

This mean, now, Blogger Account (and all information) was merged into Google ONE account management system. This is maybe happy news, because Google can support better for your services included Blogger.

But of course, you must be also more carefully, if Google ban one of your service, all other service will also stop to work. So, this time is not for spam, scam, phishing or some thing like that. Protect your account like your life.

Read More

Do not use Google+ comment for your blog

Blogger released an API that allow you easy add Google+ comment system for your blog at this weekend. But we recommend all of you that do not use this new feature. Why? Because:

1. This comment system just allow who has Google+ account to comment, not allow Anonymous or Open ID users, you will lost many comments from your unknown visitors
2. This  comment system is not compatible with your blogger jSON, also not added new comments into your comment feeds. So all comment widgets will be broken and your reader can not follow your comment feeds also. It’s really bad.

Because we don’t like this new feature so we will have no tips to guide you how to enable this feature. Thank you.

How to turn off Google+ comment for your blog  ?

Read More

Do not use Google+ comment for your blog

Blogger released an API that allow you easy add Google+ comment system for your blog at this weekend. But we recommend all of you that do not use this new feature. Why? Because:

1. This comment system just allow who has Google+ account to comment, not allow Anonymous or Open ID users, you will lost many comments from your unknown visitors
2. This  comment system is not compatible with your blogger jSON, also not added new comments into your comment feeds. So all comment widgets will be broken and your reader can not follow your comment feeds also. It’s really bad.

Because we don’t like this new feature so we will have no tips to guide you how to enable this feature. Thank you.

How to turn off Google+ comment for your blog  ?

Read More

Seperti Google, Yahoo pun Membuat Fitur Penyingkat URL

Seperti Google, Yahoo pun Membuat Fitur Penyingkat URL - Layanan menyingkat URL merupakan salah satu layanan yang sangat berguna bagi pengguna internet, selain untuk mempersingkat URL layanan ini pun dapat menyembunyikan URL asli sehingga alamat web dapat terlihat lebih singkat dan memperpendek karakter ketika kita akan menyebarkannya di media jejaring sosial. Sudah banyak sekali situs penyingkat URL, salah satunya adalah layanan yang diberikan oleh Google . Setelah Google ternyata Yahoo pun membeli penyingkat URL.

Yahoo baru saja melakukan akuisisi terbarunya, kali ini pada perusahaan yang membuat URL shortener atau penyingkat URL. Berbeda dengan penyingkat URL pada umumnya, Bread, nama perusahaan itu, memungkinkan user mendesain dan menyasar iklan ke pembaca yang mengklik link mereka.

"Melalui akuisisi ini, kami mendapatkan tim terdiri dari enam orang engineerdan product manager yang akan bergabung di organisasi teknologi advertisingkami di Sunnyvale," ungkap juru bicara Yahoo.

Dengan Bread, seperti dilansir AFP, Selasa (15/10/2013), user bisa membuat dan menyisipkan iklan yang nantinya diklik melalui link halaman web yang sudah disingkat.

"Saat kami meluncurkan Bread di 2011, tujuan kami adalah membantu social media influencer dan para publisher bisa mengkomersilkan konten online mereka lebih baik lagi," demikian pernyataan Bread.

Dengan akuisisi ini, situs Bread nantinya akan ditutup. Link yang disingkat menggunakan Bread masih bisa diakses hingga 1 November. Dalam masa transisi ini, Bread menyarankan user beralih menggunakan URL shortener lain, bit.ly.

Di bawah kepemimpinan Marissa Mayer, Yahoo giat melakukan pembenahan terutama di ranah mobile dan advertising. Perusahaan internet ini juga rajin melakukan akuisisi startup yang dinilai akan memperkuat layanannya. Tercatat sudah ada lebih dari 20 startup dibeli Yahoo, termasuk platform blog populer Tumblr.

(CarGam/detikNet)

Read More

Johny Kenthir Blogger Template

    

Title : Johny Kenthir Blogger Template

Template Author : Maskolis

Description : This is another magazine template blogger for news content from Johny, Johny Kenthir blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 4 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, 1 right sidebar, automatic featured content slider, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates.

Read More

Johny Storage Blue Blogger Template

     

Title : Johny Storage Blue Blogger Template

Template Author : Maskolis

Description : Johny Storage Blue blogger template is a light blue free magazine style blogger template for portal news blog with automatic recent per category. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, automatic featured content slider, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. New feature :Static Page ready.

Read More