Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger CSS » Blogger Tutorial » How-to » How to Add CSS Code in Blogger Template

How to Add CSS Code in Blogger Template

How to add CSS code in blogger template? It is a toughing task for a beginner. To customize blogger template you are must be knowledgeable with its codding style. But it doesn't mean that you cannot customize your blogger template. even basic knowledge can be work fine in blogger because in Google blogger everything is simple and easy, you will have to just practice for few months or it depends upon your interest. So, if you are having trouble or difficulty in adding CSS to your blogger template then here is quick tutorial that will show you how you can add CSS code to your blogger template.
Also see : 30 Pure CSS Loading Animations Examples From CodePen

How to Add CSS Code in Blogger Template?

There are two different way of adding CSS codes to blogger template. both method are mentioned below.

1. Adding CSS to Blogger by Edit Template HTML :

Firstly, Go to blogger dashboard > Template > Edit HTML and search for the tag ]]></b:skin> and just above it paste the CSS code that you would like to add in your blogger template. after everything is done, your blogger template is customized and you can see the preview of your customization before applying. To see the preview of it you just have to click on the "Preview" button. once you are satisfied with the preview of your blog. Click "Save Template" button at top of the editor to save your template.

2. Adding CSS to Blogger Using Template Designer:

Google's Blogger knows that this is not required that all blogger users should be knowledgeable with the web developing languages like HTML or CSS. So, this is why blogger provides a great tool called “Blogger Template Designer” for non-technical users.

Go to blogger dashboard > Template > Customize. When you click on the Customize button it will redirect you to the blogger template designer, there you will notice some options for customizing your blogger template. and also you will see your blog preview just below the template designer. as it can be seen in the screenshot below:


As you can see above screenshot of blogger template designer, choose the option “Advance >> Add CSS” in order to add CSS code in your blogger template. And paste your CSS code just inside the empty text box area. When you add CSS then you will notice changes being done on that preview window.

Once everything is done Click “Apply to Blog” button located at the top right corner of your screen.


That's it.  ! Drop your comments and questions below. :)
Add Comment
Blogger CSS Blogger Tutorial How-to

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot
  • Flipper Social Sharing Widget for Blogger
    Flipper Social Sharing Widget for Blogger
  • Add Auto Read More with Thumbnail to Blogger/Blogspot
    Add Auto Read More with Thumbnail to Blogger/Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ▼  July (14)
      • Related Posts Widget with Thumbnails and Summary f...
      • How to Embed Audio MP3 Player In Blogger Post
      • Recent Posts With Thumbnails For Particular Label ...
      • Add Background Color or Image in Blogger Posts Usi...
      • Customize Blogger Threaded/Nested Comments with CSS
      • Simple Recent Posts Widget for Blogger / Blogspot
      • How to Add Flash Animated Label Cloud Widget to Bl...
      • Supreme Blogger Template (Responsive) Free Download
      • How to add alexa rank widget to blogger / website
      • How to Redirect Blogger 404 Error (Page Not Found)...
      • How to Add Custom Popular Posts Widget to Blogger
      • How to Add CSS Code in Blogger Template
      • Add Stylish Most Commented Posts Widget to Blogger
      • How to create sitemap page in blogspot blog
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates