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

1 comment:


  1. Really impressed with this. That part about workflows vs. projects is a standout—it’s vital for real-world application and rarely explained this well. Definitely one of the more intuitive guides I've found on the good knowledge of bootstrap-tutorial lifecycle. Great job!.

    ReplyDelete