The easy way to make your blogger template become responsive are using the bootstrap. So we will integrate bootstrap to our template.
Ok let's start
1. Go to the http://www.w3schools.com/
2. Go to the Bootstrap Themes section
3. Choose BS Template and select one of the samples then push the "Try it Yourself".
4. Then select code below
5. Pay attention on the first and the second line of the code above, before you put into your template you have to close the code by adding this "/". So the result would be like this"<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>"
<meta name="viewport" content="width=device-width, initial-scale=1"/>6. Copy the code above and paste it above the <title> code on your blank blogger template.
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
and the result would be like this
7. Save your template and it becomes responsive.
Create Blogger Template From Scratch-Blank Template : next lesson :
No comments:
Post a Comment