How to Add CSS code To Bloggerusing Template Designer alphause

Helplogger Home Blog DesignWidgets SEO Menus Po ... How to Add CSS code To Blogger using Template Designer 3 comments If you are having difficulties adding the CSS codes in a Blogger template, here's a short guide that will show you a more practical and fast way to add CSS (Cascading Style Sheets) so that it will be easier for you to customize your blog. Some readers have complained that when they had to add the CSS codes to install some feature in Blogger, they found it difficult to locate the]]>tag. So, I decided to make this quick tutorial to show you another way of adding the CSS without having to access the Blogger HTML editor. Adding CSS via the Blogger Template DesignerStep 1.Log in to your Blogger accountand select the blog that you want to customize. Step 2.From the Blogger dashboard, choose "Template" and click on the "Customize" button. Step 3.Click on the "Advanced" tab. Step 4.Now just add your CSS code inside the right field, located in the "Add CSS" tab (if you have more options, you may need to scroll down the list). Here you can add any CSS code when you want to apply a new style to your template. Step 5.Once added, click on the "Apply to blog" button to save the changes. Following this method you can't edit the existing CSS styles already added in your template, which will require to access the template's HTML and make the modifications there. Here you can only add new styles and edit the existing styles added through the Template Designer panel. It is also important to mention that when adding the CSS styles, it isn't required to put thestyle tags, which normally would go above thetag of the template html. Adding those tags may result in an error. If you change the template, the CSS added here will be removed. The same goes for any other additions or CSS customizations made ​​through the Template HTML editor. Like 0 Random Posts Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger10/03/2012 - 115 Comments Multi Hover Effect On Blogger Images Using Pure CSS31/05/2013 - 11 Comments How To Remove Blogger Attribution Gadget22/03/2012 - 129 Comments Related Posts: CSS3 Transition Property Basics How to Increase Thumbnail Resoluti... How to Use Cookies in Javascript How to Add Numbered Page Navigation... Add a Custom jQuery Lightbox To Blo... 3 comments: emilli wonder 3/10/2014 thanks for sharing. i like this blog Reply Replies Admin 3/10/2014 Thanks for visiting :) Henry Obinna 3/13/2014 hey bro please can you help me?.. i used this method in adding a css style on my blog, now it messed my blog up, only some posts appear please help me. my blog is www.legitstuffs.com thanks Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,775 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments Joseph V M Hi, I've added pagination to my blog... dara king good Mel Ancheta You did it finally, thanks admin (: sorry for my late reply... Sandra Harriette It never ceases to amaze just how much we can do with Blogger.... Gabor Sziladi One question i still have...how can i keep distance between my... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 0 Like