Bootstrap Instructions

Creating Bootstrap in Blogger

http://www.bloggertipspro.com/2016/01/using-bootstrap-with-blogger-templates.html

Created new blog: Robs Bootstrap Lab
https://robsbootstraplab.blogspot.co.nz/
Simple theme, customize, layout, body and footer layout single column, apply to blog, back to blogger.
Edit html, save all the code
Now delete all the code and then insert this:

 <?xml version="1.0" encoding="UTF-8" ?>  
 <!DOCTYPE html>  
 <html b:version='2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>  
  <head>  
   <b:skin><![CDATA[]]></b:skin>  
   <b:template-skin><![CDATA[]]></b:template-skin>  
 <link disabled='true' href='https://www.blogger.com/static/v1/widgets/2258130529-css_bundle_v2.css' rel='stylesheet' type='text/css'/>  
   <script type='text/javascript'>  
   void(document.styleSheets.item(0).disabled=true);  
 </script>  
  </head>  
  <body style="margin:0">  
      <b:section class='majin' id='magin' name='Madin'>  
       <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog' version='1'>  
        <b:widget-settings>  
         <b:widget-setting name='showDateHeader'>true</b:widget-setting>  
         <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>  
         <b:widget-setting name='showShareButtons'>true</b:widget-setting>  
         <b:widget-setting name='showCommentLink'>true</b:widget-setting>  
         <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>  
         <b:widget-setting name='showAuthor'>true</b:widget-setting>  
         <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>  
         <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>  
         <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>  
         <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>  
         <b:widget-setting name='style.layout'>1x1</b:widget-setting>  
         <b:widget-setting name='showLabels'>true</b:widget-setting>  
         <b:widget-setting name='showLocation'>true</b:widget-setting>  
         <b:widget-setting name='showTimestamp'>true</b:widget-setting>  
         <b:widget-setting name='postsPerAd'>1</b:widget-setting>  
         <b:widget-setting name='showBacklinks'>false</b:widget-setting>  
         <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>  
         <b:widget-setting name='showInlineAds'>false</b:widget-setting>  
         <b:widget-setting name='showReactions'>false</b:widget-setting>  
        </b:widget-settings>  
        <b:includable id='main' var='top'>  
         <b:loop values='data:posts' var='post'>  
          <b:include data='post' name='post'/>  
         </b:loop>  
        </b:includable>  
        <b:includable id='backlinkDeleteIcon'/>  
        <b:includable id='backlinks'/>  
        <b:includable id='comment-form'/>  
        <b:includable id='commentDeleteIcon'/>  
        <b:includable id='comment_count_picker'/>  
        <b:includable id='comment_picker'/>  
        <b:includable id='comments'/>  
        <b:includable id='feedLinks'/>  
        <b:includable id='feedLinksBody'/>  
        <b:includable id='iframe_comments'/>  
        <b:includable id='mobile-index-post'/>  
        <b:includable id='mobile-main'/>  
        <b:includable id='mobile-nextprev'/>  
        <b:includable id='mobile-post'/>  
        <b:includable id='nextprev'/>  
        <b:includable id='post' var='post'>  
     <data:post.body/>  
    <div style='clear: both;'/>  
 </b:includable>  
        <b:includable id='postQuickEdit'/>  
        <b:includable id='shareButtons'/>  
        <b:includable id='status-message'/>  
        <b:includable id='threaded-comment-form'/>  
        <b:includable id='threaded_comment_js'/>  
        <b:includable id='threaded_comments'/>  
       </b:widget>  
      </b:section>  
 </body>  
 </html>  

Yup

No comments:

Post a Comment