As the colorful wings make a caterpillar butterfly, you need to dress up your blog to make it look awesome. In designing world we define this dress as CSS or more complicatedly Cascading Style Sheets. If you want your blog to look like a beauty queen, you gotta CSSify it. Anyway as a starter you might face difficulties while adding css (I faced, everyone face). Hence this tutorial. So without any clutters let's directly talk about how to do it.
In this world, there are two ways to perform any task. One, the easy way (or the Lazy Way) and the hard way (some hard-working people do it). I prefer the first process. Why the heck would I waste and burn extra calories, when I'm getting the same result? Anyway let's head over to the steps.
If you're sort of lazy and want to save your calories for future usage, you must follow this procedure. At first go to your blog's dashboard and steer down to the template part. You should notice a small screenshot of your blog with Live on Blog written over it. Got it? Fine, now click on the orange Customise button below it. The screen-snap will help you out.
A new page should open, where you'll notice some extra bit of options. Now directly navigate down to the advanced tab. Can you see a box up there? Right, now put any CSS code in that box and press Apply to Blog at the top right corner. That's it; you've now successfully and lazily added custom CSS code to your blog.
Okay, if you think the life is full of hurdles and stuffs & you're at some stupid race of success, then you should probably follow these steps.
At first go to the template section and then click on Edit HTML right beside the Orange customise button (below the live view thumbnail of your blog). Now you'll find some innumerable bunch of crappy codes! Just click inside the box and press Ctrl+F and a tiny box will pop at the right top corner. Copy-paste this code in that box and hit enter.
The code, now, should be highlighted in yellow color, got it? Fine, now put any css code above that line of phrase. Remember the CSS must be above ]]></b:skin>. See the screenshot below.
As you can see in the snap, the CSS codes are pasted above the highlighted portion. Right? Okay, now click on Save Template. Wait a few moments until it gets saved and then head over to your blog to check whether the CSS addition was successful or not.
Now you know how to add css codes in your blogger blog. If you face any problems while performing these tasks, comment below or you can knock me at Google+. Go ahead, it's your blog, make it awesome. Ceeyaa!
Cover pic credit: Geralt
In this world, there are two ways to perform any task. One, the easy way (or the Lazy Way) and the hard way (some hard-working people do it). I prefer the first process. Why the heck would I waste and burn extra calories, when I'm getting the same result? Anyway let's head over to the steps.
Worth Reading: How to Backup and Restore your Blog Template?
First off, the Lazy Way:
If you're sort of lazy and want to save your calories for future usage, you must follow this procedure. At first go to your blog's dashboard and steer down to the template part. You should notice a small screenshot of your blog with Live on Blog written over it. Got it? Fine, now click on the orange Customise button below it. The screen-snap will help you out.
A new page should open, where you'll notice some extra bit of options. Now directly navigate down to the advanced tab. Can you see a box up there? Right, now put any CSS code in that box and press Apply to Blog at the top right corner. That's it; you've now successfully and lazily added custom CSS code to your blog.
Now, the hard way:
Okay, if you think the life is full of hurdles and stuffs & you're at some stupid race of success, then you should probably follow these steps.
At first go to the template section and then click on Edit HTML right beside the Orange customise button (below the live view thumbnail of your blog). Now you'll find some innumerable bunch of crappy codes! Just click inside the box and press Ctrl+F and a tiny box will pop at the right top corner. Copy-paste this code in that box and hit enter.
]]></b:skin>
The code, now, should be highlighted in yellow color, got it? Fine, now put any css code above that line of phrase. Remember the CSS must be above ]]></b:skin>. See the screenshot below.
As you can see in the snap, the CSS codes are pasted above the highlighted portion. Right? Okay, now click on Save Template. Wait a few moments until it gets saved and then head over to your blog to check whether the CSS addition was successful or not.
Putting All Bucks in Pocket:
Now you know how to add css codes in your blogger blog. If you face any problems while performing these tasks, comment below or you can knock me at Google+. Go ahead, it's your blog, make it awesome. Ceeyaa!
Cover pic credit: Geralt
This is great, Learned something today.
ReplyDeleteIncrease Conversion Rate
Custom
ReplyDeletesoftware development specialists explore exactly what it is a
company does - what the necessities of the company are on a day to day basis
and what they need from their IT system in order to operate to their optimum.
In order to perform efficient functionality, a company would ideally need its
software to do exactly what they want it to.