Basic Tips For Bloggers

I shared these tips on my Twitter few days ago as I got lots of question bout 'setting up' blog. For today's post, I'm gonna share basic tips for bloggers, more on layout/template terms. I'll try my best to keep sharing more tips to everyone. If you guys have any questions, do not hesitate to ask me and I'll try my best to help.

P/S : These tips are not really organized, I mean not in order as I just typed whatever came to my mind at that time.

Tips #1 : If you love CSS and HTML; and want more control or freedom of your blog, choose classic style by clicking 'Layout' on your Dashboard > Edit HTML > 'Revert To Classic Template'

Tips #2 : If you're new bloggers, by default, your blog is on Beta mode.

Tips #3 : Difference between Beta & Classic - On your Dashboard, 'Layout' means your on Beta while 'Template' means your on Classic template.

Tips #4 : If you're gonna change your template frequently, you're advised to switch to classic template.

Tips #5 : Another difference between Beta and Classic template is that Beta is using XML while Classic template using basic CSS and HTML which is much more easier than XML.

Tips #6 : To add banner on Classic template, go to Header part. You can CTRL + F and type #header to look for the header. Before }, add this line

background:url(yourbannerURL);

So your header part should look like this :

#header {

    width:750px;

    height:150px;

    margin:0 auto 10px;

    border:2px inset #e6567b;

    background:url(yourbannerURL);

    }

Tips #7 : 'Format' your banner by adding, for example : no-repeat center top; at the end of (yourbannerURL). So it should look like this :

#header {

    width:###px;

    height:###px;

    margin:# auto ##px;

    border:#px inset #e6567b;

    background:url(yourbannerURL)no-repeat center;

    }

That will make it not repeating, at the center and on top of the page.

Tips #8 : Never forget to start each part with { and end it with }. Also, never forget to end each line by adding ;

Tips #9 :  By default, your blog has 2 columns. Make it 3 columns by adding this :

#sidebar {
width:###px;
float:left;
}

Tips #10 : To change your blog from 2 columns to 3 columns, you can change the width as how you like it to look like. You can make both sidebars equal or different size. The float is where you want the sidebar to appear. If the default sidebar is on right, then place another sidebar that you added float on left and vice versa.

Tips #11 : If you changed your blog from 2 columns to 3 columns, never forget to change the width of your main or content.

(did this cause the coding doesn't appear in this post)

Tips #13 : The size of your fav icon should be 16x16 or 32x32 or 64x64. The JPG in type='image/jpg' is depends on the type of your fav icon. If it's GIF, then it should be :

type='image/gif'';

Tips #14 : Default icons in your computer is in .ico format. If you're using icon from your computer or the same format, changed it to :

type='image/vnd.microsoft.icon'

Tips #15 : In case you doesn't know what is fav icon, look at your tab. There should be 2 things on it. Logo and title of the page. The logo page on tab is called fav icon. For example, if you open Blogger.com, the Blogger logo on your tab is what people called fav icon.

Tips #16 : What I've explained are mostly applicable for those who are using classic template. It's not applicable on Beta template as Beta is using different coding language which is XML. You also can use the coding language that I explained to create your own website from scratch.

Tips #17 : You can learn CSS and HTML from blogging. That's how I learnt basic HTML before I learnt it even further in college.

Tips #18 : In learning coding language, you gotta have the will and passing. Of course, the most important thing is to have fun! Also, always apply it so you'll never forget what you've learnt

Ok, that's it for now. If you have any questions regarding these tips, do not hesitate to ask me. Hopefully, more tips and tutorials to come! Do let me know if you tried these tips, doesn't matter if it works or not. I love doing this, sharing my knowledge. Sharing is caring! :)