This is my base on my personal thoughts. So let's start. 1. How to remove or hide Navbar in Blogger? #navbar-iframe { height:0px; visibility:hidden; display:none; Paste the code above before ]]></b:skin> or under Blogger Template Style Name:**** Designer: **** URL:**** Date: ***** Updated by: Blogger Team ----------------------------------------------- */ credits goes to Blogbulk.com 2. Adding Related Articles on your Post <!--Related Posts Scripts and Styles Start--> <!--Remove--><b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts .widget{ padding-left:6px; margin-bottom:5px; } #related-posts .widget h2, #related-posts h2{ font-size: 16px; font-weight: bold; color: #343434; font-family: "Trebuchet MS", ...
Read the documentation of Bootstrap Multiselect . Anyway, just include all the files in you html page (head section), you will need these following files (JS and CSS files): //ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js https://dl.dropboxusercontent.com/u/75734877/bootstrap-multiselect.css https://dl.dropboxusercontent.com/u/75734877/bootstrap-multiselect.js Copy and save the files if you want to serve it with your own, and use it like this in your template: <script type="text/javascript" src="{% static "js/bootstrap-multiselect.js" %}"></script> Then refer to this JSFiddle for demo. Let's say you have this select element in your page with the id, "bldg_type" <select class="form-control" id="bldg_type" multiple="multiple">...
Comments
Post a Comment
Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.