Skip to main content

Posts

Showing posts from December, 2013

How To Place Bootstrap Buttons On Your Blogger Blog !

Bootstrap have a series of button which have different type of colour and different size, and classes for use. If your want to add the bootstrap button on your blog so you just have to follows these steps. 1. First you have to open your blogger template edittor. 2. Then place the bootstrap CDN css and javascript on your template. 3. Then refresh your page and check your page is working . 4. Then paste these codes for default size buttons. <!-- Standard button --> <button type= "button" class= "btn btn-default" > Default </button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type= "button" class= "btn btn-primary" > Primary </button> <!-- Indicates a successful or positive action --> <button type= "button" class= "btn btn-success" > Success </button> <!-- Contextual button for infor

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

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

How To Edit Blogger Template In Editor.

If you want to edit your blogger template so you have to perform these steps given below. 1. First login to your blogger Account with google account. 2. Open your blogger dashboard. 3. Select your blog when you select your blog you go to your Overview page.   4. Select template in sidebar. 5. Then click Edit HTML.  And here you can easily edit your codes.   Realated Post Internal Linking Of Your Blog -SEO. How To Share A Download Link : Dropbox How To See Your Blog Rank Evernote Clearly Amazing chrome Extension How To Import Your Photo From Website To Google Drive Organic Search & Paid Search - SEO

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&