“Mission to Design Blogger“ – A weekly edition on creating a professional Blogger blog is on!!!
Am happy to announce, that I’m creating a weekly edition on how to create or design a professional Blogger blog from scratch. This page will be dedicated to the articles which will be posted as part of this edition. Even if you miss a part of the edition, you can still find them on my home page linked always. I hope our mission will be successful as we move towards the goal.
This mission of designing the Blogger blog is not only to help the newbies but it would make myself a better designer than before. I don’t want to boast that am a professional designer, so I take the opportunity to learn some for myself and teach others.
Blogger is becoming more and more powerful with Google’s upgrades and enhancements we are seeing. Blogger platform has turned out to be a much preferable platform for blogging in the recent times with lakhs of daily blogs being created.
These tutorials can be used by anyone – Newbies, Intermediates, Myself(Of course) and Already professionals as a reference.
10 Things may you need before proceeding to Design A Professional Blogger Template yourself:
1) A Google Account to access Blogger.com
2) A Blogger blog up and running with some contents in them(Posts, Pages and Gadgets)
3) Little bit of HTML and CSS knowledge – If you don’t know, we shall learn them as part of the lessons as and when HTML and CSS are encountered 🙂 Learn on HTML and CSS from w3schools.
4) A Test Blog with simple template like Minima to test your learning before implementing them on your primary blog.
5) A Text Editor – Windows Live Writer / Notepad++. Better to use Windows Live Writer.
6) An Image Editor – Gimp is the most preferred as it is open source and gives equal competition to Adobe Photoshop. I personally use Gimp software to create my images. This is an excellent software. You can easily design your website’s logo using this software. Check other similar tools for reference.
7) Some Royalty Free Image Sites handy.
9) Better to install 3 different browsers in your computer/laptop. I’ve 3 major browsers to check the compatibility of the designing I do – Chrome, Firefox and IE. IEs are the most incompatible browser which I’ve faced problem while designing. All your hard work will come to an end if you happen to check your website on IE8 and lower.
10) Willingness to learn 🙂
The above tools and support is used by myself. I strongly recommend my audience to use them during your designing course.
Check out all the tutorials already published on this website on Blogger.
Many tutorials will be referenced during the future editions, so you can learn them then as well.
1) Lesson 1: Structure of Blogger Template & Overview of HTML Template
2) Lesson 2: Structure of Blogger HTML coding/template
3) Lesson 3: Structure of Blogger CSS
4) Lesson 4: Creating a Simple Blogger Skeletal Template
5) Lesson 5: Five Customization of the Simple Blogger Template newly Created
6) Lesson 6: Understanding Blogger Specific Tags
7) Lesson 7: Create a 3 column Blogger Template from existing Simple Blogger Template
8) Lesson 8: Understanding Footer Layout and Organizing
9) Lesson 9: How to create 3 Column Footer for Blogger
10) Lesson 10: Menu & Logo For Blogger
11) Lesson 11: Understanding Blogger Comment System and Enabling Embedded Comment Form
12) Lesson 12: Restyling the Blogger header section to make it professional
13) Lesson 13: Restyling the Blogger Content Area Section to make it professional
14) Lesson 14: Restyling the Blogger Footer section to make it professional
15) Lesson 15: Bringing the Comment count, Author info and Article Time Stamp below Blogger title
16) Lesson 16: Enabling Threaded Comments For Blogger
17) Lesson 17: Styling Blogger elements with colors