Skip to main content

How To Use Bootstrap In Blogger Template.

We know that blogger have its own predefine libraries and these libraries work only on blogger. In blogger we use .xml file format or we say we use xml language to make blogger template. In this post we discuss about how to place bootstrap CSS and Java script to blogger template.

First we discuss about how to place bootstrap in blogger.
1. First you have to open your template edit section.
2. Then find head opening (<Head>) tag.
3.Then copy these codes.


<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<link href='//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet'/>

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>

4. Paste these codes in your <head> section. like the example given below--->

  <head>
  <meta charset='UTF-8' language='en'/>
<b:include data='blog' name='all-head-content'/>


<meta content='SEO,Social Media Marketing,Blogging,Make Money,Blogspot,Blogger' name='Keywords'/>
<meta content='India' name='Country'/>
<meta content='Ankur garg' name='Author'/>
  <meta content='width=device-width, initial-scale=1.0' name='viewport'/>
  <link href='//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css' rel='stylesheet'/>

  <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
</head>

5. These are the CSS file now copy these javascript link and paste these in footer or body.


<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'/>
<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js'/>
Example here --->

</div>



<!-- rest your script -->


<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js'/>

<script src='//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js'/>

</body><!-- this is the closing tag of body  -->



</html>

6. After copy these codes to your template save the template and click view blog button your template may be not changed. If not this is good for you and if change so don't think negative it just overwrite the old template .

Related Post


Labels:

Comments

Post a Comment

Popular posts from this blog

Minified Your Blogger Template For Fast Response ! How to minified CSS.

Minified is also means minimisation or minimization,  In computer programming languages and especially JavaScript and CSS is the process of removing all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute. If you want to remove these unnecessary character, spaces and more from your blogger template so you should follow these steps given below. 1. First you have to open your blogger template editor . 2. Then find this tag on your template. <b:skin> < ![CDATA[/* 3. Copy entire data written under this tag until the style closing tag was encounter . it is recommended please leave the comment section if exists means a author bio or etc. ]]> </b:skin> 4. After that you have to Minified your your copy data or CSS. s
2 comments
Read more

Connect CCTV Camara Via PC : Recommended Tips

Connect CCTV Digital Camera Using Personal Computer  Today I discuss about some topics.    Connect CCTV camera to computer.   Connect 4 channel DVR on the PC.   Create connection using BNC port. CCTV camera :   As we know about CCTV camera are various types but we discuss about the normal using camera such as BNC port camera or VGA camera or direct input with 4 wires. In our cameras there are 4 cable wire are use that first-video, second-ground, third- DC+ and fourth for DC-. these are connected by many type of connector like BNC or VGA . so if your camera have BNC connector on it so make a external socket and directly connect to the computer.  If your camera have VGA, PS2 or other type of connectivity socket so you just want a connector or converter VGA to BNC or any. 4 Channel PC DVR : This is the best option to connect your BNC or other VGA camera to the compute the main thing is this to too reasonable and it result was best. it easy to connect on computer
3 comments
Read more

Minified Your Blogger Template For Fast Response ! How to minified JavaScript (Part 2) .

Minified is also means minimisation or minimization,  In computer programming languages and especially JavaScript and CSS is the process of removing all unnecessary characters from source code without changing its functionality. These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute. If you want to remove these unnecessary character, spaces and more from your blogger template so you should follow these steps given below. 1. First you have to open your  blogger template editor . 2. Then find this tag on your template. < script type = 'text/javascript' > //<![CDATA[ 3. Copy entire data written under this tag until the script closing tag was encounter . it is recommended please leave the comment section if exists means a author bio or etc. //]]> < /script> 4. After that you have
1 comment
Read more