Analysis Structure Of Linezap Responsive Blogger Template

10:21 PM
--///quang cao tren bai viet ///----

Linezap Responsive Free Blogger Templates
Demo | Download


Name Template: Linezap Blogger Template

Author: ThemeXpose

File Type: XML Document

File Size: 191 KB

Here we will analysis based on code of template. There are around 4711 code lines.


These are 10 first code lines in Linezap Responsive Blogger Template.


1. <?xml version="1.0" encoding="UTF-8" ?>



2. <!DOCTYPE html>



3. <html b:version='2' expr:dir='data:blog.languageDirection' 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'>



  4. <head>



   5.  <!--[if lt IE 9]>



6. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script>



7. <![endif]-->



   8.  <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>



   9.  <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>



   10.  <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>




Analysis:

Line 5,6,7 is comment, we can ignore them.

Line 1: <?xml version="1.0" encoding="UTF-8" ?> is XML declaration, and when use it so must declare in first line in the document.

There are 2 parts in XML declaration:

1. The version number of XML document: <?xml version="1.0"?> - This is mandatory. 1.0 is current version
2. The character encoding declaration: <? encoding="UTF-8" ?> - This is option. It appears after the version information.

Line 2: <!DOCTYPE html> is declaration type of document as an instruction to the web browser about what version of HTML the page is written.

Line 3: <html b:version='2' expr:dir='data:blog.languageDirection' 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'> is html tag represents the root of an HTML document or container for all other HTML elements. It includes many attributes that we will mention later.

Line 4: <head> is a container for all the head elements. It must include a title for the document, and can include scripts, styles, meta information, and more.

Line 8:  <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/> this viewport tag will help browser will (probably) render the width of the page at the width of its own screen.
Here width is the width of the virtual viewport of the device. device-width is the physical width of the device's screen. maximum-scale is the maximum amount the visitor can zoom on the page. 1.0 does not zoom. For more details, here and here.

Line 9:  <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/> this means specifies the character encoding for the document. For more details, here.

Line 10:  <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
For more details, here and here.


11.  <b:include data='blog' name='all-head-content'/>

 12.   <!-- SEO Meta Tag -->

 13.   <b:if cond='data:blog.homepageUrl == data:blog.url'>

  14.    <meta expr:content='data:blog.title' name='keywords'/>

   15.  </b:if>

   16. <b:if cond='data:blog.pageType == &quot;item&quot;'>

   17. <meta expr:content='data:blog.pageName' name='keywords'/>

   18. </b:if>

   19.  <b:if cond='data:blog.pageType == &quot;index&quot;'>

    20.  <b:if cond='data:blog.searchLabel'>

     21.   <meta content='noindex,nofollow' name='robots'/>

     22. </b:if>

   23.  </b:if>

   24. <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    25.  <meta content='noindex,nofollow' name='robots'/>

   26. </b:if>

  27.  <b:if cond='data:blog.isMobile'>

   28.   <meta content='noindex,nofollow' name='robots'/>

   29. </b:if>

   30. <!-- SEO Title Tag -->

   31. <b:if cond='data:blog.url == data:blog.homepageUrl'>

    32.  <title>

      33.  <data:blog.title/>

     34. </title>

   35. </b:if>

  36.  <b:if cond='data:blog.pageType == &quot;item&quot;'>

   37.   <title>

    38.    <data:blog.pageName/>

    39.    |

     40.   <data:blog.title/>

    41.  </title>

   42. </b:if>

   43. <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    44.  <title>

     45.   Archive for

     46.   <data:blog.pageName/>

    47.  </title>

   48. </b:if>

  49.  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

   50.  <title>

     51.   <data:blog.pageName/>

    52.  </title>

   53. </b:if>

   54. <b:if cond='data:blog.pageType == &quot;index&quot;'>

   55.  <b:if cond='data:blog.searchLabel'>

     56.  <title>

       57.   <data:blog.title/>

        58.  -

        59.  <data:blog.pageName/>

       60. </title>

     61. </b:if>

   62. </b:if>

   63. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>

    64.  <title>

     65.   Page Not Found

     66. </title>

   67.  </b:if>

  68.  <b:if cond='data:blog.pageType == &quot;index&quot;'>

   69.   <b:if cond='data:blog.url != data:blog.homepageUrl'>

     70.   <title>

       71.   <data:blog.pageTitle/>

       72.   - All Post

       73. </title>

     74. </b:if>

   75. </b:if>

76. <meta content='YOUR_APPLICATION_ID' property='fb:app_id'/>

 77.   <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'/>

  78.  <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

  79.  <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>

   80. &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*

   81.  <b:skin><![CDATA[

82. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

83. /* HTML5 display-role reset for older browsers */

84. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}

85. /* FRAMEWORK */

86. body#layout #mywrapper {

87. width: 70%;

88. }

89. body#layout #post-wrapper {

90. width: 60%;

91. float: left;

92. }

93. body#layout #sidebar-narrow {

94. width: 22%;

95. }

96. body#layout div#main {

97. width: 100%;

98. }

0 comments