Lab Design

This is a blog only for designing blogspot template.

Learn more

Monday, 1 April 2019

Simple Bootstrap Responsive Theme v 1.0

Simple Bootstrap Responsive Theme v 1.0

Feature:
  • Responsive design
  • Responsive Menu Bar
Base theme: Simple.
Default background is white.

How to change the background (1):
From your Blogger Dashboard, go to Theme then click "Customize". Click "Background" tab and choose the color you want.
How to change the background (2): [if you want to use image as your background]
- From your Blogger Dashboard, go to Theme then click "Customize". Click "Advanced" tab then click "Add CSS".
- Copy paste this: body{ background-image: url(your image url); background-position: top center; }
- You can adjust the background-position to fit your style (like center center, or top center, or use px)
- You can also add background-repeat and background-size to fit your background.

How to edit the navigation bar:
- From your Blogger Dashboard, go to Theme then click "Edit HTML"
- Click inside of the box then press ctrl+F to search what you want to change from the navbar (Project Name, About, Contact, etc).
- Change the # on <a href='#'> to the suitable page link. Example: http:www.google.com.

Read this if you want to build from scratch.
Also, read this if you want to add Font Awesome for the bootstrap template.

Any suggestion and advice are welcome.

Download Download (with header image)

How to apply:
  1. Download the theme from the link above.
  2. From your Blogger Dashboard, go to Theme then click "Backup/Restore" on the top right.
  3. Click "Choose File" to choose the file you have downloaded. Then click "Upload".
Screenshot:

No comments:

Post a Comment