Blogger

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 57

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.goo gle.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr= 'http://www.google.

com/2005/gml/expr'> <head> <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/> <b:if cond='d ata:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maxi mum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type=' text/css'/> <b:if cond='data:blog.url == data:blog.homepageUrl'><title><data:blog.title/></t itle></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> | <data:blog.title/></title></b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'><title><data:blog.pageNam e/></title></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><title><data:blog.pag eName/></title></b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searc hLabel'><title><data:blog.pageName/></title></b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'><title>You&#39;ve ripp ed a hole in the fabric of the internet</title></b:if> <b:skin><![CDATA[/* ----------------------------------------------Blogger Template Style Name: FlatUI Designer: Belajar Search Engine URL: http://belajarsearchengine.blogspot.com ----------------------------------------------- */ /* Variable definitions ==================== <Group description="Right Sidebar Background" selector="body"> <Variable name="sidebar.right.top.color" description="Right Top Sidebar Backgrou nd" type="color" default="#00f" value="#1abc9c"/> <Variable name="sidebar.right.left.color" description="Right Left Sidebar Backgr ound" type="color" default="#ff0" value="#1abc9c"/> <Variable name="sidebar.right.right.color" description="Right Right Sidebar Back ground" type="color" default="#f0f" value="#1abc9c"/> </Group> <Group description="Sidebar Text" selector="body"> <Variable name="sidebar.text.color" description="Sidebar Text Color" type="color " default="#000000" value="#cff3ec"/> </Group> <Group description="Left Sidebar Background" selector="body"> <Variable name="sidebar.left.top.color" description="Left Top Sidebar Background " type="color" default="#00f" value="#1abc9c"/> <Variable name="sidebar.left.left.color" description="Left Left Sidebar Backgrou nd" type="color" default="#ff0" value="#1abc9c"/>

<Variable name="sidebar.left.right.color" description="Left Right Sidebar Backgr ound" type="color" default="#f0f" value="#1abc9c"/> </Group> <Group description="Sidebar Column Background" selector="body"> <Variable name="sidebar.bgr.color" description="Right Sidebar BG Color" type="co lor" default="#f00" value="#1abc9c"/> <Variable name="sidebar.bgl.color" description="Left Sidebar BG Color" type="col or" default="#f00" value="#1abc9c"/> </Group> <Variable name="keycolor" description="Main Color" type="color" default="#66b bdd" value="#fafafa"/> <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-se rif" value="normal normal 14px Lato, sans-serif"/> <Variable name="body.text.color" description="Text Color" type="color" defa ult="#222222" value="#34495e"/> </Group> <Group description="Backgrounds" selector=".body-fauxcolumns-outer"> <Variable name="body.background.color" description="Outer Background" type= "color" default="#66bbdd" value="#ffffff"/> <Variable name="content.background.color" description="Main Background" typ e="color" default="#ffffff" value="#ffffff"/> <Variable name="header.background.color" description="Header Background" ty pe="color" default="transparent" value="transparent"/> </Group> <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default=" #2288bb" value="#0000ff"/> <Variable name="link.visited.color" description="Visited Color" type="color " default="#888888" value="#660000"/> <Variable name="link.hover.color" description="Hover Color" type="color" de fault="#33aaff" value="#073763"/> </Group> <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Font" type="font" default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-se rif" value="normal bold 90px Lato, sans-serif"/> <Variable name="header.text.color" description="Title Color" type="color" d efault="#3399bb" value="#34495e"/> </Group> <Group description="Blog Description" selector=".header .description"> <Variable name="description.text.color" description="Description Color" typ e="color" default="#777777" value="#868686"/> </Group> <Group description="Tabs Text" selector=".tabs-inner .widget li a"> <Variable name="tabs.font" description="Font" type="font" default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-se rif" value="normal normal 18px Lato, sans-serif"/> <Variable name="tabs.text.color" description="Text Color" type="color" defa ult="#999999" value="#ffffff"/>

<Variable name="tabs.selected.text.color" description="Selected Color" type ="color" default="#000000" value="#1abc9c"/> </Group> <Group description="Tabs Background" selector=".tabs-outer .PageList"> <Variable name="tabs.background.color" description="Background Color" type= "color" default="#f5f5f5" value="#34495e"/> <Variable name="tabs.selected.background.color" description="Selected Color " type="color" default="#eeeeee" value="#34495e"/> </Group> <Group description="Post Title" selector="h2.post-title, h1.post-title"> <Variable name="post.title.font" description="Font" type="font" default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-se rif" value="normal normal 36px Lato, sans-serif"/> </Group> <Group description="Date Header" selector=".date-header"> <Variable name="date.header.color" description="Text Color" type="color" default="$(body.text.color)" value="#222222"/> <Variable name="date.header.background.color" description="Background Color " type="color" default="transparent" value="transparent"/> </Group> <Group description="Post Footer" selector=".post-footer"> <Variable name="post.footer.text.color" description="Text Color" type="colo r" default="#666666" value="#797979"/> <Variable name="post.footer.background.color" description="Background Color " type="color" default="#f9f9f9" value="#fcfcfc"/> <Variable name="post.footer.border.color" description="Shadow Color" type=" color" default="#eeeeee" value="#f2f2f2"/> </Group> <Group description="Footer" selector="footer"> <Variable name="footer.background.color" description="Background Color" typ e="color" default="#eceff1" value="#eceff1"/> <Variable name="footer.border.color" description="Border Color" type="color " default="#ffffff" value="#ffffff"/> </Group> <Group description="Button" selector=".btn"> <Variable name="Button.background.color" description="Background Color" typ e="color" default="#1abc9c" value="#386a60"/> <Variable name="Button.link.color" description="Link Color" type="color" de fault="#ffffff" value="#ffffff"/> <Variable name="Button.selected.color" description="Hover Color" type="colo r" default="#2fe2bf" value="#16a085"/> </Group> <Group description="Tags" selector=".label-size">

<Variable name="Tags.background.color" description="Background Color" type= "color" default="#1abc9c" value="#1abc9c"/> <Variable name="Tags.link.color" description="Link Color" type="color" defa ult="#ffffff" value="#ffffff"/> <Variable name="Tags.selected.color" description="Hover Color" type="color" default="#16a085" value="#16a085"/> </Group> <Group description="Gadgets" selector="h3"> <Variable name="widget.title.font" description="Title Font" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif " value="normal bold 24px Lato, sans-serif"/> <Variable name="widget.title.text.color" description="Title Color" type="co lor" default="#000000" value="#ffffff"/> <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999" value="#a2a2a2"/> <Variable name="widget.title.align" description="Title Alignment" type="str ing" default="Left" value="center"/> </Group> <Group description="Footer Gadget" selector=".foot h3"> <Variable name="widget.footer.title.font" description="Title Font" type="fon t" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif " value="normal bold 24px Lato, sans-serif"/> <Variable name="widget.footer.title.text.color" description="Title Color" t ype="color" default="#ffffff" value="#000000"/> </Group> <Group description="Images" selector=".main-inner"> <Variable name="image.background.color" description="Background Color" type ="color" default="#ffffff" value="#ffffff"/> <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#f2f2f2"/> <Variable name="image.text.color" description="Caption Text Color" type="co lor" default="$(body.text.color)" value="#222222"/> </Group> <Group description="Accents" selector=".content-inner"> <Variable name="body.rule.color" description="Separator Line Color" type="c olor" default="#eeeeee" value="#f2f2f2"/> <Variable name="tabs.border.color" description="Tabs Border Color" type="co lor" default="$(body.rule.color)" value="#eeeeee"/> </Group> <Variable name="body.background" description="Body Background" type="backgrou nd" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/> <Variable name="body.background.override" description="Body Background Overri de" type="string" default="" value=""/> <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="n one"/>

<Variable name="body.background.gradient.tile" description="Body Gradient Til e" type="url" default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)" value="none"/> <Variable name="content.background.color.selector" description="Content Backg round Color Selector" type="string" default=".content-inner" value=".content-inn er"/> <Variable name="content.padding" description="Content Padding" type="length" default="0px" value="0px"/> <Variable name="content.padding.horizontal" description="Content Horizontal P adding" type="length" default="$(content.padding)" value="$(content.padding)"/> <Variable name="content.shadow.spread" description="Content Shadow Spread" ty pe="length" default="0px" value="0px"/> <Variable name="content.shadow.spread.webkit" description="Content Shadow Spr ead (WebKit)" type="length" default="0px" value="0px"/> <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="0px" value="0px"/> <Variable name="main.border.width" description="Main Border Width" type="leng th" default="0" value="0"/> <Variable name="header.background.gradient" description="Header Gradient" typ e="url" default="none" value="none"/> <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px" value="-1px"/> <Variable name="header.shadow.offset.top" description="Header Shadow Offset T op" type="length" default="-1px" value="-1px"/> <Variable name="header.shadow.spread" description="Header Shadow Spread" type ="length" default="1px" value="1px"/> <Variable name="header.padding" description="Header Padding" type="length" de fault="30px" value="30px"/> <Variable name="header.border.size" description="Header Border Size" type="le ngth" default="1px" value="1px"/> <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="$(header.border.size)" value="$(header.border.size) "/> <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0" value="0"/> <Variable name="description.text.size" description="Description Text Size" ty pe="string" default="140%" value="140%"/> <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" value="0"/> <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length " default="30px" value="30px"/> <Variable name="tabs.background.gradient" description="Tabs Background Gradie nt" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)" value="u rl(//www.blogblog.com/1kt/simple/gradients_light.png)"/> <Variable name="tabs.border.width" description="Tabs Border Width" type="leng th" default="1px" value="1px"/> <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width " type="length" default="1px" value="1px"/> <Variable name="date.header.padding" description="Date Header Padding" type=" string" default="inherit" value="inherit"/> <Variable name="date.header.letterspacing" description="Date Header Letter Sp

acing" type="string" default="inherit" value="inherit"/> <Variable name="date.header.margin" description="Date Header Margin" type="st ring" default="inherit" value="inherit"/> <Variable name="post.margin.bottom" description="Post Bottom Margin" type="le ngth" default="25px" value="25px"/> <Variable name="image.border.small.size" description="Image Border Small Size " type="length" default="2px" value="2px"/> <Variable name="image.border.large.size" description="Image Border Large Size " type="length" default="5px" value="5px"/> <Variable name="page.width.selector" description="Page Width Selector" type=" string" default=".region-inner" value=".region-inner"/> <Variable name="page.width" description="Page Width" type="string" default="a uto" value="auto"/> <Variable name="main.section.margin" description="Main Section Margin" type=" length" default="15px" value="15px"/> <Variable name="main.padding" description="Main Padding" type="length" defaul t="15px" value="15px"/> <Variable name="main.padding.top" description="Main Padding Top" type="length " default="30px" value="30px"/> <Variable name="main.padding.bottom" description="Main Padding Bottom" type=" length" default="30px" value="30px"/> <Variable name="paging.background" color="$(content.background.color)" description="Background of blog paging area" type="background" default="transparent none no-repeat scroll top center" value="transparent none no-repeat scroll top center"/> <Variable name="footer.bevel" description="Bevel border length of footer" typ e="length" default="0" value="0"/> <Variable name="mobile.background.overlay" description="Mobile Background Ove rlay" type="string" default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/> <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto" value="auto"/> <Variable name="mobile.button.color" description="Mobile Button Color" type=" color" default="#ffffff" value="#ffffff"/> <Variable name="startSide" description="Side where text starts in blog langua ge" type="automatic" default="left" value="left"/> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/> */ /* Content ----------------------------------------------- */ body { font: $(body.font); color: $(body.text.color); background: $(body.background); padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow. spread); $(body.background.override) }

html body $(page.width.selector) { min-width: 0; max-width: 100%; width: $(page.width); } a:link { text-decoration:none; color: $(link.color); } a:visited { text-decoration:none; color: $(link.visited.color); } a:hover { text-decoration:none; color: $(link.hover.color); } .body-fauxcolumn-outer .fauxcolumn-inner { background: transparent $(body.background.gradient.tile) repeat scroll top lef t; _background-image: none; } .body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; background: $(body.background); $(body.background.override) } .body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent $(body.background.gradient.cap) repeat-x scroll top le ft; _background-image: none; } .content-outer { -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin-bottom: 1px; } .content-inner { padding: $(content.padding) $(content.padding.horizontal); } $(content.background.color.selector) { background-color: $(content.background.color); }

/* Sidebar ----------------------------------------------*/ .column-right-inner {color: $(sidebar.text.color); } #sidebar-right-1 { background: $(sidebar.right.top.color); } #sidebar-right-2-1 { background: $(sidebar.right.left.color); } #sidebar-right-2-2 { background: $(sidebar.right.right.color); } .column-right-inner, column-right-outer { background: $(sidebar.bgr.color); } .column-left-inner, column-left-outer { background: $(sidebar.bgl.color); } #sidebar-left-1 { background: $(sidebar.left.top.color); } #sidebar-left-2-1 { background: $(sidebar.left.left.color); } #sidebar-left-2-2 { background: $(sidebar.left.right.color); } input[type="text"], input[type="password"], input[type="datetime"], input[type=" datetime-local"], input[type="date"], input[type="month"], input[type="time"], i nput[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 2px solid #dce4ec; color: #34495e; font-family: "Lato", sans-serif; font-size: 14px; height: 20px; outline:none; padding: 8px 0 9px 10px; text-indent: 1px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Header ----------------------------------------------- */ .header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px; _background-image: none; } .Header h1 { font: $(header.font); color: $(header.text.color); text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header .shadow.spread) rgba(0, 0, 0, .2); } .Header h1 a { color: $(header.text.color); } .Header .description { font-size: $(description.text.size); color: $(description.text.color); } .header-inner .Header .titlewrapper {

padding: 22px $(header.padding); } .header-inner .Header .descriptionwrapper { padding: 0 $(header.padding); }

/* Tabs ----------------------------------------------- */ .tabs-inner .section:first-child ul { margin-top: -$(header.border.size); border-top: $(header.border.size) solid $(tabs.border.color); border-left: $(header.border.horizontalsize) solid $(tabs.border.color); border-right: $(header.border.horizontalsize) solid $(tabs.border.color); margin: 0px; border-radius:6px; } .tabs-inner .widget ul { background: $(tabs.background.color) repeat-x scroll 0 -800px; _background-image: none; border-bottom: $(tabs.border.width) solid $(tabs.border.color); margin-top: $(tabs.margin.top); margin-left: -$(tabs.margin.side); margin-right: -$(tabs.margin.side); } .tabs-inner .widget li a { display: inline-block; padding: .6em 1em; font: $(tabs.font); color: $(tabs.text.color); } .tabs-inner .widget li:first-child a { border-$startSide: none; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: $(tabs.selected.text.color); background-color: $(tabs.selected.background.color); text-decoration: none; } /* Buttons ----------------------------------------------- */ .btn , .gsc-search-button { border: none; background: #34495e;

color: white; font-size: 16.5px; text-decoration: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .btn:hover, .btn:focus , .gsc-search-button:hover , .gsc-search-button:focus { background-color: #4e6d8d; color: white; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .gsc-search-button { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; height: 42px; margin-left: -6px; border-bottom-right-radius: 6px;} .btn:active, .btn.active , .gsc-search-button:active{ background-color: #2c3e50; color: rgba(255, 255, 255, 0.75); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.btn-large { padding-bottom: 12px; padding-top: 13px; } .btn.btn-primary , .gsc-search-button { background-color: $(Button.background.color); } .btn.btn-primary:hover, .btn.btn-primary:focus , .gsc-search-button:hover , .gsc-search-button:focus { background-color: $(Button.selected.color); } .btn.btn-primary:active, .btn.btn-primary.active , .gsc-search-button:active { background-color: $(Button.selected.color); } .btn a , .gsc-search-button { color : $(Button.link.color) !important; } .btn-block { display: block; width: 17%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box;

-moz-box-sizing: border-box; box-sizing: border-box; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; text-align:center; float:right; max-height:60px; } /* Tags ----------------------------------------------- */ .label-size{ border-radius: 4px; background: $(Tags.background.color); color: $(Tags.link.color) !important; cursor: pointer; margin-right: 5px; margin-bottom: 5px; overflow: hidden; padding: 6px 13px 6px 19px; position: relative; vertical-align: middle; display: inline-block; zoom: 1; -webkit-transition: 0.14s linear; -moz-transition: 0.14s linear; -o-transition: 0.14s linear; transition: 0.14s linear; -webkit-backface-visibility: hidden; } .label-size:hover , .label-size:focus { background-color: $(Tags.selected.color); } /* Columns ----------------------------------------------- */ .main-outer { border-top: $(main.border.width) solid $(body.rule.color); } .fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid $(body.rule.color); } .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 0px solid $(body.rule.color); } /* Headings ----------------------------------------------- */ .sidebar h3 { margin: 0 0 1em 0; font: $(widget.title.font); color: $(widget.title.text.color); text-align : $(widget.title.align);

} .foot h3 { color: $(widget.footer.title.text.color); font: $(widget.footer.title.font); } h1.title , .description { text-align : $(widget.title.align); } /* Widgets ----------------------------------------------- */ .widget .zippy { color: $(widget.alternate.text.color); text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); } .widget .popular-posts ul { list-style: none; } /* Footer ----------------------------------------------- */ footer { background: $(footer.background.color); border: 1px solid $(footer.border.color); } .ias_trigger {font-family: arial;font-size: 20px;}.ias_loader {text-align: cente r;} /* Posts ----------------------------------------------- */ .date-header span { background-color: $(date.header.background.color); color: $(date.header.color); padding: $(date.header.padding); letter-spacing: $(date.header.letterspacing); margin: $(date.header.margin); } .date{ width: 70px !important; height:70px !important; display: block; float:right; font-size:18px; } .main-inner { padding-top: $(main.padding.top); padding-bottom: $(main.padding.bottom); } .main-inner .column-right-inner { padding: $(main.padding) !important;

} .main-inner .column-center-inner { padding: 0 $(main.padding); } .main-inner .column-center-inner .section { margin: 0 $(main.section.margin); } .post { margin: 0 0 $(post.margin.bottom) 0; } h1.post-title, .comments h4 , h2.post-title { font: $(post.title.font); margin: .75em 0 0; } .post-body { font-size: 110%; line-height: 1.4; position: relative; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: $(image.border.small.size); background: $(image.background.color); border: 1px solid $(image.border.color); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); } .post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); } .post-body .tr-caption-container { color: $(image.text.color); } .post-body .tr-caption-container img { padding: 0; background: transparent; border: none; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); } .post-header { margin: 0 0 1.5em;

line-height: 1.6; font-size: 90%; } .post-footer { margin: 20px -2px 0; padding: 5px 10px; color: $(post.footer.text.color); background-color: $(post.footer.background.color); border-bottom: 1px solid $(post.footer.border.color); line-height: 1.6; font-size: 90%; } #comments .comment-author { padding-top: 1.5em; border-top: 1px solid $(body.rule.color); background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } #comments .avatar-image-container img { border: 1px solid $(image.border.color); } /* Comments ----------------------------------------------- */ .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCA YAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/A AAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1Fk UguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4A HYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mY rkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgX y2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .continue { border-top: 2px solid $(widget.alternate.text.color); } .PageList h3 , .PageList h2 {display:none; } .status-msg-body , .status-msg-body a{ background: #3498db; border-radius: 5px; color: white !important;

} .status-msg-border { border:0px solid #000 !important; } /* Accents ---------------------------------------------- */ .section-columns td.columns-cell { border-$startSide: 1px solid $(body.rule.color); } .blog-pager { background: $(paging.background); } .blog-pager-older-link, .home-link, .blog-pager-newer-link { background-color: $(content.background.color); padding: 5px; } .footer-outer { border-top: $(footer.bevel) dashed #bbbbbb; } /* Media Queries ----------------------------------------------- */ @media (max-width:460px){ .main-inner .column-right-outer { width: 100% !important; margin-right: 0 !important; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .main-inner .columns { padding-right: 0% !important; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } } /* Mobile ----------------------------------------------- */ body.mobile { background-size: $(mobile.background.size); } .mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay); } .mobile .body-fauxcolumn-outer .cap-top { background-size: 100% auto; }

.mobile .content-outer { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); } body.mobile .AdSense { margin: 0 -$(content.shadow.spread); } .mobile .tabs-inner .widget ul { margin-left: 0; margin-right: 0; } .mobile .post { margin: 0; } .mobile .main-inner .column-center-inner .section { margin: 0; } .mobile .date-header span { padding: 0.1em 10px; margin: 0 -10px; } .mobile h3.post-title { margin: 0; } .mobile .blog-pager { background: transparent none no-repeat scroll top center; } .mobile .footer-outer { border-top: none; } .mobile .main-inner, .mobile .footer-inner { background-color: $(content.background.color); } .mobile-index-contents { color: $(body.text.color); } .mobile-link-button { background-color: $(link.color); } .mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.color); } .mobile .tabs-inner .section:first-child { border-top: none; }

.mobile .tabs-inner .PageList .widget-content { background-color: $(tabs.selected.background.color); color: $(tabs.selected.text.color); border-top: $(tabs.border.width) solid $(tabs.border.color); border-bottom: $(tabs.border.width) solid $(tabs.border.color); } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.border.color); }]]></b:skin> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style> .comment-content{white-space: pre-wrap;width: 95%;word-wrap: break-word;} .comments .comments-content .comment {background: white;position: relative;borde r-radius: 0px 100px 120px;padding:5px;} span.comment-actions, .continue {width:120px;background: #F1F1F1;border-radius: 20px 20px;text-align:center;font-weight:bold;text-decoration:none !important;} span.comment-actions:hover, .continue:hover {background: #EBDDE2;text-decoration :none !important;} .secondary-text{padding: 6px 12px 6px;text-decoration:none !important;} .comments .comment .comment-actions a:hover{text-decoration:none !important;} .comment-replies span div ol div li span {display:none !important;} .comments .thread-toggle {background: #F3F3F3;border-radius: 20px;padding: 6px 1 2px 6px;font-weight: bold;} .comments .avatar-image-container img {max-width: 40px !important;} .datetime {display:none;} .comments .thread-toggle:hover {background: #EBDDE2;} .comments .comment-block {padding: 11px !important;margin-left: 48px;position: r elative;left: 60px;background:#F1F1F1;border-radius: 10px;width: 51%;} .comments .avatar-image-container img {overflow:visible !important;width:40px !i mportant;} .comments .avatar-image-container {width:40px !important;background: #F1F1F1;pad ding: 5px;border-radius: 100px;} .avatar-image-container img,.avatar-image-container a img, .avatar-image-contain er {border-radius:20px;position:relative;height:40px;width:40px;background-clip: padding-box;} .comments .avatar-image-container {max-height:50px !important;} .comments .comments-content .comment-header {width: 63%;background:#F1F1F1;posit ion: relative;left: -73px;} .comments .comments-content .user {font-style: normal;font-weight: bold;position : relative;left: 80px;} .comments .comments-content .datetime {position: absolute;left: 270px;} .comment-thread ol div.continue {display:none !important;} .comments .comments-content .loadmore a { border-top: 1px solid $(widget.alternate.text.color); border-bottom: 1px solid $(widget.alternate.text.color); } .social_share_privacy_area{clear:both;margin:5px 0;list-style-type:none;padding: 0;width:auto;display:block}.social_share_privacy_area.line{height:25px;line-heig ht:16px}.social_share_privacy_area.box{width:95px}.social_share_privacy_area li{ margin:0!important;padding:0!important;list-style-type:none!important}.social_sh are_privacy_area.box li{text-align:center}.social_share_privacy_area.line li{hei ght:21px;float:left}.social_share_privacy_area li .dummy_btn{cursor:pointer;padd ing:0;height:inherit}.social_share_privacy_area.line li .dummy_btn{float:left;ma rgin:0 20px 0 10px}.social_share_privacy_area.box li .dummy_btn{margin-bottom:10 px}.social_share_privacy_area li .dummy_btn img.privacy_dummy,.social_share_priv acy_area li .dummy_btn iframe{vertical-align:bottom}.social_share_privacy_area l i .dummy_btn iframe{overflow:hidden;height:inherit;width:inherit;border-style:no

ne}.social_share_privacy_area.line li{display:inline-block}.social_share_privacy _area li .switch{display:inline-block;text-indent:-9999em;background:transparent url(http://3.bp.blogspot.com/-o-kfftYQsFo/UYQvUMGEQAI/AAAAAAAAIis/LEj6lw9S3Ws/s 000/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;width:23px;height:12px;o verflow:hidden;margin:4px 0 0;padding:0;cursor:pointer}.social_share_privacy_are a.line li .switch{float:left}.social_share_privacy_area li .switch.on{background -position:0 -12px}.social_share_privacy_area li.help_info{position:relative}.soc ial_share_privacy_area li.settings_info,.social_share_privacy_area li.help_info .info{text-align:left}.social_share_privacy_area li.help_info .info,.social_shar e_privacy_area li .help_info.icon .info{display:none;position:absolute;bottom:40 px;width:290px;padding:10px 15px;margin:0;font-size:12px;line-height:16px;font-w eight:bold;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4p x;border-radius:4px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);background-color:#f dfbec;color:#000;z-index:500}.social_share_privacy_area.line li.help_info .info, .social_share_privacy_area li .help_info.icon .info{left:0}.social_share_privacy _area.box li.help_info .info{left:100%;top:0;bottom:auto}.social_share_privacy_a rea li .help_info.icon .info{width:350px}.social_share_privacy_area li.help_info .display .info,.social_share_privacy_area li .help_info.icon.display .info{displ ay:block}.social_share_privacy_area li.help_info.info_off.display .info{display: none}.social_share_privacy_area li .help_info.icon{background:#fff url(http://2. bp.blogspot.com/-kXWuQVt33mg/UYQvUp1uY8I/AAAAAAAAIi0/l1gZmn0zZhg/s000/socialshar eprivacy_info.png) no-repeat center center scroll;width:25px;height:20px;positio n:relative;display:inline-block;vertical-align:top;border:2px solid #e7e3e3;bord er-right-width:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5p x;border-radius:5px 0 0 5px;margin:0;padding:0}.social_share_privacy_area li.set tings_info .settings_info_menu.perma_option_off .help_info.icon{border-right-wid th:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.socia l_share_privacy_area li.settings_info{position:relative;top:-2px}.social_share_p rivacy_area li.settings_info a{text-decoration:none;margin:0!important}.social_s hare_privacy_area li.settings_info .settings_info_menu{background-color:#f3f4f5; color:#000;border-style:none;-moz-border-radius:5px;-webkit-border-radius:5px;bo rder-radius:5px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);left:0;position:absolut e;top:0;min-width:135px;margin:0;padding:0}.social_share_privacy_area li.setting s_info .settings_info_menu.on{z-index:1000}.social_share_privacy_area li.setting s_info .settings_info_menu.off{border-width:0;-moz-box-shadow:none;-webkit-box-s hadow:none;box-shadow:none;background-color:transparent}.social_share_privacy_ar ea li.settings_info .settings_info_menu.off form{display:none;margin:0;padding:0 }.social_share_privacy_area li.settings_info .settings_info_menu .settings{textindent:-9999em;display:inline-block;background:#fff url(http://3.bp.blogspot.com /-8gpGuENFJ4s/UYQvVLctYcI/AAAAAAAAIi8/Y2TE_0iG4XE/s000/settings.png) no-repeat c enter center scroll;width:25px;height:20px;border:2px solid #e7e3e3;-moz-borderradius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;b order-left:1px solid #ddd;margin:0;padding:0}.social_share_privacy_area li.setti ngs_info .settings_info_menu form fieldset{border-width:0;margin:0;padding:0 10p x 10px}.social_share_privacy_area li.settings_info .settings_info_menu form fiel dset legend{font-size:11px;font-weight:bold;line-height:14px;margin:0;padding:10 px 0;width:115px}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input{margin:4px 10px 4px 0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label{display:block;font-size :12px;font-weight:bold;line-height:24px;-moz-transition:color .5s ease-in;-webki t-transition:color .5s ease-in;transition:color .5s ease-in;margin:0;padding:0;w hite-space:nowrap}.social_share_privacy_area li.settings_info .settings_info_men u form fieldset label.checked{color:#090}.social_share_privacy_area.line .facebo ok .fb_like{margin-right:30px;width:120px}.social_share_privacy_area.line .faceb ook iframe{width:130px;height:21px}.social_share_privacy_area.box .facebook ifra me{width:62px;height:62px}.social_share_privacy_area.line .gplus img.gplusone_pr ivacy_dummy{width:32px}.social_share_privacy_area.line li div.gplusone{width:90p x}.social_share_privacy_area.box li div.gplusone{min-width:50px;min-height:65px}

.social_share_privacy_area.line li div.tweet{width:115px}.social_share_privacy_a rea.line .twitter iframe{width:120px;height:20px}.social_share_privacy_area.box .twitter iframe{width:62px;height:62px} </style> </b:if> <b:template-skin> <b:variable default='960px' name='content.width' type='string' value='100% '/> <b:variable default='0' name='main.column.left.width' type='length' value= '0px'/> <b:variable default='310px' name='main.column.right.width' type='string' v alue='40%'/> <b:variable default='31px' name='header.right.width' type='length' value=' 40px'/> <b:variable default='31px' name='header.left.width' type='length' value='4 5px'/>

<![CDATA[ body { min-width: $(content.width); } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: $(content.width); max-width: $(content.width); _width: $(content.width); } .main-inner .columns { padding-left: $(main.column.left.width); padding-right: 30%;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .main-inner .fauxcolumn-center-outer { left: $(main.column.left.width); right: $(main.column.right.width); /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth parseInt("$(main.column.left.width)") parseInt("$(main.column.right.width)") + 'px'); } .main-inner .fauxcolumn-left-outer { width: $(main.column.left.width); } .main-inner .fauxcolumn-right-outer { width: $(main.column.right.width); } .main-inner .column-left-outer {

width: $(main.column.left.width); right: 100%; margin-left: -$(main.column.left.width); } .main-inner .column-right-outer { width: $(main.column.right.width); margin-right: -$(main.column.right.width); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #layout { min-width: 0; } #layout .content-outer { min-width: 0; width: 800px; } #layout .region-inner { min-width: 0; width: auto; } ]]> </b:template-skin> <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 200; img_thumb_width = 200; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].l ength); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = "";

var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><i mg src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height +'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</ div>'; div.innerHTML = summary; } //]]> </script> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'> </script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> // <![CDATA[ (function(c,d){function q(z,B){if(!B){B=document.baseURI||c("html > head > base" ).last().attr("href")||document.location.href;}if(!z){return B;}else{if(/^[a-z][ -+\.a-z0-9]*:/i.test(z)){return z;}else{if(z.slice(0,2)==="//"){return/^[^:]+:/. exec(B)[0]+z;}}}var A=z.charAt(0);if(A==="/"){if(/^file:/i.test(B)){return"file: //"+z;}else{return/^[^:]+:\/*[^\/]+/i.exec(B)[0]+z;}}else{if(A==="#"){return B.r eplace(/#.*$/,"")+z;}else{if(A==="?"){return B.replace(/[\?#].*$/,"")+z;}else{va r C;if(/^file:/i.test(B)){C=B.replace(/^file:\/{0,2}/i,"");B="file://";}else{var y=/^([^:]+:\/*[^\/]+)(\/.*?)?(\?.*?)?(#.*)?$/.exec(B);B=y[1];C=y[2]||"/";}C=C.s plit("/");C.pop();if(C.length===0){C.push("");}C.push(z);return B+C.join("/");}} }}function f(A){A=Number(A);var B="";var C="";if(A<0){B="-";A=-A;}if(A===Infinit y){return B+"Infinity";}if(A>9999){A=A/1000;C="K";}A=Math.round(A);if(A===0){ret urn"0";}var z=[];while(A>0){var y=String(A%1000);A=Math.floor(A/1000);if(A){whil e(y.length<3){y="0"+y;}}z.unshift(y);}return B+z.join(",")+C;}function j(y,B,A){ var C=A&&A.title;if(typeof C==="function"){C=C.call(this,y,B,A);}if(C){return C; }var C=c('meta[name="DC.title"]').attr("content");var z=c('meta[name="DC.creator "]').attr("content");if(C&&z){return C+" - "+z;}else{return C||c('meta[property= "og:title"]').attr("content")||c("title").text();}}function i(y,B,z){var A=z&&z. description;if(typeof A==="function"){A=A.call(this,y,B,z);}if(A){return A;}retu rn t(c('meta[name="twitter:description"]').attr("content")||c('meta[itemprop="de scription"]').attr("content")||c('meta[name="description"]').attr("content")||c. trim(c("article, p").first().text())||c.trim(c("body").text()),3500);}var l={MET A:"content",IMG:"src",A:"href",IFRAME:"src",LINK:"href"};function b(z,B,A){var C ,y=A&&A.image;if(typeof y==="function"){y=y.call(this,z,B,A);}if(!y){C=c('meta[p roperty="image"], meta[property="og:image"], meta[property="og:image:url"], meta [name="twitter:image"], link[rel="image_src"], itemscope *[itemprop="image"]').f irst();if(C.length>0){y=C.attr(l[C[0].nodeName]);}}if(y){return q(y);}C=c("img") .filter(":visible").filter(function(){return c(this).parents(".social_share_priv acy_area").length===0;});if(C.length===0){y=c('link[rel~="shortcut"][rel~="icon" ]').attr("href");if(y){return q(y);}return"http://www.google.com/s2/favicons?"+c .param({domain:location.hostname});}C.sort(function(D,E){return E.offsetWidth*E. offsetHeight-D.offsetWidth*D.offsetHeight;});return C[0].src;}function t(B,A){if (unescape(encodeURIComponent(B)).length<=A){return B;}var y=B.slice(0,A-3);if(!/ \W/.test(B.charAt(A-3))){var z=/^(.*)\s\S*$/.exec(y);if(z){y=z[1];}}return y+"\u 2026";}var a={"<":"&lt;",">":"&gt;","&":"&amp;",'"':"&quot;","'":"&#39;"};functi on o(y){return y.replace(/[<>&"']/g,function(z){return a[z];});}function k(A,D,C ){var E=C&&C.embed;if(typeof E==="function"){E=E.call(this,A,D,C);}if(E){return E;}E=['<iframe scrolling="no" frameborder="0" style="border:none;" allowtranspar ency="true"'];var z=c('meta[name="twitter:player"]').attr("content");if(z){var B =c('meta[name="twitter:player:width"]').attr("content");var y=c('meta[name="twit ter:player:height"]').attr("content");if(B){E.push(' width="',o(B),'"');}if(y){E

.push(' height="',o(y),'"');}}else{z=D+A.referrer_track;}E.push(' src="',o(z),'" ></iframe>');return E.join("");}function n(z){var A=document.location.href;var y =c("link[rel=canonical]").attr("href")||c('head meta[property="og:url"]').attr(" content");if(y){A=q(y);}else{if(z&&z.ignore_fragment){A=A.replace(/#.*$/,"");}}r eturn A;}function s(z){function y(G){var H=c(this).parents("li.help_info").first ();var D=H.parents(".social_share_privacy_area").first().parent();var C=D.data(" social-share-privacy-options");var A=C.services[z];var B=A.button_class||z;var F =C.uri;if(typeof F==="function"){F=F.call(D[0],C);}var E=H.find("span.switch");i f(E.hasClass("off")){H.addClass("info_off");E.addClass("on").removeClass("off"). html(A.txt_on||"\u00a0");H.find("img.privacy_dummy").replaceWith(typeof(A.button )==="function"?A.button.call(H.parent().parent()[0],A,F,C):A.button);D.trigger({ type:"socialshareprivacy:enable",serviceName:z,isClick:!G.isTrigger});}else{H.re moveClass("info_off");E.addClass("off").removeClass("on").html(A.txt_off||"\u00a 0");H.find(".dummy_btn").empty().append(c("<img/>").addClass(B+"_privacy_dummy p rivacy_dummy").attr({alt:A.dummy_alt,src:A.path_prefix+(C.layout==="line"?A.dumm y_line_img:A.dummy_box_img)}).click(y));D.trigger({type:"socialshareprivacy:disa ble",serviceName:z,isClick:!G.isTrigger});}}return y;}function x(){var y=c(this) ;if(y.hasClass("info_off")){return;}var z=window.setTimeout(function(){y.addClas s("display");y.removeData("timeout_id");},500);y.data("timeout_id",z);}function w(){var y=c(this);var z=y.data("timeout_id");if(z!==d){window.clearTimeout(z);}y .removeClass("display");}function r(){var A=c(this);var z=A.parents(".social_sha re_privacy_area").first().parent();var y=z.data("social-share-privacy-options"); if(A.is(":checked")){y.set_perma_option(A.attr("data-service"),y);A.parent().add Class("checked");}else{y.del_perma_option(A.attr("data-service"),y);A.parent().r emoveClass("checked");}}function p(){var y=c(this);var z=window.setTimeout(funct ion(){y.find(".settings_info_menu").removeClass("off").addClass("on");y.removeDa ta("timeout_id");},500);y.data("timeout_id",z);}function e(){var y=c(this);var z =y.data("timeout_id");if(z!==d){window.clearTimeout(z);}y.find(".settings_info_m enu").removeClass("on").addClass("off");}function v(z,y){c.cookie("socialSharePr ivacy_"+z,"perma_on",y.cookie_expires,y.cookie_path,y.cookie_domain);}function m (z,y){c.cookie("socialSharePrivacy_"+z,null,-1,y.cookie_path,y.cookie_domain);}f unction g(z,y){return !!y.get_perma_options(y)[z];}function u(A){var C=c.cookie( );var B={};for(var z in C){var y=/^socialSharePrivacy_(.+)$/.exec(z);if(y){B[y[1 ]]=C[z]==="perma_on";}}return B;}function h(z){if(typeof z==="string"){var B=z;i f(arguments.length===1){switch(B){case"enable":this.find(".switch.off").click(); break;case"disable":this.find(".switch.on").click();break;case"toggle":this.find (".switch").click();break;case"options":return this.data("social-share-privacy-o ptions");case"destroy":this.trigger({type:"socialshareprivacy:destroy"});this.ch ildren(".social_share_privacy_area").remove();this.removeData("social-share-priv acy-options");break;default:throw new Error("socialSharePrivacy: unknown command : "+B);}}else{var y=arguments[1];switch(B){case"enable":this.each(function(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("."+(C.services[y ].class_name||y)+" .switch.off").click();});break;case"disable":this.each(functi on(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("."+(C.se rvices[y].class_name||y)+" .switch.on").click();});break;case"toggle":this.each( function(){var D=c(this);var C=D.data("social-share-privacy-options");D.find("." +(C.services[y].class_name||y)+" .switch").click();});break;case"option":if(argu ments.length>2){var A={};A[y]=arguments[2];this.each(function(){c.extend(true,c( this).data("social-share-privacy-options"),A);});}else{return this.data("socialshare-privacy-options")[y];}break;case"options":c.extend(true,z,y);break;default :throw new Error("socialSharePrivacy: unknown command: "+B);}}return this;}retur n this.each(function(){var ae={};if(this.lang){ae.language=this.lang;}for(var V= 0,N=this.attributes;V<N.length;++V){var P=N[V];if(/^data-./.test(P.name)){var L= P.name.slice(5).replace(/-/g,"_").split(".");var Q=ae,T=0;for(;T<L.length-1;++T) {var ah=L[T];if(ah in Q){Q=Q[ah];if(typeof Q==="string"){Q=(new Function("$","re turn ("+Q+");")).call(this,c);}}else{Q=Q[ah]={};}}var ah=L[T];if(typeof Q[ah]=== "object"){Q[ah]=c.extend(true,(new Function("$","return ("+P.value+");")).call(t his,c),Q[ah]);}else{Q[ah]=P.value;}}}if("cookie_expires" in ae){ae.cookie_expire s=Number(ae.cookie_expires);}if("perma_option" in ae){ae.perma_option=c.trim(ae. perma_option).toLowerCase()==="true";}if("ignore_fragment" in ae){ae.ignore_frag

ment=c.trim(ae.ignore_fragment).toLowerCase()==="true";}if("set_perma_option" in ae){ae.set_perma_option=new Function("service_name","options",ae.set_perma_opti on);}if("del_perma_option" in ae){ae.del_perma_option=new Function("service_name ","options",ae.del_perma_option);}if("get_perma_option" in ae){ae.get_perma_opti on=new Function("service_name","options",ae.get_perma_option);}if("get_perma_opt ions" in ae){ae.get_perma_options=new Function("options",ae.get_perma_options);} if("order" in ae){ae.order=c.trim(ae.order);if(ae.order){ae.order=ae.order.split (/\s+/g);}else{delete ae.order;}}if(typeof ae.services==="string"){ae.services=( new Function("$","return ("+ae.services+");")).call(this,c);}if("options" in ae) {ae=c.extend(ae,(new Function("$","return ("+ae.options+");")).call(this,c));del ete ae.options;}if("services" in ae){for(var J in ae.services){var ag=ae.service s[J];if(typeof ag==="string"){ae.services[J]=(new Function("$","return ("+ag+"); ")).call(this,c);}if(typeof ag.status==="string"){ag.status=c.trim(ag.status).to LowerCase()==="true";}if(typeof ag.perma_option==="string"){ag.perma_option=c.tr im(ag.perma_option).toLowerCase()==="true";}}}var W=c.extend(true,{},h.settings, z,ae);var U=W.order||[];var D=W.layout==="line"?"dummy_line_img":"dummy_box_img" ;var S=false;var I=false;var af=false;var C=[];for(var J in W.services){var ag=W .services[J];if(ag.status){S=true;if(c.inArray(J,U)===-1){C.push(J);}if(ag.priva cy!=="safe"){af=true;if(ag.perma_option){I=true;}}}if(!("language" in ag)){ag.la nguage=W.language;}if(!("path_prefix" in ag)){ag.path_prefix=W.path_prefix;}if(! ("referrer_track" in ag)){ag.referrer_track="";}}C.sort();U=U.concat(C);if(!S){r eturn;}if(W.css_path){var aa=(W.path_prefix||"")+W.css_path;if(document.createSt yleSheet){document.createStyleSheet(aa);}else{if(c('link[href="'+aa+'"]').length ===0){c("<link/>",{rel:"stylesheet",type:"text/css",href:aa}).appendTo(document. head);}}}var ac;if(W.perma_option&&I){if(W.get_perma_options){ac=W.get_perma_opt ions(W);}else{ac={};for(var J in W.services){ac[J]=W.get_perma_option(J,W);}}}va r F=W.uri;if(typeof F==="function"){F=F.call(this,W);}var K=c('<ul class="social _share_privacy_area"></ul>').addClass(W.layout);var H=c(this);H.prepend(K).data( "social-share-privacy-options",W);for(var V=0;V<U.length;++V){var J=U[V];var ag= W.services[J];if(ag&&ag.status){var R=ag.class_name||J;var ad=ag.button_class||J ;var ab;if(ag.privacy==="safe"){ab=c('<li class="help_info"><div class="info">'+ ag.txt_info+'</div><div class="dummy_btn"></div></li>').addClass(R);ab.find(".du mmy_btn").addClass(ad).append(ag.button.call(this,ag,F,W));}else{ab=c('<li class ="help_info"><div class="info">'+ag.txt_info+'</div><span class="switch off">'+( ag.txt_off||"\u00a0")+'</span><div class="dummy_btn"></div></li>').addClass(R);a b.find(".dummy_btn").addClass(ad).append(c("<img/>").addClass(ad+"_privacy_dummy privacy_dummy").attr({alt:ag.dummy_alt,src:ag.path_prefix+ag[D]}));ab.find(".du mmy_btn img.privacy_dummy, span.switch").click(s(J));}K.append(ab);}}if(af){var Z=c('<li class="settings_info"><div class="settings_info_menu off perma_option_o ff"><a>'+'<span class="help_info icon"><span class="info">'+W.txt_help+"</span>< /span></a></div></li>");var M=Z.find("> .settings_info_menu > a").attr("href",W. info_link);if(W.info_link_target){M.attr("target",W.info_link_target);}K.append( Z);K.find(".help_info").on("mouseenter",x).on("mouseleave",w);if(W.perma_option& &I){var G=K.find("li.settings_info");var X=G.find(".settings_info_menu");X.remov eClass("perma_option_off");X.append('<span class="settings">'+W.txt_settings+"</ span><form><fieldset><legend>"+W.settings_perma+"</legend></fieldset></form>");v ar Y=X.find("form fieldset");for(var V=0;V<U.length;++V){var J=U[V];var ag=W.ser vices[J];if(ag&&ag.status&&ag.perma_option&&ag.privacy!=="safe"){var R=ag.class_ name||J;var E=ac[J];var O=c('<label><input type="checkbox"'+(E?' checked="checke d"/>':"/>")+ag.display_name+"</label>");O.find("input").attr("data-service",J);Y .append(O);if(E){K.find("li."+R+" span.switch").click();W.set_perma_option(J,W); }}}G.find("span.settings").css("cursor","pointer");G.on("mouseenter",p).on("mous eleave",e);G.find("fieldset input").on("change",r);}}H.trigger({type:"socialshar eprivacy:create",options:W});});}h.absurl=q;h.escapeHtml=o;h.getTitle=j;h.getIma ge=b;h.getEmbed=k;h.getDescription=i;h.abbreviateText=t;h.formatNumber=f;h.setti ngs={"services":{},"info_link":"http://panzi.github.com/SocialSharePrivacy/","in fo_link_target":"","txt_settings":"Settings","txt_help":"If you activate these f ields via click, data will be sent to a third party (Facebook, Twitter, Google, ...) and stored there. For more details click <em>i</em>.","settings_perma":"Per manently enable share buttons:","layout":"line","set_perma_option":v,"del_perma_

option":m,"get_perma_options":u,"get_perma_option":g,"perma_option":!!c.cookie," cookie_path":"/","cookie_domain":document.location.hostname,"cookie_expires":365 ,"path_prefix":"","css_path":"","uri":n,"language":"en","ignore_fragment":true}; c.fn.socialSharePrivacy=h;c(document).ready(function(){c('script[type="applicati on/x-social-share-privacy-settings"]').each(function(){var y=(new Function("retu rn ("+c.text(this)+");")).call(this);if(typeof y==="object"){c.extend(true,c.fn. socialSharePrivacy.settings,y);}});});}(jQuery));(function(b,c){var a={"af":["ZA "],"ar":["AR"],"az":["AZ"],"be":["BY"],"bg":["BG"],"bn":["IN"],"bs":["BA"],"ca": ["ES"],"cs":["CZ"],"cy":["GB"],"da":["DK"],"de":["DE"],"el":["GR"],"en":["US","G B","PI","UD"],"eo":["EO"],"es":["ES","LA"],"et":["EE"],"eu":["ES"],"fa":["IR"]," fb":["LT"],"fi":["FI"],"fo":["FO"],"fr":["CA","FR"],"fy":["NL"],"ga":["IE"],"gl" :["ES"],"he":["IL"],"hi":["IN"],"hr":["HR"],"hu":["HU"],"hy":["AM"],"id":["ID"], "is":["IS"],"it":["IT"],"ja":["JP"],"ka":["GE"],"km":["KH"],"ko":["KR"],"ku":["T R"],"la":["VA"],"lt":["LT"],"lv":["LV"],"mk":["MK"],"ml":["IN"],"ms":["MY"],"nb" :["NO"],"ne":["NP"],"nl":["NL"],"nn":["NO"],"pa":["IN"],"pl":["PL"],"ps":["AF"], "pt":["BR","PT"],"ro":["RO"],"ru":["RU"],"sk":["SK"],"sl":["SI"],"sq":["AL"],"sr ":["RS"],"sv":["SE"],"sw":["KE"],"ta":["IN"],"te":["IN"],"th":["TH"],"tl":["PH"] ,"tr":["TR"],"uk":["UA"],"vi":["VN"],"zh":["CN","HK","TW"]};b.fn.socialSharePriv acy.settings.services.facebook={"status":true,"button_class":"fb_like","dummy_li ne_img":"http://2.bp.blogspot.com/-Sdyp0Zd6a5k/UYQvVaWNaSI/AAAAAAAAIjE/bZkQm174F _U/s000/dummy_facebook.png","dummy_box_img":"http://2.bp.blogspot.com/-Sdyp0Zd6a 5k/UYQvVaWNaSI/AAAAAAAAIjE/bZkQm174F_U/s000/dummy_facebook.png","dummy_alt":'Fac ebook "Like"-Dummy',"txt_info":"Two clicks for more privacy: The Facebook Like b utton will be enabled once you click here. Activating the button already sends d ata to Facebook &ndash; see <em>i</em>.","txt_off":"not connected to Facebook"," txt_on":"connected to Facebook","perma_option":true,"display_name":"Facebook","r eferrer_track":"","action":"like","colorscheme":"light","font":"","button":funct ion(f,i,h){var e=/^([a-z]{2})_([A-Z]{2})$/.exec(f.language);var d="en_US";if(e){ if(e[1] in a){var g=a[e[1]];if(b.inArray(e[2],g)!==-1){d=f.language;}else{d=e[1] +"_"+g[0];}}}else{if(f.language in a){d=f.language+"_"+a[f.language][0];}}var j= {locale:d,href:i+f.referrer_track,send:"false",show_faces:"false",action:f.actio n,colorscheme:f.colorscheme};if(f.font){j.font=f.font;}if(h.layout==="line"){j.w idth="120";j.height="20";j.layout="button_count";}else{j.width=62;j.height=61;j. layout="box_count";}return b('<iframe scrolling="no" frameborder="0" allowtransp arency="true"></iframe>').attr("src",("https:"===document.location.protocol?"htt ps:":"http:")+"//www.facebook.com/plugins/like.php?"+b.param(j));}};})(jQuery);( function(a,b){a.fn.socialSharePrivacy.settings.services.twitter={"status":true," button_class":"tweet","dummy_line_img":"http://3.bp.blogspot.com/-jcagOIOpNrE/UY QvV6F_doI/AAAAAAAAIjM/arAurNvvmy8/s000/dummy_twitter.png","dummy_box_img":"http: //3.bp.blogspot.com/-jcagOIOpNrE/UYQvV6F_doI/AAAAAAAAIjM/arAurNvvmy8/s000/dummy_ twitter.png","dummy_alt":'"Tweet this"-Dummy',"txt_info":"Two clicks for more pr ivacy: The Tweet this button will be enabled once you click here. Activating the button already sends data to Twitter &ndash; see <em>i</em>.","txt_off":"not co nnected to Twitter","txt_on":"connected to Twitter","perma_option":true,"display _name":"Twitter","referrer_track":"","via":"","related":"","hashtags":"","dnt":t rue,"text":a.fn.socialSharePrivacy.getTitle,"button":function(c,e,d){var g=typeo f(c.text)==="function"?c.text.call(this,c,e,d):String(c.text);g=a.fn.socialShare Privacy.abbreviateText(g,120);var f={url:e+c.referrer_track,counturl:e,text:g,co unt:d.layout==="line"?"horizontal":"vertical",lang:c.language};if(c.via){f.via=c .via;}if(c.related){f.related=c.related;}if(c.hashtags){f.hashtags=c.hashtags;}i f(c.dnt){f.dnt=c.dnt;}return a('<iframe allowtransparency="true" frameborder="0" scrolling="no"></iframe>').attr("src",("https:"===document.location.protocol?"h ttps:":"http:")+"//platform.twitter.com/widgets/tweet_button.html?"+a.param(f).r eplace(/\+/g,"%20"));}};})(jQuery);(function(a,b){a.fn.socialSharePrivacy.settin gs.services.gplus={"status":true,"button_class":"gplusone","dummy_line_img":"htt p://3.bp.blogspot.com/-x5JBDKtabZQ/UYQvWHMAOjI/AAAAAAAAIjU/FW9ojvZgn6Q/s000/dumm y_gplus.png","dummy_box_img":"http://3.bp.blogspot.com/-x5JBDKtabZQ/UYQvWHMAOjI/ AAAAAAAAIjU/FW9ojvZgn6Q/s000/dummy_gplus.png","dummy_alt":'"Google+1"-Dummy',"tx t_info":"Two clicks for more privacy: The Google+ button will be enabled once yo u click here. Activating the button already sends data to Google &ndash; see <em

>i</em>.","txt_off":"not connected to Google+","txt_on":"connected to Google+"," perma_option":true,"display_name":"Google+","referrer_track":"","button":functio n(d,f,e){var c=a('<div class="g-plusone"></div><script type="text/javascript">wi ndow.___gcfg = {lang: "'+d.language.replace("_","-")+'"}; (function() { var po = document.createElement("script"); '+'po.type = "text/javascript"; po.async = tr ue; po.src = "https://apis.google.com/js/plusone.js"; '+'var s = document.getEle mentsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); <\/script>' );c.filter(".g-plusone").attr({"data-href":f+d.referrer_track,"data-size":e.layo ut==="line"?"medium":"tall"});return c;}};})(jQuery); // ]]> </script></b:if> </head> <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'> <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt; function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener(&#39;load&#39;, function(){ object[attribute] = val; }, false); } else { window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val ; }); } } &lt;/script&gt; &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js /plusone.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() { if (gapi.iframes &amp;&amp; gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: &#39;https://www.blogger.com/navbar.g?targetBlogID\07561610 72070438121383\46blogName\75Herosimo+Sribiko+N\46publishMode\75PUBLISH_MODE_BLOG SPOT\46navbarType\75BLUE\46layoutType\75LAYOUTS\46searchRoot\75http://herosimo.b logspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://herosimo.bl ogspot.com/\46blogFollowUrl\75https://plus.google.com/117583810345741649614\46vt \75-8740741759221318589&#39;, where: document.getElementById(&quot;navbar-iframe-container&quo t;), id: &quot;navbar-iframe&quot; }); } }); &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt; (function() { var script = document.createElement(&#39;script&#39;); script.type = &#39;text/javascript&#39;; script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#3 9;; var head = document.getElementsByTagName(&#39;head&#39;)[0]; if (head) { head.appendChild(script); }})(); &lt;/script&gt; </b:includable> </b:widget>

</b:section> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'> <meta expr:content='data:blog.title' itemprop='name'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' itemprop='description'/> </b:if> </div> </b:if> <div class='body-fauxcolumns'> <div class='fauxcolumn-outer body-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </div> <div class='content'> <div class='content-fauxcolumns'> <div class='fauxcolumn-outer content-fauxcolumn-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </div> <div class='content-outer'> <div class='content-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left content-fauxborder-left'> <div class='fauxborder-right content-fauxborder-right'/> <div class='content-inner'> <header> <div class='header-outer'>

<div class='header-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left header-fauxborder-left'> <div class='fauxborder-right header-fauxborder-right'/> <div class='region-inner header-inner'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='false' title='Herosimo Sribiko N (Header) ' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'> <!-Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0p x'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sour ceUrl + &quot;\&quot;); &quot; + &quot;background-positio n: &quot; + data:backgroundPositionStyleStr + &quot;; &qu ot; + data:widthStyleStr + &quot;m in-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot; ' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0p x'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:wid get.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='d ata:width' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'> <b:include name='description'/>

</b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget> </b:section> <div style='clear: both;'/> </div> </div> <div class='header-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </header> <div class='tabs-outer'> <div class='tabs-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left tabs-fauxborder-left'> <div class='fauxborder-right tabs-fauxborder-right'/> <div class='region-inner tabs-inner'> <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'> <b:if cond='data:title'><h3><data:title/></h3></b:if> <div class='widget-content'> <b:if cond='data:mobile'> <select expr:id='data:widget.instanceId + &quot;_select&quot;'> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <option expr:value='data:link.href' selected='selected'><data:link.t itle/></option> <b:else/>

<option expr:value='data:link.href'><data:link.title/></option> </b:if> </b:loop> </select> <span class='pagelist-arrow'>&amp;#9660;</span> <b:else/> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/ ></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/> </div> </div> <div class='tabs-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> <div class='main-outer'> <div class='main-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left main-fauxborder-left'> <div class='fauxborder-right main-fauxborder-right'/> <div class='region-inner main-inner'> <div class='columns fauxcolumns'> <div class='fauxcolumn-outer fauxcolumn-center-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div>

<div class='fauxcolumn-outer fauxcolumn-left-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> <div class='fauxcolumn-outer fauxcolumn-right-outer'> <div class='cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left'> <div class='fauxborder-right'/> <div class='fauxcolumn-inner'> </div> </div> <div class='cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> <!-- corrects IE6 width calculation --> <div class='columns-inner'> <div class='column-center-outer'> <div class='column-center-inner'> <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Posting Blog' type='Blog' > <b:includable id='main' var='top'> <b:if cond='data:mobile == &quot;false&quot;'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == &quot;false&quot;'> &lt;/div&gt;&lt;/div&gt; </b:if> </b:if> <b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-outer&quot;&gt; </b:if> <b:if cond='data:post.isDateStart'>

&lt;div class=&quot;date-posts&quot;&gt; </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> &lt;/div&gt;&lt;/div&gt; </b:if> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> <b:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs g'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'>&#160;</span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title /></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink .author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:ba cklink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi dget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post .createLinkLabel/></a> </p> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&q uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/>

<data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p ost.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d ata:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments ' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canon icalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can onicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick=' data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if>

</b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/>:</h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLi nkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLin kUrl'><data:post.olderLinkText/></a> &#160; </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLin kUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLi nkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot; '> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='&quot;comment-author &quot; + data:comment.authorCla ss' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin -bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comme nt.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comm ent.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/>

</p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink Url'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU rl'> <data:post.olderLinkText/> </a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU rl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink Url'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo mmentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe>

</div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' tar get='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr: data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO nclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div>

</b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <b:include data='post' name='comment_count_picker'/> </b:if> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe rPageTitle'>&amp;lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde rPageTitle'>&amp;rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/ ></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope ' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if>

<div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' ite mtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop=' url'/> <a expr:href='data:post.authorProfileUrl' rel='author' tit le='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' ite mtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='boo kmark' title='permanent link'><abbr class='published' expr:title='data:post.time stampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comment_count_picker'/> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-sha

re-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyT ag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe rPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde rPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='h ttp://schema.org/BlogPosting'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <h1 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <h1 class='post-t itle entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/>

<b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> </b:if> <div class='post-header'> <div class='post-header-line-1'/> <span class='date'> <span class='date1'> < data:post.date/> </span> </span> </div> <b:if cond='data:blog.metaDescription == &quot;&quot;'> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + dat a:post.id' itemprop='description articleBody'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span class='rmlink btn btn-primary btn-large btn-block' style='font-weight:bold ;padding:5px;text-align:center;'><a expr:href='data:post.url'>Read more ... </a> </span> </b:if> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <b:else/> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + dat a:post.id' itemprop='articleBody'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span class='rmlink btn btn-primary btn-large btn-block' style='font-weight:bold

;padding:5px; text-align:center;'><a expr:href='data:post.url'>Read more ... </a ></span> </b:if> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> </b:if>

<div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vc ard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype= 'http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='au thor profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype= 'http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' tit le='permanent link'><abbr class='published' expr:title='data:post.timestampISO86 01' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comment_count_picker'/> </b:if> </b:if> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMs g'> <img alt='' class='icon-action' height='13' src='http://img1.blogb log.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if>

<!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> <div class='post-share-buttons goog-inline-block'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.sharePostUrl'> <b:include data='post' name='shareButtons'/> </b:if> </b:if> </div> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels' > <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span> <!-- Feature added by BTemplates.com --> <b:if cond='data:top.showReactions'> <span class='reaction-buttons'> <table border='0' cellpadding='0' cellspacing='0' width= '100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span>&#160;< /td> <td><iframe allowtransparency='true' class='reac tions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </span> </b:if> </div> <div class='post-footer-line post-footer-line-3'><span class='post-locatio n'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post .location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='http://img2.blogblog.co m/img/icon18_edit_allbkg.gif' width='18'/> </a> </span>

</b:if> </b:includable> <b:includable id='shareButtons' var='post'> <script type='text/javascript'> // <![CDATA[ // define the default order of the buttons: $.fn.socialSharePrivacy.settings.order = ['facebook', 'gplus', 'twitter']; $.fn.socialSharePrivacy.settings.path_prefix = ''; $(document).ready(function () { $('.share').socialSharePrivacy(); $('#other').socialSharePrivacy({uri: '<data:post.url/>'}); }); // ]]> </script> <div class='share'/> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p ost.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; } var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</sp an>'; } } } return entry.content.$t; } var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].hr ef); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].valu e; } else if (entry.gd$extendedProperty[k].name == 'blogger.display Time') { comment.displayTime = entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; }; var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false &max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; }; var replybox = null; var replyUrlParts = null; var replyParent = undefined;

var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } }; var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); } // Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs }; var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } }; // render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render);

} })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4><data:post.commentLabelFull/>:</h4> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> <macro:include id='main-column-left-sections' name='sections'> <macro:param default='0' name='num' value='0'/> <macro:param default='sidebar-left' name='idPrefix'/> <macro:param default='sidebar' name='class'/> <macro:param default='true' name='includeBottom'/> </macro:include> </aside> </div>

</div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <macro:include id='main-column-right-sections' name='sections'> <macro:param default='2' name='num' value='1'/> <macro:param default='sidebar-right' name='idPrefix'/> <macro:param default='sidebar' name='class'/> <macro:param default='true' name='includeBottom'/> </macro:include> </aside> </div> </div> </div> <div style='clear: both'/> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'/> <div class='cap-right'/> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'/> <div class='region-inner footer-inner'> <macro:include id='footer-sections' name='sections'> <macro:param default='2' name='num' value='1'/> <macro:param default='footer' name='idPrefix'/> <macro:param default='foot' name='class'/> <macro:param default='false' name='includeBottom'/> </macro:include> <!-- outside of the include in order to lock Attribution widget --> <b:section class='foot' id='footer-3' showaddelement='no'> <b:widget id='Attribution1' locked='false' title='' type='Attribution'> <b:includable id='main'> <b:if cond='data:feedbackSurveyLink'> <div class='mobile-survey-link' style='text-align: center;'> <data:feedbackSurveyLink/> </div> </b:if> <div class='widget-content' style='text-align: center;'> <b:if cond='data:attribution != &quot;&quot;'> <data:attribution/> </b:if> </div>

<b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div><div style='text-align:center;color:black;'>Ported to Blogger by <a hr ef='http://belajarsearchengine.blogspot.com/'>Belajar Search Engine</a></div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'/> <div class='cap-right'/> </div> </div> </div> <b:include data='blog' name='google-analytics'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <script type='text/javascript'> //<![CDATA[ (function($){'use strict';Date.now=Date.now||function(){return+new Date()};$.ias =function(g){var h=$.extend({},$.ias.defaults,g);var i=new $.ias.util();var j=ne w $.ias.paging(h.scrollContainer);var k=(h.history?new $.ias.history():false);va r l=this;function init(){var d;j.onChangePage(function(a,b,c){if(k){k.setPage(a, c)}h.onPageChange.call(this,a,c,b)});reset();if(k&&k.havePage()){stop_scroll();d =k.getPage();i.forceScrollTop(function(){var a;if(d>1){paginateToPage(d);a=get_s croll_threshold(true);$('html, body').scrollTop(a)}else{reset()}})}return l}init ();function reset(){hide_pagination();h.scrollContainer.scroll(scroll_handler)}f unction scroll_handler(){var a,scrThreshold;a=i.getCurrentScrollOffset(h.scrollC ontainer);scrThreshold=get_scroll_threshold();if(a>=scrThreshold){if(get_current _page()>=h.triggerPageThreshold){stop_scroll();show_trigger(function(){paginate( a)})}else{paginate(a)}}}function stop_scroll(){h.scrollContainer.unbind('scroll' ,scroll_handler)}function hide_pagination(){$(h.pagination).hide()}function get_ scroll_threshold(a){var b,threshold;b=$(h.container).find(h.item).last();if(b.si ze()===0){return 0}threshold=b.offset().top+b.height();if(!a){threshold+=h.thres holdMargin}return threshold}function paginate(d,e){var f;f=$(h.next).attr('href' );if(!f){if(h.noneleft){$(h.container).find(h.item).last().after(h.noneleft)}ret urn stop_scroll()}if(h.beforePageChange&&$.isFunction(h.beforePageChange)){if(h. beforePageChange(d,f)===false){return}}j.pushPages(d,f);stop_scroll();show_loade r();loadItems(f,function(a,b){var c=h.onLoadItems.call(this,b),curLastItem;if(c! ==false){$(b).hide();curLastItem=$(h.container).find(h.item).last();curLastItem. after(b);$(b).fadeIn()}f=$(h.next,a).attr('href');$(h.pagination).replaceWith($( h.pagination,a));remove_loader();hide_pagination();if(f){reset()}else{stop_scrol l()}h.onRenderComplete.call(this,b);if(e){e.call(this)}})}function loadItems(b,c ,d){var e=[],container,startTime=Date.now(),diffTime,self;d=d||h.loaderDelay;$.g et(b,null,function(a){container=$(h.container,a).eq(0);if(0===container.length){ container=$(a).filter(h.container).eq(0)}if(container){container.find(h.item).ea ch(function(){e.push(this)})}if(c){self=this;diffTime=Date.now()-startTime;if(di ffTime<d){setTimeout(function(){c.call(self,a,e)},d-diffTime)}else{c.call(self,a

,e)}}},'html')}function paginateToPage(a){var b=get_scroll_threshold(true);if(b> 0){paginate(b,function(){stop_scroll();if((j.getCurPageNum(b)+1)<a){paginateToPa ge(a);$('html,body').animate({'scrollTop':b},400,'swing')}else{$('html,body').an imate({'scrollTop':b},1000,'swing');reset()}})}}function get_current_page(){var a=i.getCurrentScrollOffset(h.scrollContainer);return j.getCurPageNum(a)}function get_loader(){var a=$('.ias_loader');if(a.size()===0){a=$('<div class="ias_loade r">'+h.loader+'</div>');a.hide()}return a}function show_loader(){var a=get_loade r(),el;if(h.customLoaderProc!==false){h.customLoaderProc(a)}else{el=$(h.containe r).find(h.item).last();el.after(a);a.fadeIn()}}function remove_loader(){var a=ge t_loader();a.remove()}function get_trigger(a){var b=$('.ias_trigger');if(b.size( )===0){b=$('<div class="ias_trigger"><a href="#">'+h.trigger+'</a></div>');b.hid e()}$('a',b).off('click').on('click',function(){remove_trigger();a.call();return false});return b}function show_trigger(a){var b=get_trigger(a),el;el=$(h.contai ner).find(h.item).last();el.after(b);b.fadeIn()}function remove_trigger(){var a= get_trigger();a.remove()}};$.ias.defaults={container:'.blog-posts',scrollContain er:$(window),item:'.post-outer',pagination:'#blog-pager',next:'#blog-pager-older -link a',loader:'<img src="http://4.bp.blogspot.com/-x2k1RX1lG_I/UYQvWs4yjjI/AAA AAAAAIjc/5PEqOQSzsEQ/s000/loading.gif"/>',loaderDelay:600,triggerPageThreshold:8 ,trigger:'Load more Posts',thresholdMargin:-500,history:true,onPageChange:functi on(){},beforePageChange:function(){},onLoadItems:function(){},onRenderComplete:f unction(){},customLoaderProc:false};$.ias.util=function(){var c=false;var d=fals e;var e=this;function init(){$(window).load(function(){c=true})}init();this.forc eScrollTop=function(a){$('html,body').scrollTop(0);if(!d){if(!c){setTimeout(func tion(){e.forceScrollTop(a)},1)}else{a.call();d=true}}};this.getCurrentScrollOffs et=function(a){var b,wndHeight;if(a.get(0)===window){b=a.scrollTop()}else{b=a.of fset().top}wndHeight=a.height();return b+wndHeight}};$.ias.paging=function(){var c=[[0,document.location.toString()]];var d=function(){};var e=1;var f=new $.ias .util();function init(){$(window).scroll(scroll_handler)}init();function scroll_ handler(){var a,curPageNum,curPagebreak,scrOffset,urlPage;a=f.getCurrentScrollOf fset($(window));curPageNum=getCurPageNum(a);curPagebreak=getCurPagebreak(a);if(e !==curPageNum){scrOffset=curPagebreak[0];urlPage=curPagebreak[1];d.call({},curPa geNum,scrOffset,urlPage)}e=curPageNum}function getCurPageNum(a){for(var i=(c.len gth-1);i>0;i--){if(a>c[i][0]){return i+1}}return 1}this.getCurPageNum=function(a ){a=a||f.getCurrentScrollOffset($(window));return getCurPageNum(a)};function get CurPagebreak(a){for(var i=(c.length-1);i>=0;i--){if(a>c[i][0]){return c[i]}}retu rn null}this.onChangePage=function(a){d=a};this.pushPages=function(a,b){c.push([ a,b])}};$.ias.history=function(){var e=false;var f=false;function init(){f=!!(wi ndow.history&&history.pushState&&history.replaceState);f=false}init();this.setPa ge=function(a,b){this.updateState({page:a},'',b)};this.havePage=function(){retur n(this.getState()!==false)};this.getPage=function(){var a;if(this.havePage()){a= this.getState();return a.page}return 1};this.getState=function(){var a,stateObj, pageNum;if(f){stateObj=history.state;if(stateObj&&stateObj.ias){return stateObj. ias}}else{a=(window.location.hash.substring(0,7)==='#/page/');if(a){pageNum=pars eInt(window.location.hash.replace('#/page/',''),10);return{page:pageNum}}}return false};this.updateState=function(a,b,c){if(e){this.replaceState(a,b,c)}else{thi s.pushState(a,b,c)}};this.pushState=function(a,b,c){var d;if(f){history.pushStat e({ias:a},b,c)}else{d=(a.page>0?'#/page/'+a.page:'');window.location.hash=d}e=tr ue};this.replaceState=function(a,b,c){if(f){history.replaceState({ias:a},b,c)}el se{this.pushState(a,b,c)}}}})(jQuery); //]]> </script><script>jQuery.ias();</script> </b:if> </body> <macro:includable id='sections' var='col'> <macro:if cond='data:col.num == 0'> <macro:else/> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot; -1&quot;' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num &gt;= 2'> <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;secti on-columns columns-&quot; + data:col.num'> <tbody> <tr> <td class='first columns-cell'> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/> </td> <td class='columns-cell'> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/> </td> <macro:if cond='data:col.num &gt;= 3'> <td class='columns-cell'> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/> </td> </macro:if> <macro:if cond='data:col.num &gt;= 4'> <td class='columns-cell'> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/> </td> </macro:if> </tr> </tbody> </table> <macro:if cond='data:col.includeBottom'> <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &q uot;-3&quot;' showaddelement='no'/> </macro:if> </macro:if> </macro:if> </macro:includable> <b:section-contents id='sidebar-right-1'> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='Popula rPosts'> <b:includable id='main'> <b:if cond='data:title'><h3><data:title/></h3></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.tit le/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/>

<b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr :src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML3' locked='false' title='Blogger templates' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML2' locked='false' title='Blogger news' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'>

<data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML1' locked='false' title='Blogroll' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArch ive'> <b:includable id='main'> <b:if cond='data:title'> <h3><data:title/></h3> </b:if> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> <b:if cond='data:style == &quot;HIERARCHY&quot;'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == &quot;FLAT&quot;'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == &quot;MENU&quot;'> <b:include data='data' name='menu'/> </b:if> </div> </div> <b:include name='quickedit'/> </div> </b:includable> <b:includable id='flat' var='data'> <ul class='flat'> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id='interval' var='intervalData'> <b:loop values='data:intervalData' var='i'> <ul class='hierarchy'> <li expr:class='&quot;archivedate &quot; + data:i.expclass'> <b:include data='i' name='toggle'/> <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a> <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span> <b:if cond='data:i.data'> <b:include data='i.data' name='interval'/>

</b:if> <b:if cond='data:i.posts'> <b:include data='i.posts' name='posts'/> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id='menu' var='data'> <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'> <option value=''><data:title/></option> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</opt ion> </b:loop> </select> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts'> <b:loop values='data:posts' var='i'> <li><a expr:href='data:i.url'><data:i.title/></a></li> </b:loop> </ul> </b:includable> <b:includable id='toggle' var='interval'> <b:if cond='data:interval.toggleId'> <b:if cond='data:interval.expclass == &quot;expanded&quot;'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'>&#9660;&#160;</span> </a> <b:else/> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'> &#9668;&#160; <b:else/> &#9658;&#160; </b:if> </span> </a> </b:if> </b:if> </b:includable> </b:widget> </b:section-contents><b:section-contents id='footer-1'> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h3><data:title/></h3> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-wid get-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></spa n> <b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' ><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSiz e'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></spa n> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' ><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section-contents></html>

You might also like