How to add Stylish Bootstrap Buttons to Blog |
How to add Bootstrap in Blogger blog ?
(Related: Add Uniqe Search box widgets to Blogger blog)
Steps : How to add bootstrap to Blogger blog
Stylish Buttons Designed for blogger
- First of all Go to blogger dashboard >> Template>> Edit template >>
- Find ]]></b:skin> Is tag se phele Niche digaye Buttons ke css code ko add karke Save par click kare.
[css].btn{ border-radius: 20px;
margin-bottom: 5px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.btn:hover
{
border-radius: 0px;
-webkit-transition:0.5s;
-o-transition:0.5s;
transition:0.5s
}[/css]
Add Bootstrap Buttons to blogger blog
So friends a ab ham Important step par a cheke hain ahase apko serf in shot code ko copy karke apke post me add karna hain or # ki jaga apka link dena hain. 😃
Bootstrap Buttons for blogger Style 1
[html]<a href=”#” class=”btn btn-primary btn-primary”>
<span class=”glyphicon glyphicon-eye-open”></span>
Demo</a>[/html]
Download Button
[html]
<a href=”#” class=”btn btn-primary btn-primary”>
<span class=”glyphicon glyphicon-download-alt”></span>
Download</a>
[/html]
Visit Button
[html]<a href=”#” class=”btn btn-primary btn-primary”>
<span class=”glyphicon glyphicon-new-window”></span>
Visit</a>
[/html]
Bootstrap Button Style 2
[html]<a href=”#” class=”btn btn-success btn-primary”>
<span class=”glyphicon glyphicon-eye-open”></span>
Demo</a>[/html]
[html]<a href=”#” class=”btn btn-success btn-primary”>
<span class=”glyphicon glyphicon-download-alt”></span>
Download</a>[/html]
[html]<a href=”#” class=”btn btn-success btn-primary”>
<span class=”glyphicon glyphicon-new-window”></span>
Visit</a>[/html]
Bootstrap Button Style 3
[html]<a href=”#” class=”btn btn-danger btn-primary”>
<span class=”glyphicon glyphicon-eye-open”></span>
Demo</a>[/html]
[html]<a href=”#” class=”btn btn-danger btn-primary”>
<span class=”glyphicon glyphicon-download-alt”></span>
Download</a>[/html]
[html]<a href=”#” class=”btn btn-danger btn-primary”>
<span class=”glyphicon glyphicon-new-window”></span>
Visit</a>[/html]
Bootstrap Button Style 4
[html]<a href=”#” class=”btn btn-info btn-primary”>
<span class=”glyphicon glyphicon-eye-open”></span>
Demo</a>[/html]
[html]<a href=”#” class=”btn btn-info btn-primary”>
<span class=”glyphicon glyphicon-download-alt”></span>
Download</a>[/html]
[html]<a href=”#” class=”btn btn-info btn-primary”>
<span class=”glyphicon glyphicon-new-window”></span>
Visit</a>[/html]