So you decided to set up a website for your office and chose Blogger as the "engine" to deliver your content? Today I bring you 5 free themes that can be used on your website, and I'm going to show you step by step how to install one of them.

Hi, if this is your first time here, our content is focused on INNOVATION FOR LAWYERS and, in particular, this series is focused on LEGAL MARKETING.

I also present to you guys and girls the video I made on this topic from my YouTube channel, which is where I share some thoughts, tips and projects I am currently working on with other tech-fanatics, whether you are a developer, lawyer or enthusiast. Please also consider subscribing to my channel to not miss future videos and to join our live "coding sessions" and a nice, relaxing tech-related chat -- I promise to keep things interesting. The content is in Portuguese, but you can watch my videos with subtitles (maybe I will switch to English in the future, if this makes sense).

All set? Then tag along!

If you followed our previous content, we showed you how can you build a professional website without programming and, among the available options, a platform that I consider very good to build a "portfolio site", that is, a site that brings content that can be ranked and gives you great exposure over time by attracting more internet visitors, is Blogger.

Still don't have your professional website? See our blog post here on how to do this, along with the video we posted teaching you this step-by-step:

In my previous content, I mentioned that the main feature for success is content, and that you can use the default Blogger theme at an early start without any problems. However, I know the default theme is pretty ugly, so I'm going to show you how to set up and install custom themes for free (although there are some paid options for that additional “punch”).

To find free Blogger themes is pretty easy: you can do a Google search for "free blogger templates" and many sites will come up with different templates that can be used on the platform. You'll find theme templates for photo sites, product sales, sports, news, and more.

"Free blogger templates" will bring you a lot of options right away

In this post, I'm going to focus on themes that I found and that I understand are interesting for you to present your content in the form of articles, as that's what I imagine a "portfolio" site should do to get more exposure. So let's go to some suggestions for Blogger themes on your firm's website:

5 FREE BLOGGER THEMES

Below you will find some interesting themes that I found on the Internet that can be used on Blogger to customize your professional portfolio site a little bit. In the name of each theme I made a link to the respective page if you want to read more or find instructions on installing and customizing them on Blogger, or if you want to purchase the paid version of the template (they offer the free version but the paid version gives more benefits, such as removing the credits in the footer).

1. POLAR

A very "clean" theme, with a main featured post, followed by two other minor highlights and finally the post list. It works well for you to have the most recent material you produce right on the cover.

I like this theme because it's basically composed of white and gray lines, which makes the look very focused on the content itself: if you use this theme, take care of the photos in the posts for a better result.

DEMO ONLINE DOWNLOAD

2. KATE

This theme has a very professional feel, with a very eye-catching "above the fold" portion, which allows you to leave your value proposition and a call to action right away. You can, for example, put a catchy title and subtitle for what you offer as services and a call to action, for example, to get in touch with you via WhatsApp.

In addition to the "above the fold" content, this theme is very visual to present the other articles written, which helps a lot to give a nice look if the photos of your content are well produced.

DEMO ONLINE DOWNLOAD

3. TECHY

This theme has a great initial presentation in terms of post highlights: a giant banner crosses the page right at the opening, which is great for capturing the interest of those who visit the page. From the image below, it is possible to associate this type of site more with technology and games pages, for example, but it should serve your content very well.

As with the previous models, a good visual presentation for each of your articles is very important, as they are the call for the reader to access the content.

DEMO ONLINE DOWNLOAD

4. PHOTONIC

What if your portfolio site was almost an Instagram feed? This theme totally focuses on the photos of your posts: if your photo production is excellent, you can leave an article with a sensational photo and, when clicking on the photo, the visitor is directed to your post.

This theme is very visually pleasing, and will make your website look much more relaxed and eye-catching.

DEMO ONLINE DOWNLOAD

5. RIPPLE

Minimalist. With this theme you basically have a nice way to maintain a Blog, which might be what you want for your portfolio site. With a large photo for each article and an opening snippet of what you've written, you can captivate your visitor and lead them to the content page without too many distractions.

DEMO ONLINE DOWNLOAD

INSTALLING A CUSTOMIZED THEME ON BLOGGER

And now let's install one of the themes, to show you in practice how it works. 😁

As a general rule, each theme has its peculiarities and may need specific adjustments to work 100%. In the links I left above, most of them take you to the page with the theme's documentation, where they are explained step by step what should be done inside Blogger and necessary adjustments to make the theme work properly.

Let's take a theme here and apply it to our website made earlier. For this article, we're going to use the last one on our list here, Ripple, for a more minimalist look.

First, download the free theme and unzip it to a folder on your computer. Once unzipped, you will see an XML file in the theme folder -- this file is the Blogger theme.

This XML file is the Blogger theme

To install the theme, you will need to go to your Blogger dashboard, click on Themes, on the arrow under the "Customize" button, and finally on Restore.

Then, just upload the XML file you downloaded, and the theme will be applied. If you access the blog at this point, you will notice that it already has the new theme, but it still gives a clear impression that there is something "missing".

That's because we're not done yet -- we'll need to make the necessary adjustments to get the theme applied correctly. There are usually more detailed instructions on the theme's download page for you to customize your theme. You can follow the instructions on each of the "Online Demo" links that we linked above and you will see that there are installation and configuration instructions.

In our case, we have an instruction file along with the file we downloaded from Ripple, in the "Documentation" folder. When opening the file, however, we notice that it is in a slightly different language (Indonesian?) but it is possible to know what to change.

To change the relevant sections, let's change the HTML in Blogger by clicking the down arrow on the Customize button on the Theme tab, and finally Edit HTML.

What we are going to change based on this documentation, which will need to be looked up in the HTML code:

Top navigation menus, replacing links with Blogger pages that we actually have or other links of interest:

Meta data on the document, which helps in content detection and page ranking, in which we will exchange information to put our details:

Contact information, which highlights our profile and provides an easy way for your visitor to contact you:

To make the theme easier to see, I've also published an post: this allows us to better see what the contents will look like once published.

Now, let's change the layout we came up with via the "Layout" menu: Once on the screen, you can change the title of some sections and configure other important sections, like defining a header image, for example. We can also delete sections and "widgets" that we don't want, to make the page better suited to our needs.

You can customize various sections of your theme here

Finally, we can make some changes to our layout directly in the HTML code, giving some final tweaks to what we want as a page. In this case, I changed the style of the search field a little, which is now above the profile photo and contacts. So our layout became a little more presentable:

It's still not perfect, but it's presentable.

I'll leave the XML code for this layout on GitHub with the adjustments I made, in case you're interested. To see the styles I used in the search field, search the HTML for /* OCTAVIO SEARCHBAR */

	<?xml version="1.0" encoding="UTF-8" ?>
	<!DOCTYPE html>
	<!--
	********************************************************************
	Layout utilizado como exemplo de customização do Blogger para o nosso site portfolio, que ficou disponível em https://ietsuguadvocacia.blogspot.com/
	Artigo completo em 5 TEMAS GRATUITOS do Blogger para o site do seu escritório <https://br.dev.lawyer/2021/09/5-temas-gratuitos-para-blogger-site-.html>

	Créditos pelo Layout: Ripple Free Version - Arlina Design <https://gooyaabitemplates.com/ripple-blogger-template/>

	Quer conhecer mais sobre programação? Inscreva-se em meu canal no YouTube, o Dev.Lawyer: https://www.youtube.com/channel/UCPmM6RAkfC0CY2gGudIhWQA
	Veja mais artigos em https://br.dev.lawyer
	********************************************************************
	-->
	<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
	<head>
	<!-- [ Meta Tag SEO ] -->
	<meta charset='utf-8'/>
	<meta content='width=device-width, initial-scale=1' name='viewport'/>
	<meta content='blogger' name='generator'/>
	<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
	<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
	<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
	<link expr:href='data:blog.url' rel='canonical'/>
	<b:if cond='data:blog.pageType == "index"'>
	<title><data:blog.pageTitle/></title>
	<b:else/>
	<b:if cond='data:blog.pageType != "error_page"'>
	<title><data:blog.pageName/> - <data:blog.title/></title>
	</b:if></b:if>
	<b:if cond='data:blog.pageType == "error_page"'>
	<title>Page Not Found - <data:blog.title/></title>
	</b:if>
	<b:if cond='data:blog.pageType == "archive"'>
	<meta content='noindex' name='robots'/>
	</b:if>
	<b:if cond='data:blog.searchLabel'>
	<meta content='noindex,nofollow' name='robots'/>
	</b:if>
	<b:if cond='data:blog.isMobile'>
	<meta content='noindex,nofollow' name='robots'/>
	</b:if>
	<b:if cond='data:blog.pageType != "error_page"'>
	<meta expr:content='data:blog.metaDescription' name='description'/>
	<b:if cond='data:blog.homepageUrl != data:blog.url'>
	<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
	</b:if></b:if>
	<b:if cond='data:blog.url == data:blog.homepageUrl'>
	<meta content='xxxxx' name='keywords'/></b:if>
	<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
	<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
	<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
	<b:if cond='data:blog.pageType == "item"'>
	<b:if cond='data:blog.postImageThumbnailUrl'>
	<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
	</b:if></b:if>
	<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
	<meta content='Octavio Ietsugu' name='Author'/>
	<meta content='general' name='rating'/>
	<meta content='id' name='geo.country'/>

	<!-- [ Social Media Meta Tag ] -->
	<b:if cond='data:blog.url == data:blog.homepageUrl'>
	<b:if cond='data:blog.pageType == "item"'>
	<b:if cond='data:blog.pageType == "static_page"'>
	<b:if cond='data:blog.url'>
	<meta expr:content='data:blog.url' property='og:url'/>
	</b:if>
	<meta expr:content='data:blog.title' property='og:site_name'/>
	<b:if cond='data:blog.pageName'>
	<meta expr:content='data:blog.pageName' property='og:title'/>
	</b:if></b:if></b:if></b:if>
	<meta expr:content='data:blog.pageTitle' property='og:title'/>
	<b:if cond='data:blog.pageType == "item"'>
	<meta content='article' property='og:type'/>
	<b:else/>
	<meta content='website' property='og:type'/>
	</b:if>
	<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
	<b:if cond='data:blog.postImageUrl'>
	<meta expr:content='data:blog.postImageUrl' property='og:image'/>
	<b:else/>
	<b:if cond='data:blog.postImageThumbnailUrl'>
	<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
	<b:else/>
	<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
	</b:if></b:if>
	<b:if cond='data:blog.metaDescription'>
	<meta expr:content='data:blog.metaDescription' property='og:description'/>
	<b:else/>
	<meta content='xxxxx' property='og:description'/>
	</b:if>
	<meta expr:content='data:blog.title' property='og:site_name'/>
	<meta content='xxxxx' property='fb:app_id'/>
	<meta content='xxxxx' property='fb:admins'/>
	<meta content='en_US' property='og:locale'/>
	<meta content='en_GB' property='og:locale:alternate'/>
	<meta content='id_ID' property='og:locale:alternate'/>
	<meta content='summary' name='twitter:card'/>
	<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
	<meta content='xxxxx' name='twitter:site'/>
	<meta content='xxxxx' name='twitter:creator'/>

	<b:skin><![CDATA[
	/*
	Template Info
	Name : Blogger Template
	Theme Published : xxxxx 2015
	Type : Personal Blog
	Style : Minimalist
	Theme Color : xxxxx
	Designer : Arlina Design
	Designer url : arlinadesign.blogspot.com
	Thanks to : All supported
	License : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
	However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
	http://creativecommons.org/licenses/by/3.0/
	*/

	/* CSS Reset and HTML5 */
	,:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}
	html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:0}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em;vertical-align:super;font-size:smaller}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	blockquote:before,blockquote:after,q:before,q:after {content:"";}
	blockquote, q {quotes:"" "";}
	::selection{background:#22a1c4;color:#fff}
	::-moz-selection{background:#22a1c4;color:#fff}

	/* Blog List */
	dl,ol,ul{margin:.5em 0 .5em 3em}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:.5em 0}dt{font-weight:700}dd{margin:0 0 .5em 2em}h2{font-size:27px;margin-top:15px;line-height:34px}img{max-width:100%;height:auto}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{}
	html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}
	ol {counter-reset:li;list-style:none;font:15px 'Open Sans', 'lucida sans';
	padding:0;margin:0;margin-bottom:.25em;}
	ol,ul{padding:10px 0 20px;margin:0 0 0 35px;text-align:left}
	ol ol {margin:0 0 0 2em;}
	.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
	margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;
	transition:all .3s ease-out;}
	.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;
	top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}
	kbd{display:inline-block;border:1px solid #eee;border-radius:4px;padding:.1em .5em;margin:0 .2em;background-color:#fafafa;transition:all .3s;}
	kbd:hover{background-color:#fff;border-color:#ccc;}
	.post-body em {font-style:italic;}
	a img{border:none;vertical-align:middle}
	img{vertical-align:middle;max-width:100%}
	ol li{list-style-type:decimal;padding:0 0 5px}
	ul li{list-style-type:square;padding:0 0 5px}
	ol ol,ul ul{padding:0}

	/* Blog Heading */
	h1,h2,h3,h4,h5,h6{font:normal normal 28px Open Sans;font-weight:normal;}
	.post-body h1{line-height:48px;font-size:42px;margin:10px 0}.post-body h2{font-size:36px;line-height:44px;padding-bottom:5px;margin:10px 0}.post-body h3{font-size:32px;line-height:40px;padding-bottom:5px;margin:10px 0}.post-body h4{font-size:28px;line-height:36px;margin:10px 0}.post-body h5{font-size:24px;line-height:30px;margin:10px 0}.post-body h6{font-size:18px;line-height:24px;margin:10px 0}

	/* CSS Post Table */
	.post-body table td, .post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top;}
	.post-body table th {border:1px solid #2e3138;padding:10px;text-align:left;vertical-align:top;}
	.post-body table.tr-caption-container {border:1px solid #eee;}
	.post-body th{font-weight:700;}
	.post-body table caption{border:none;font-style:italic;}
	.post-body table{}
	.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:14px;padding:3px 5px;border:1px solid #eee;}
	.post-body td:hover{background:#fafafa;}
	.post-body th{background:#41454f;color:#fff;}
	.post-body th:hover{opacity:0.9;}
	.post-body table.tr-caption-container td {border:none;padding:8px;}
	.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;transition:all .3s;}
	.post-body td.tr-caption {color:#444;font-size:85%;padding:0px 8px 8px !important;}
	img {max-width:100%;height:auto;border:none;}
	table {max-width:100%;width:100%;margin:1.5em auto;}
	table.section-columns td.first.columns-cell{border-left:none}
	table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
	table.section-columns td.columns-cell{vertical-align:top}
	table.tr-caption-container{padding:4px;margin-bottom:.5em}
	td.tr-caption{font-size:85%}
	.widget ul,.widget .post-body ul {padding:0;}

	/* Links */
	a,a:visited{color:#555;outline:none;text-decoration:none;}
	a:hover,a:focus,a:visited:hover {color:#22a1c4;text-decoration:none;}
	body{background-color:#f5f5f5;color:#5a5a5a;font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.625;margin:0;letter-spacing:.01rem}
	.clr {clear:both;float:none;}
	.clearfix{position:relative;}
	.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}

	/* Layout */
	#layout ul{display:none}
	body#layout ul{display:none}
	body#layout .topwrapper{margin-top:65px}
	body#layout #main-wrapper{width:70%;float:left}
	body#layout #sidebar-wrapper{width:30%;float:left}
	body#layout #ripple-wrapper,body#layout .outer-wrapper,body#layout #sidebar-wrapper{margin:0;padding:0}
	body#layout #About {width:100%;}
	#layout .blog_share {display:none;}
	#layout #Blog1 {float:none;}

	/* Post Highlight */
	blockquote{margin:40px}blockquote::before{content:"\201C";display:block;font-size:30px;height:0;left:-20px;position:relative;top:-10px}
	]]></b:skin>

	<style type='text/css'>
	/* CSS Default */
	.status-msg-wrap{font-size:100%;width:100%;margin:0 auto 20px;position:relative}
	.status-msg-wrap a{display:inline-block;padding:2px 8px;border-radius:3px;text-decoration:none;background:#fff;color:#aaa;font-size:85%;margin:10px auto;border:1px solid #ddd;transition:all .5s}
	.status-msg-wrap a:hover{border-color:#aaa;color:#333;}
	.status-msg-border{border:1px solid #ddd;opacity:1;width:100%}
	.status-msg-bg{background-color:#fff;opacity:1;width:100%;}
	h2.date-header,span.blog-admin{display:none!important}
	.playbutton{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
	.playbutton iframe{position:absolute;top:0;left:0;width:100%;height:100%}
	#navbar-iframe,#BlogArchive1_ArchiveList ul li:before,#ContactForm1,#ContactForm1 br {display:none!important;}
	.CSS_LIGHTBOX {z-index:999999!important;}
	.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}

	/* Wrapper */
	#ripple-wrappertop{padding:0 20px;position:relative;margin:0 auto}
	#ripple-wrapper{padding:0 20px;position:relative;max-width:1200px;margin:0 auto}
	.outer-wrapper{margin:40px 0;position:relative}
	#main-wrapper{width:70%;float:left;position:relative}
	#content{position:relative;width:100%;float:left}
	#sidebar-wrapper{width:30%;float:right}

	/* Post Wrapper */
	#Blog1{float:left;margin-right:25px;overflow:hidden}
	img.image-post,.media-post img {width:100%;height:auto;}
	.heading-post {text-align:center;padding:0;}
	.heading-post h2{font-size:28px;margin:15px 0 10px;padding:0;font-weight:700}
	.heading-post h2 a {color:#4c4c4c;transition:all .3s;}
	.heading-post h2 a:hover {color:#22a1c4;}
	.meta{display:block;font-size:12px;color:#777;font-weight:400;letter-spacing:.5px;margin:10px auto;font-style:italic}
	.meta a{color:#22a1c4;text-transform:uppercase;font-weight:700;font-style:normal;transition:all .3s;}
	.meta a:hover {color:#444;}
	.meta span.date{display:block;text-transform:uppercase;font-weight:700;font-style:normal;}
	.meta span.tags a{margin-right:4px;}
	.meta span.tags a:nth-child(n+3),.meta span.tags a:nth-child(n+2):after {display:none;}
	.meta span.tags a:after {content: ",";padding-left:1px;}
	.article-post,.heading-post{margin-bottom:30px}
	.article-post{padding:0;}
	.identitas-post > span:after{font-family:FontAwesome;content:'\f111';font-size:4px!important;position:relative;top:-3px;margin:0 7px;color:#666}
	.identitas-post > span:last-child:after {display:none;}
	.below-post.clearfix {padding:0;}
	.readmore-post{display:table;background-color:#22a1c4;padding:12px 20px;color:#fff;text-align:center;margin:30px auto 0;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:400;border-radius:3px;box-shadow:inset 0 0 0 2px rgba(34,161,196,0);transition:all .5s}
	.readmore-post:hover{background-color:#fdfdfd;color:#22a1c4;box-shadow:inset 0 0 0 2px rgba(34,161,196,1);}
	.readmore-post span a {display:block;color:#fff;text-decoration:none;}
	.readmore-post span a:hover,.readmore-post:hover span a{color:#22a1c4;}
	.readmore-post:after{content:"";position:absolute;width:4px;height:4px;background:#ababab;border-radius:50%;top:0;left:47%;box-shadow:1em 0 0 0 #aaa,2em 0 0 0 #aaa;transition:all .5s;}
	.readmore-post:hover:after{background:#22a1c4;box-shadow:1em 0 0 0 #22a1c4,2em 0 0 0 #22a1c4}
	.readmore-post i{margin-left:8px;font-weight:400;font-size:14px}
	.post-outer{float:left;width:100%;margin-bottom:0;padding-bottom:0}
	.post.hentry{position:relative;background:#fff;padding:40px;clear:both;margin-bottom:40px;}
	h1.post_title{font-size:28px;margin:0 0 15px;font-weight:700;text-align:center;line-height:normal}
	.post-title a{color:#333;}
	.post-title a:hover{color:#2980B9;}
	.post-body{color:#666;text-transform:none;word-wrap:break-word}
	.post-header{margin:0;padding:0;visibility:hidden;width:0;height:0;opacity:0}
	.post-tophead{line-height:normal;display:block;font-size:12px;color:#777;font-weight:400;letter-spacing:.5px;margin:20px auto;font-style:italic;text-align:center}
	.articlepost-area{margin-left:-30px;margin-right:-30px;border-top:1px solid #eff0f0;border-bottom:1px solid #eff0f0;padding:20px 0;background:#fdfdfd}
	.articlepost-area > span:after{font-family:FontAwesome;content:'\f111';font-size:4px!important;position:relative;top:-3px;margin:0 7px;color:#666}
	.articlepost-area > span:last-child:after {display:none;}
	.post-tophead a{text-decoration:none;color:#22a1c4;text-transform:uppercase;font-weight:700;font-style:normal;transition:all .3s}
	.post-tophead a:hover{color:#444;text-decoration:none;}

	/* Breadcrumbs */
	.breadcrumbs{background:#fff;font-size:100%;overflow:hidden;padding:20px}
	.breadcrumbs > span {padding:0;}
	.breadcrumbs > span:last-child {color:#999;border-right:none;font-family:'Open Sans';font-size:13px;padding:10px;}
	.breadcrumbs a {font-family:'Open Sans';font-size:13px;font-weight:normal;}
	.breadcrumbs span a {color:#999;padding:0 7px;}
	.breadcrumbs span:first-child a{color:#999;margin-left:5px;}
	.breadcrumbs span a:hover {color:#22a1c4;}
	.breadcrumbs a:hover {color:#22a1c4;}

	/* Comments Area */
	#comments{margin-top:30px;background:#fff;padding:25px}
	.comments h4{font-size:20px;margin:0 0 18px;text-transform:capitalize}
	.comments .comments-content .comment-thread ol {overflow:hidden;margin:20px 0;}
	.comments .comments-content .comment:first-child {padding-top:0;}
	.comments .comments-content .comment {margin-bottom:0;padding-bottom:0;}
	.comments .avatar-image-container{float:left;max-height:50px;width:50px;height:50px}
	.comments .avatar-image-container img{width:50px;max-width:50px;height:50px;border-radius:50px}
	.comments .comment-block{position:relative;background:#f3f3f3;margin-left:72px;padding:14px 0 0 20px;border-radius:3px}
	.comments .comment-block:before{content:'';position:absolute;left:-8px;top:16px;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #f3f3f3 transparent transparent}
	.comments .comments-content .comment-header a{color:#333;text-transform:capitalize}
	.comments .comments-content .user{display:block;font-style:normal;font-weight:700}
	.comments .comments-content .datetime{margin-left:0}
	.comments .comments-content .datetime a{font-size:11px;color:#999;text-transform:lowercase;font-style:italic}
	.comments .comments-content .comment-content,.comments .comments-content .comment-header{margin:0 20px 0 0}
	.comment-content{padding:10px 0 20px}
	.comments .comment-block .comment-actions {display:block;text-align:right;}
	.comments .comment .comment-actions a{border-radius:0 0 3px;background:#e3e3e3;color:#777;display:inline-block;font-size:12px;line-height:normal;letter-spacing:1px;margin-left:1px;padding:5px 10px 7px;text-transform:lowercase;transition:all .3s;}
	.comments .comment .comment-actions a:hover {text-decoration:none;background:#22a1c4;color:#fff;}
	.comments .thread-toggle {display:none;}
	.comments .comments-content .inline-thread{margin:0 0 20px 35px!important;padding:0 0 0 20px}
	.comments .continue {display:none;}
	.comment-thread ol {counter-reset:countcomments;}
	.comment-thread li:before {color:#bbb;content:counter(countcomments,decimal);counter-increment:countcomments;float:right;font-size:21px;padding:15px 20px 10px;position:relative;z-index:10;}
	.comment-thread ol ol {counter-reset:contrebasse;}
	.comment-thread li li:before {content:counter(countcomments,decimal) "." counter(contrebasse,lower-latin);counter-increment:contrebasse;float:right;font-size:18px;}
	.comments .comments-content .icon.blog-author{display:none!important;}
	a.vt_menu_toggle {display:none;position:fixed;color #fff;top:0;background:#202020;width:40px;height:40px;left:0px;padding:7px 5px;text-align:center;z-index:1000}

	/* Sidebar Wrapper */
	.sidebar {margin:0;padding:0;display:block;}
	.sidebar h2,.sidebar h3{position:relative;font-size:12px;margin-bottom:20px;color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-weight:700}
	.sidebar .widget {position:relative;background:#fff;padding:20px;clear:both;font-size:13px;line-height:23px;margin-bottom:30px;}
	.sidebar .widget:after{z-index:-1;position:absolute;content:'';bottom:15px;right:10px;left:auto;width:50%;top:80%;max-width:300px;box-shadow:0 0 0 rgba(0,0,0,0);transform:rotate(0deg);transition:all .6s linear;}
	.sidebar .widget:hover:after{box-shadow:0 15px 10px rgba(0,0,0,.15);transform:rotate(3deg);transition:all .6s linear;}
	.sidebar .widget:after:hover{transition:all .6s linear;}
	.sidebar ul {margin:0;padding:0;list-style:none;}
	.sidebar li{list-style:none;border-bottom:1px dotted #ddd;margin-bottom:10px;padding-bottom:10px}
	.sidebar li:last-child{border-bottom:0;}
	.sidebar ul li a{color:rgba(0,0,0,.8);font-weight:700;font-size:.9em;transition:all .3s;}

	/* Footer Wrapper */
	#footer-wrapper{background:#fff;display:block;font-size:13px;font-style:normal;margin:0 auto;padding:35px;width:100%}
	#copyright{text-align:center;padding:0;color:#777;font-weight:700;font-size:12px;text-transform:uppercase;}
	#copyright a{color:#22a1c4;margin-left:1px;transition:all .3s;}
	#copyright a:hover{color:#444;}

	/* Header Menu */
	#header{float:left;position:relative;overflow:hidden}
	.header h1.title,.header h2.title,.header p.title {margin:0;}
	.header .description {color:#555;}
	.header a{background:transparent;color:#333;display:inline-block;line-height:72px;font-weight:700;transition:all .3s}
	.header a:hover {color:#22a1c4;}

	/* Blog Top Menu */
	.topwrapper {background:#fff;}
	.container {margin-right:auto;margin-left:auto;}
	.top-menu{margin:0 auto;padding:0;font-size:0;}
	.navigate-top {margin:0 auto;max-width:1200px;}
	nav.navigate-top ul {padding:0;margin:0;text-align:right;}
	.navigate-top ul li {list-style:none;display:inline-block;padding:0;position:relative;}
	.navigate-top ul li a{color:#333;display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:25px 24px;box-shadow: inset 0 3px transparent;transition:all .3s}
	.navigate-top ul li a:hover,.top-social a:hover i{color:#22a1c4;box-shadow: inset 0 3px #29abcf;}

	/* Searchbar */
	#search-bar{display:block;background-color:#22a1c4;position:relative;width:100%;padding-top:30px;padding-bottom:30px}
	input#sq{background:#fff;color:#999;font:400 14px/12px 'Open Sans',sans-serif;margin:0;padding:20px;width:100%;height:21px;outline:0;border:1px solid transparent;border-radius:4px;box-shadow:initial;transition:all .1s;}
	input#sq:focus{color:#333;border-radius:4px;}
	form#search-form{position:relative;width:40%;margin:20px auto;text-align:center}
	input#searchsubmit{background-color:#1b8faf;border:0;color:#fff;display:inline-block;position:absolute;right:0;top:0;padding:10px 20px;border-radius:0 4px 4px 0;transition:all .1s;}
	input#searchsubmit:hover,input#searchsubmit:focus,input#searchsubmit:active{background-color:#1885a3;color:#fff;cursor:pointer;outline:0;}

	/* OCTAVIO SEARCHBAR */
	.gsc-input{
	height:40px;
	padding-right:0 !important;
	width: 100% !important;
	}
	.gsc-search-button-wrapper{
	background-color: #22a1c4;
	cursor:pointer;
	}
	.gsc-search-button{
	height: 40px;
	min-width: 40px;
	text-align: center;
	color: #FFF;
	line-height: 40px;
	}
	.gsc-search-button-wrapper:hover{
	background-color: #65dafa;
	}

	/* Popular Post */
	.PopularPosts .widget-content ul li{margin:0;padding:10px 0}
	.PopularPosts .widget-content ul li a:hover{color:#22a1c4;}
	.PopularPosts .item-thumbnail img{display:block;float:left;height:86px;width:86px;padding:0;margin-right:10px}
	.item-snippet{display:none}

	/* Label */
	.cloud-label-widget-content {display:inline-block;text-align:left;}
	.cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:10px;line-height:normal;margin:0 5px 5px 0;opacity:1}
	.cloud-label-widget-content .label-size a{background:#22a1c4;color:#fff;float:left;border:1px solid #209abc;font-family:'Open Sans',sans-serif;font-weight:700;line-height:100%;margin:0;padding:7px 8px;text-transform:uppercase;border-radius:2px;transition:all .6s;}
	.cloud-label-widget-content .label-size a:hover {background:#fff;color:#22a1c4;}
	.cloud-label-widget-content .label-size .label-count{background:#22a1c4;color:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;margin-left:-3px;line-height:normal;border-radius:0 2px 2px 0}
	.Label li{position:relative;padding:10px 20px 10px 30px;list-style:disc;display:block;margin:0 -20px}
	.Label li:before{content:"\f111";font-family:fontAwesome;color:#ccc;font-size:5px;margin-left:15px;position:absolute;top:9px;left:0;padding:0;text-decoration:none;margin-top:1px}
	.Label li:hover:before{color:#333;}
	.Label li span{border:1px solid rgba(0,0,0,.1);padding:0 6px;display:block;line-height:20px;position:absolute;right:15px;top:10px;border-radius:200px;font-size:11px;margin-top:2px}

	/* About Me */
	.aboutme-img{position:relative;}
	.aboutme-img img {max-width:100%;width:100%;}
	.aboutme-wrapicon{display:block;margin:15px auto 0;position:relative;}
	.aboutme-wrapicon .extender{width:100%;display:block;}
	.extender{text-align:center;font-size:18px}
	.extender .aboutme-icon{background:#f6f6f6;height:42px;width:42px;line-height:42px;display:inline-block;border:0;margin:0;padding:0;border-radius:3px;transition:all .5s}
	.extender .aboutme-icon:hover{background:#22a1c4;}
	.extender .aboutme-icon a{font-family:fontawesome;font-weight:400;color:#aaa;transition:all .5s}
	.extender .aboutme-icon:hover a,.extender .aboutme-icon a:hover{color:#fff;}
	.aboutme-info{margin-top:20px;font-size:12px}
	.aboutme-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#202020;font-weight:700}

	/* Follow By Email */
	.FollowByEmail{color:#333}
	.FollowByEmail .newsletter_inner{padding:3px 12px}
	.FollowByEmail p{margin-bottom:15px;font-size:12px}
	.FollowByEmail .letter_email{width:100%;text-align:center;box-sizing:border-box;padding:10px 0;margin:0;box-shadow:none;border-radius:3px;height:45px;border:1px solid #eee}
	.FollowByEmail .letter_submit{width:100%;cursor:pointer;border:none;border-radius:0;margin:20px auto;float:right;background:#22a1c4;color:#fff;font-size:14px;font-weight:700;padding:14px;letter-spacing:.5px;border-radius:3px;box-shadow:inset 0 0 0 2px rgba(34,161,196,0);transition:all .3s}
	.FollowByEmail .letter_submit:hover{background:#fff;color:#22a1c4;box-shadow:inset 0 0 0 2px rgba(34,161,196,1);}
	#FollowByEmail1 .widget-content{display:inline-block}
	input.letter_email{outline:0}

	/* Page Navigation */
	#blog-pager{clear:both;text-align:left;display:inline-block;margin:20px 0;overflow:visible;width:100%}
	.showpageOf, .home-link {display:none;}
	.showpagePoint{background-color:#22a1c4;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:8px 16px;margin:0}
	.showpage a,.showpageNum a{background-color:#fff;color:#aaa;cursor:pointer;display:inline-block;font-size:16px;padding:8px 16px;margin:0;transition:all .6s;}
	.showpage a:hover, .showpageNum a:hover {background:#fdfdfd;color:#22a1c4;text-decoration:none;}

	/* Flickr Widget */
	.flickr_badge_image{float:left;height:55px;margin:5px;width:55px}
	.flickr_badge_image a{display:block}
	.flickr_badge_image a img{display:block;width:55px;height:55px;transition:opacity 100ms linear}

	/* Back to top */
	.back-to-top{background-color:#22a1c4;width:47px;height:47px;text-align:center;line-height:45px;position:fixed;bottom:-50px;right:25px;z-index:90;cursor:pointer;border-radius:2px;opacity:.95;-webkit-transform:translateZ(0);transition:all .3s}
	.back-to-top .fa{font-size:18px;color:#fff;vertical-align:middle;opacity:.95;}
	.back-to-top:hover,.back-to-top .fa:hover{opacity:1}
	.back-to-top.show{bottom:25px}

	/* Shortcodes */
	.button{list-style:none;text-align:center;margin:10px!important;padding:2px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important}
	.button ul {margin:0;padding:0}
	.button li{display:inline;margin:5px;padding:0;list-style:none;}
	.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Open Sans,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
	.demo {background-color:#3498DB;}
	.download {background-color:#1ABC84;}
	.demo:hover,.download:hover {background-color:#36424a;color:#fff;opacity:1;}
	.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
	.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
	.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
	.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
	.widget .post-body li{padding:0;line-height:1.5}
	.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;}
	.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
	.alert-message span{font-size:14px!important}
	.alert-message i{font-size:22px;text-align:left;display:inline-block;
	position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
	.alert-message.success{background-color:#00acd6;color:#fff}
	.alert-message.success a,.alert-message.success span{color:#fff}
	.alert-message.alert{background-color:#0073b7;color:#fff}
	.alert-message.alert a,.alert-message.alert span{color:#fff}
	.alert-message.warning{background-color:#efa666;color:#fff}
	.alert-message.warning a,.alert-message.warning span{color:#fff}
	.alert-message.error{background-color:#f56c7e;color:#fff}
	.alert-message.error a,.alert-message.error span{color:#fff}
	.fa-check-circle:before{content:"\f058"}
	.fa-info-circle:before{content:"\f05a"}
	.fa-exclamation-triangle:before{content:"\f071"}
	.fa-exclamation-circle:before{content:"\f06a"}
	#flippy {text-align:center;}
	#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-family:'Open Sans',sans-serif;background-color:#E74C3C;color:#fff;padding:10px 20px!important;text-transform:uppercase;border:none;border-radius:3px;opacity:0.95;transition:all 0.3s ease-out;}
	#flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
	#flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e6e6e6;}
	#flippanel {padding:24px;display:none;}
	#flippanel img {background:#f5f5f5;margin:10px auto;}
	#wrap {margin:20px auto;text-align:center;}
	#wrap br {display:none;}
	.btn {display:inline-block;position:relative;font-family:'Open Sans', Helvetica, sans-serif;text-decoration:none;font-weight:700;background:#5a6269;padding:10px 20px;margin:0 3px;
	color:rgba(255,255,255,0.7);border-radius:3px;transition:all 0.3s ease-out;opacity:0.7;text-transform:uppercase;}

	/* Ad Slot */
	.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
	.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
	.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
	.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
	.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
	.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
	.kotak_iklan img {background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition: all 0.6s ease-out;}
	.kotak_iklan img:hover {background:#f9f9f9;border:1px solid #e9e9e9;}
	.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
	.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
	.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
	.kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
	.kotak_iklan2 img:hover {transition:all .5s ease-out;}

	/* Global Responsive */
	@media only screen and (max-width:1200px){
	.navigate-top {max-width:960px;}}

	@media (min-width:992px){
	.container {width:100%;max-width:1080px;}}

	@media screen and (max-width:960px) {
	#ripple-wrapper{padding:0 15px;}
	#header{float:none;position:relative;overflow:hidden;padding:20px;text-align:center}
	nav.navigate-top ul{text-align:center}
	.navigate-top ul li a{padding:25px 10px;}
	.navigate-top ul li a.homer{background:transparent;color:#fff}
	.navigate-top ul li a.homer:hover{background:#252525;color:#fff;}
	form#search-form {width:55%;}
	#main-wrapper{margin-right:0;width:100%}
	#sidebar-wrapper{float:left;width:auto;margin-top:30px}
	#About .widget-content .main-wrap {margin-right:0;}
	#About .widget-content .main-wrap .info {float:none;text-align:center;width:90%;padding:10px 5%;}
	#About .widget-content .side-wrap {width:100%;float:none;text-align:center;}}

	@media screen and (max-width:860px){
	#comment-editor {margin:10px;}
	#Blog1{margin:0;}
	.post_title {font-size:30px;}}

	@media screen and (max-width:520px){
	.post_title {font-size: 26px;}
	form#search-form {width:75%;}}

	@media screen and (max-width:420px){
	.comments .comments-content .datetime{display:block;float:none;}
	.comments .comments-content .comment-header {height:70px;}
	.post.hentry {padding:40px 20px;}
	.heading-post h2 {font-size:24px;line-height:1.5;}}

	@media screen and (max-width:320px){
	#ripple-wrapper{padding:0;}
	.post-body img{max-width:230px;}
	.comments .comments-content .comment-replies {margin-left:0;}
	form#search-form {width:85%;}}
	</style>

	<b:if cond='data:blog.pageType == "item"'>
	<style type='text/css'>
	/* Default Post */
	.post-body img{height:auto;max-width:100%;}
	.post img:hover {opacity:0.98;}
	.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
	.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
	.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
	.bagitiga br {display:none;}
	.post-outer{width:100%;}
	.post.hentry {margin:0;padding:30px;}
	#main-wrapper{top:0;}

	/* Blog Pager */
	#blog-pager{clear:both;text-align:left;display:inline-block;margin:0;padding:15px;overflow:visible;width:100%;background:#fff}
	#blog-pager-newer-link{padding:20px 5%;position:relative;text-align:left;width:45%;font-weight:700}
	#blog-pager-newer-link:before{content:"\f100";font-family:FontAwesome;font-size:20px;font-weight:normal;margin-right:10px}
	#blog-pager-older-link{padding:20px 5%;position:relative;text-align:right;width:45%;font-weight:700}
	#blog-pager-older-link:after{content:"\f101";font-family:FontAwesome;font-size:20px;margin-left:10px;font-weight:normal;}
	#blog-pager-newer-link .newer-text, #blog-pager-older-link .older-text {display:none;color:#999;}
	#blog-pager-older-link a,#blog-pager-newer-link a,#blog-pager-newer-link:before,#blog-pager-older-link:after {color:#999;}
	#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager-newer-link:hover:before,#blog-pager-older-link:hover:after {color:#22a1c4;}

	/* Share Button */
	.post-footer{margin-top:30px;}
	.share-post, .multiauthor-box {margin-bottom:50px;}
	.share-post ul {padding:0;margin:0;text-align:center;}
	.share-post li{list-style:none;display:inline-block;margin-right:10px;padding:0;font-weight:700;text-transform:uppercase}
	.share-post li:first-child {font-size:16px;color:#22a1c4;}
	.share-post li a{display:block;text-align:center;}
	.share-post span{display:none;}
	.share-post li a i{display:block;color:#fff;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:40px;font-weight:normal;transition:all .3s;}
	.share-post{margin-bottom:30px;border-top:1px solid #eff0f0;border-bottom:1px solid #eff0f0;line-height:52px;min-height:52px;margin-left:-30px;margin-right:-30px}
	.share-post li a i.fa.fa-facebook{background:#3b5998;border:1px solid transparent;}
	.share-post li a i.fa.fa-twitter{background:#19bfe5;border:1px solid transparent;}
	.share-post li a i.fa.fa-google-plus{background:#d64136;border:1px solid transparent;}
	.share-post li a i.fa.fa-linkedin{background:#006699;border:1px solid transparent;}
	.share-post li a i.fa.fa-pinterest{background:#cb2027;border:1px solid transparent;}
	.share-post li a i.fa.fa-facebook:hover{background:#fff;color:#3b5998;border:1px solid #4666aa;}
	.share-post li a i.fa.fa-twitter:hover{background:#fff;color:#19bfe5;border:1px solid #2acef4;}
	.share-post li a i.fa.fa-google-plus:hover{background:#fff;color:#d64136;border:1px solid #e95247;}
	.share-post li a i.fa.fa-linkedin:hover{background:#fff;color:#006699;border:1px solid #017ab6;}
	.share-post li a i.fa.fa-pinterest:hover{background:#fff;color:#cb2027;border:1px solid #e33239;}

	/* Multi Author Box */
	.multiauthor-box{display:inline-block;width:100%}
	.multiauthor-avatar {float:left;}
	.multiauthor-avatar img{width:90px;height:auto}
	.multiauthor-description {margin-left:120px;}
	.multiauthor-description h4 {font-weight:600;font-size:16px;display:block;margin-bottom:10px;}
	.multiauthor-description h4 a{color:#333;}
	.multiauthor-description p{font-size:12px;line-height:1.7;margin-bottom:15px}
	.multiauthor-social a{display:inline-block;text-align:center;float:left;margin-right:2px}
	.multiauthor-social a i{width:30px;height:30px;padding:8px 9px;display:block;background:#E9E9E9!important;color:#777}

	/* Related Posts */
	#related-posts{width:100%;font-size:16px;display:inline-block;margin:auto;text-align:center;padding:20px 30px 0}
	#related-posts h5{font-size:16px;text-transform:uppercase;margin:0 0 25px;padding-bottom:15px;font-weight:700;letter-spacing:1px;text-align:center;position:relative}
	#related-posts h5:after{content:'';position:absolute;width:4px;height:4px;background:#aaa;border-radius:50%;bottom:0;left:47%;box-shadow:1em 0 0 0 #aaa,2em 0 0 0 #aaa}
	#related-posts ul {padding:0;margin:0;}
	#related-posts ul li{list-style:none;display:block;float:left;width:33.3%;padding:0;margin:0;text-align:center;position:relative;overflow:hidden;}
	a.related-thumbs {position:relative;display:block;}
	a.related-thumbs:before{opacity:1;}
	a.related-title{visibility:hidden;background:rgba(255,255,255,.95);position:absolute;bottom:-50px;left:0;right:0;padding:15px;font-size:14px;line-height:normal;display:block;color:#444;text-align:left;opacity:0;transition:all .3s;}
	#related-posts ul li:hover a.related-title{visibility:visible;opacity:1;bottom:0;}

	/* Item Responsive */
	@media only screen and (max-width:960px){
	.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}

	@media only screen and (max-width:640px){
	.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
	</style>
	</b:if>

	<b:if cond='data:blog.pageType == "static_page"'>
	<style type='text/css'>
	#Blog1{float:none;}
	#blog-pager {display:none;}
	.post-outer {width:100%;float:none;}
	.post.hentry {margin:0;margin-right:0;padding:25px;}
	h2.post_title.entry-title {margin-bottom:25px;}
	#main-wrapper{top:0;}
	</style>
	</b:if>

	<b:if cond='data:blog.pageType == "error_page"'>
	<style type='text/css'>
	.error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);}
	.outer-wrapper,div#blog_header,.container,.back-to-top,.top-menu,span.bg-opacity-inner,.bg-opacity p,#search-bar{display:none!important;margin:0;padding:0;overflow:hidden;}
	#footer-wrapper {background-color:rgba(0,0,0,0.3);margin:auto;margin-top:-60px;padding:20px;}
	#copyright{color:#dcdbe2;}
	#copyright a{color:#ed522e;}
	#copyright a:hover{color:#dcdbe2;}
	.error-header{margin-top:-100px}
	.error-title{line-height:42px}
	.error-title span{background:#ed522e;padding:2px 10px;}
	.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
	.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
	.error404 .anonymous{margin:0 auto 20px;display:block}
	.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
	.error-404 .page-content p{color:#c8c8c8}
	.error-title{color:#fff;font-family:'Open Sans',sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
	.search-title{font-size:48px;color:#3f3f46}
	.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
	.btn.back-to-home{background:none;border-radius:0;color:#fff;font-weight:400;left:40px;line-height:24px;opacity:.8;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99}
	.back-to-home:hover{color:#ed522e;}
	.back-to-home i{font-size:14px;margin-right:3px}

	@media only screen and (max-width:479px){
	.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
	</style>
	</b:if>

	<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
	<script type='text/javascript'>
	//<![CDATA[
	//CSS Ready
	function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t \|\| window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n \|\| "all" }) }
	loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,300");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
	//]]>
	</script>
	<script type='text/javascript'>
	//<![CDATA[
	// Readmore
	var _0x50b1=["\x20","\x6A\x6F\x69\x6E","\x73\x6C\x69\x63\x65","\x73\x70\x6C\x69\x74","","\x72\x65\x70\x6C\x61\x63\x65","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x69\x6D\x67","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x77\x69\x6E\x64\x6F\x77\x2E\x6F\x70\x65\x6E\x28\x74\x68\x69\x73\x2E\x68\x72\x65\x66\x2C\x20\x27\x77\x69\x6E\x64\x6F\x77\x4E\x61\x6D\x65\x27\x2C\x20\x27\x77\x69\x64\x74\x68\x3D\x35\x30\x30\x2C\x20\x68\x65\x69\x67\x68\x74\x3D\x33\x35\x30\x2C\x20\x73\x63\x72\x6F\x6C\x6C\x62\x61\x72\x73\x2C\x20\x72\x65\x73\x69\x7A\x61\x62\x6C\x65\x27\x29\x3B\x20\x72\x65\x74\x75\x72\x6E\x20\x66\x61\x6C\x73\x65\x3B","\x6C\x65\x6E\x67\x74\x68","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x65\x64\x69\x61\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x77\x69\x64\x74\x68\x3D\x22\x36\x37\x34\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x34\x32\x30\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x6D\x61\x67\x65\x2D\x70\x6F\x73\x74\x22\x20\x73\x72\x63\x3D\x22","\x73","\x2D\x68","\x2D\x63","\x73\x72\x63","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x61\x72\x74\x69\x63\x6C\x65\x5F\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x68\x65\x61\x64\x69\x6E\x67\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x68\x32\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x32\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x65\x74\x61\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x65\x74\x61\x20\x69\x64\x65\x6E\x74\x69\x74\x61\x73\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x61\x75\x74\x68\x6F\x72\x22\x3E\x50\x6F\x73\x74\x65\x64\x20\x62\x79\x20","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x61\x67\x73\x22\x3E\x69\x6E\x20","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x73\x70\x61\x6E\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x23\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x22\x3E","\x20\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x3C\x2F\x61\x3E\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x61\x72\x74\x69\x63\x6C\x65\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x70\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x2F\x70\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x73","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];function stripTags(_0x35e7x2,_0x35e7x3){return _0x35e7x2[_0x50b1[5]](/<\/?(?!br\s\/?)[a-z][a-z0-9][^<>]*>/ig,_0x50b1[4])[_0x50b1[3]](/\s+/)[_0x50b1[2]](0,_0x35e7x3-1)[_0x50b1[1]](_0x50b1[0])}function rm(_0x35e7x5,_0x35e7x6,_0x35e7x3,_0x35e7x7,_0x35e7x8,_0x35e7x9,_0x35e7xa){var _0x35e7xb=document[_0x50b1[6]](_0x35e7x5);var _0x35e7xc=document[_0x50b1[6]](_0x35e7x3);var _0x35e7x8=_0x35e7x8;var _0x35e7x9=_0x35e7x9;var _0x35e7x2=_0x50b1[4];var _0x35e7xd=674;var _0x35e7xe=420;var _0x35e7xf=_0x35e7xb[_0x50b1[8]](_0x50b1[7]);var _0x35e7x10=summary_noimg;var _0x35e7x11=_0x50b1[4];var _0x35e7x12=_0x50b1[9];if(_0x35e7xf[_0x50b1[10]]>=1){_0x35e7x2=_0x50b1[11]+_0x35e7x6+_0x50b1[12]+_0x35e7xf[0][_0x50b1[16]][_0x50b1[5]](/s\B\d{2,4}/,_0x50b1[13]+_0x35e7xd+_0x50b1[14]+_0x35e7xe+_0x50b1[15])+_0x50b1[17];_0x35e7x10=summaryi;};var _0x35e7x13=_0x50b1[18]+_0x35e7x6+_0x50b1[19]+_0x35e7x3+_0x50b1[20]+_0x35e7x7+_0x50b1[21]+_0x35e7xa+_0x50b1[22]+_0x35e7x9+_0x50b1[23]+_0x35e7x6+_0x50b1[24]+_0x35e7x8+_0x50b1[25]+_0x35e7x2+_0x50b1[26]+stripTags(_0x35e7xb[_0x50b1[27]],_0x35e7x10)+_0x50b1[28];_0x35e7xb[_0x50b1[27]]=_0x35e7x13;}window[_0x50b1[29]]=function(){var _0x35e7x5=document[_0x50b1[6]](_0x50b1[30]);if(_0x35e7x5==null){window[_0x50b1[32]][_0x50b1[31]]=_0x50b1[33]};_0x35e7x5[_0x50b1[34]](_0x50b1[31],_0x50b1[33]);_0x35e7x5[_0x50b1[34]](_0x50b1[35],_0x50b1[36]);_0x35e7x5[_0x50b1[27]]=_0x50b1[37];};

	var Readmore_word = "Read More";
	var summary_noimg = 120;
	summaryi = 90;
	summaryv = 90;
	thh = 420;
	thw = 674;
	//]]>
	</script>
	</head>
	<body>

	<b:if cond='data:blog.pageType == "error_page"'>
	<div class='error-container'>
	<a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Back to Home</a>
	<section class='error-404 not-found text-center'>
	<header class='error-header'>
	<div class='error-image'>
	<img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
	</div>
	<h1 class='error-title'><p><span>Oops!</span> That page can’t be found.</p> </h1>
	</header>
	<div class='page-content'>
	<p>It looks like nothing was found at this location.</p>
	</div>
	</section>
	</div>
	</b:if>

	<div class='topwrapper' id='ripple-wrappertop' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
	<div class='top-menu'>
	<div class='container'>
	<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
	<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
	<b:widget id='Header1' locked='true' title='Ietsugu Advocacia (Cabeçalho)' type='Header' version='1'>
	<b:widget-settings>
	<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-_O4eHLUdC8o/YVYXi19iXXI/AAAAAAAABF8/4dQHcsOo69Qk71rLIdA1A7cvM8As-XVGACLcBGAsYHQ/s1400/banner.png</b:widget-setting>
	<b:widget-setting name='displayHeight'>425</b:widget-setting>
	<b:widget-setting name='sectionWidth'>600</b:widget-setting>
	<b:widget-setting name='useImage'>true</b:widget-setting>
	<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
	<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
	<b:widget-setting name='displayWidth'>1400</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main'>
	<b:if cond='data:useImage'>
	<b:if cond='data:imagePlacement == "BEHIND"'>
	<!--
	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'>
	<b:include name='title'/>
	</div>
	<b:include name='description'/>
	</div>
	<b:else/>
	<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
	<div class='titlewrapper' style='background: transparent'>
	<b:include name='title'/>
	</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:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
	</a>
	<!--Show the description-->
	<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
	<b:include name='description'/>
	</b:if>
	</div>
	</b:if>
	<b:else/>
	<!--No header image -->
	<div id='header-inner'>
	<div class='titlewrapper'>
	<b:include name='title'/>
	</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.pageType != "item"'>
	<b:if cond='data:blog.pageType != "static_page"'>
	<h1 class='title'>
	<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
	<span itemprop='name'><data:title/></span>
	</a>
	</h1>
	<b:else/>
	<h2 class='title'>
	<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
	<span itemprop='name'><data:title/></span>
	</a>
	</h2>
	</b:if>
	<b:else/>
	<h2 class='title'>
	<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
	<span itemprop='name'><data:title/></span>
	</a>
	</h2>
	</b:if>
	</b:includable>
	</b:widget>
	</b:section>
	</div>
	<nav class='navigate-top'>
	<ul>
	<li><a href='/' itemprop='url'><span itemprop='name'>INÍCIO</span></a></li>
	<li><a href='mailto:octavio@dev.lawyer' itemprop='url'><span itemprop='name'>Contato</span></a></li>
	</ul>
	</nav>
	</div>
	</div>
	</div>
	<div class='clr'/>

	<div id='ripple-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

	<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
	<div class='clr'/>

	<div class='outer-wrapper'>
	<div id='main-wrapper'>
	<b:section class='content' id='content' maxwidgets='1' showaddelement='no'>
	<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog' version='1'>
	<b:widget-settings>
	<b:widget-setting name='showDateHeader'>false</b:widget-setting>
	<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
	<b:widget-setting name='showShareButtons'>true</b:widget-setting>
	<b:widget-setting name='authorLabel'>By</b:widget-setting>
	<b:widget-setting name='showCommentLink'>true</b:widget-setting>
	<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
	<b:widget-setting name='showAuthor'>false</b:widget-setting>
	<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
	<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
	<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
	<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
	<b:widget-setting name='timestampLabel'>em</b:widget-setting>
	<b:widget-setting name='reactionsLabel'/>
	<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
	<b:widget-setting name='style.layout'>1x1</b:widget-setting>
	<b:widget-setting name='showLabels'>true</b:widget-setting>
	<b:widget-setting name='showLocation'>true</b:widget-setting>
	<b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>
	<b:widget-setting name='showTimestamp'>true</b:widget-setting>
	<b:widget-setting name='postsPerAd'>1</b:widget-setting>
	<b:widget-setting name='showBacklinks'>false</b:widget-setting>
	<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
	<b:widget-setting name='showInlineAds'>false</b:widget-setting>
	<b:widget-setting name='showReactions'>false</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main' var='top'>
	<b:include data='posts' name='breadcrumb'/>
	<b:if cond='data:mobile == "false"'>
	<!-- posts -->
	<div class='blog-posts hfeed'>
	<b:include data='top' name='status-message'/>
	<data:defaultAdStart/>
	<b:loop values='data:posts' var='post'>
	<div class='post-outer'>
	<b:include data='post' name='post'/>
	<b:if cond='data:blog.pageType == "item"'>
	<b:include name='nextprev'/>
	</b:if>
	<b:if cond='data:blog.pageType == "static_page"'>
	<b:include data='post' name='comment_picker'/>
	</b:if>
	<b:if cond='data:blog.pageType == "item"'>
	<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>
	<data:adEnd/>
	</div>
	<b:if cond='data:blog.pageType != "item"'>
	<!-- navigation -->
	<b:include name='nextprev'/>
	</b:if>
	<b:if cond='data:top.showStars'>
	<script src='//www.google.com/jsapi' type='text/javascript'/>
	<script type='text/javascript'>google.load("annotations","1",{locale:"<data:top.languageCode/>"});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='"item-control " + data:backlink.adminClass'>
	<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
	<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'> </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:backlink.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:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
	</p>
	</b:includable>
	<b:includable id='breadcrumb' var='posts'>
	<b:if cond='data:blog.homepageUrl != data:blog.url'>
	<b:if cond='data:blog.pageType == "static_page"'>
	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
	</div>
	<b:else/>
	<b:if cond='data:blog.pageType == "item"'>
	<b:loop values='data:posts' var='post'>
	<b:if cond='data:post.labels'>
	<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><data:title/></span></a></span> <i class='fa fa-angle-right'/><b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&amp;max-results=6"' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != "true"'> </b:if> </b:loop> <span><data:post.title/></span>
	</div>
	<b:else/>
	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div>
	</b:if>
	</b:loop>
	<b:else/>
	<b:if cond='data:blog.pageType == "archive"'>
	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> Archive for <data:blog.pageName/></span>
	</div>
	<b:else/>
	<b:if cond='data:blog.searchQuery'>
	<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span> <data:blog.pageName/></span>
	</div>
	<b:else/>
	<b:if cond='data:blog.pageType == "index"'>
	<div class='breadcrumbs'>
	<b:if cond='data:blog.pageName == ""'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span>All post</span>
	<b:else/>
	<span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></span> <span><data:blog.pageName/></span>
	</b:if>
	</div>
	</b:if>
	</b:if>
	</b:if>
	</b:if>
	</b:if>
	</b:if>
	</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 + "_comment-editor-toggle-link"' 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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' 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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
	</b:if>
	<data:post.friendConnectJs/>
	<data:post.cmtfpIframe/>
	<script type='text/javascript'>
	BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
	</script>
	</div>
	</b:includable>
	<b:includable id='commentDeleteIcon' var='comment'>
	<span expr:class='"item-control " + 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='data: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.commentSource == 1'>
	<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
	</span>
	<b:else/>
	<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
	<data:post.commentLabelFull/>:
	</a>
	</b:if>
	</b:includable>
	<b:includable id='comment_picker' var='post'>
	<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:includable>
	<b:includable id='comments' var='post'>
	<div class='comments' id='comments'>
	<a name='comments'/>
	<b:if cond='data:post.allowComments'>
	<h4>
	<b:if cond='data:post.numComments == 1'>
	1 <data:commentLabel/>:
	<b:else/>
	<data:post.numComments/> <data:commentLabelPlural/>
	</b:if>
	</h4>
	<b:if cond='data:post.commentPagingRequired'>
	<span class='paging-control-container'>
	<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

	<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

	<data:post.commentRangeText/>

	<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

	<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
	</span>
	</b:if>
	<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
	<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
	<b:loop values='data:post.comments' var='comment'>
	<dt expr:class='"comment-author " + data:comment.authorClass' 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:comment.author/></a>
	<b:else/>
	<data:comment.author/>
	</b:if>
	<data:commentPostedByMsg/>
	</dt>
	<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.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.oldestLinkUrl'>
	<data:post.oldestLinkText/>
	</a>
	<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
	<data:post.olderLinkText/>
	</a>

	<data:post.commentRangeText/>

	<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
	<data:post.newerLinkText/>
	</a>
	<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
	<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.addCommentOnclick'><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' name='comment-actions' scrolling='no'>
	</iframe>
	</div>
	</b:if>
	<div id='backlinks-container'>
	<div expr:id='data:widget.instanceId + "_backlinks-container"'>
	<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 != "item"'> <!-- 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:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
	</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' target='_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 == "false"'>
	<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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'>&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 != "static_page"'>
	<b:if cond='data:post.allowComments'>
	<b:if cond='data:post.numComments != 0'>
	<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
	</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 == "index"'>
	<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='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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'>
	<b:if cond='data:post.dateHeader'>
	<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
	</b:if>
	<div class='date-posts'>
	<div class='post-outer'>
	<div class='post hentry uncustomized-post-template'>
	<a expr:name='data:post.id'/>
	<b:if cond='data:post.title'>
	<h1 class='post-title entry-title'>
	<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>
	<div class='post-header'>
	<div class='post-header-line-1'/>
	</div>
	<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
	<b:if cond='data:blog.pageType == "item"'>
	<div style="display:block;text-align:center;margin:15px auto;">
	<!-- Kode Banner/Iklan Anda Di sini -->
	</div>
	</b:if>
	<data:post.body/>
	<b:if cond='data:blog.pageType == "item"'>
	<div style="display:block;text-align:center;margin:15px auto;">
	<!-- Kode Banner/Iklan Anda Di sini -->
	</div>
	</b:if>
	<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' itemtype='http://schema.org/Person'>
	<a expr:href='data:post.authorProfileUrl' rel='author' title='author 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'>
	<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
	</b:if>
	</b:if>
	</span>
	<span class='post-comment-link'>
	<b:if cond='data:blog.pageType != "item"'>
	<b:if cond='data:blog.pageType != "static_page"'>

	<b:if cond='data:post.allowComments'>
	<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
	</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-share-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.dummyTag/></div>
	</b:if>
	</div>
	</div>
	</div>
	<b:if cond='data:blog.pageType == "static_page"'>
	<b:include data='post' name='comment_picker'/>
	</b:if>
	<b:if cond='data:blog.pageType == "item"'>
	<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'>
	<span class='newer-text'>Next Post</span><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
	</span>
	</b:if>
	<b:if cond='data:olderPageUrl'>
	<span id='blog-pager-older-link'>
	<span class='older-text'>Previous Post</span><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><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'>
	<article class='post hentry'>
	<b:if cond='data:post.firstImageUrl'>
	<a expr:content='data:post.firstImageUrl'/>
	</b:if>
	<a expr:content='data:blog.blogId'/>
	<a expr:content='data:post.id'/>
	<b:if cond='data:blog.pageType == "item"'>
	<b:if cond='data:post.title'>
	<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:else/>
	<b:if cond='data:blog.pageType == "static_page"'>
	<b:if cond='data:post.title'>
	<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>
	</b:if>
	<b:if cond='data:blog.pageType == "item"'>
	<div class='post-tophead articlepost-area'>
	<span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
	<b:if cond='data:top.showAuthor'>
	posted by <span class='fn'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
	<span itemprop='name'><data:post.author/></span>
	</a></span>
	<b:else/>
	<span class='fn'>
	<span itemprop='name'><data:post.author/></span>
	</span>
	</b:if>
	</span>
	<span class='post-timestamp'>
	<b:if cond='data:top.showTimestamp'>
	on
	<b:if cond='data:post.url'>
	<a expr:href='data:post.url' itemprop='datePublished' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
	</b:if>
	</b:if>
	</span>
	<b:if cond='data:post.allowComments'>
	<span class='post-comment-link'>
	<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No Comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a>
	</span>
	</b:if>
	<b:if cond='data:post.labels'>
	<span class='label-info'>
	<b:loop values='data:post.labels' var='label'>
	<a expr:href='data:label.url + "?max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
	</b:loop>
	</span>
	</b:if>
	</div>
	</b:if>
	<div class='post-header'>
	<div class='post-header-line-1'/>
	<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
	<b:if cond='data:top.showAuthor'>
	<b:if cond='data:post.authorProfileUrl'>
	<span class='fn author'>
	<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
	<span itemprop='name'><data:post.author/></span>
	</a>
	</span>
	<b:else/>
	<span class='fn author'><span itemprop='name'><data:post.author/></span></span>
	</b:if>
	</b:if>
	</span>
	</div>
	<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
	<b:if cond='data:blog.pageType == "item"'>
	<b:if cond='data:blog.pageType == "item"'>
	<div style="display:block;text-align:center;margin:15px auto;">
	<!-- Kode Banner/Iklan Anda Di sini -->
	</div>
	</b:if>
	<data:post.body/>
	<b:if cond='data:blog.pageType == "item"'>
	<div style="display:block;text-align:center;margin:15px auto;">
	<!-- Kode Banner/Iklan Anda Di sini -->
	</div>
	</b:if>
	<b:else/>
	<b:if cond='data:blog.pageType == "static_page"'>
	<data:post.body/>
	<b:else/>
	<div expr:id='"p" + data:post.id'>
	<data:post.body/>
	</div>
	<div class='below-post clearfix'>
	<div class='readmore-post meta'>
	<span><a expr:href='data:post.url'>Read More <i class='fa fa-angle-right'/></a></span>
	</div>
	</div>
	<script type='text/javascript'>
	rm("p<data:post.id/>","<data:post.url/>","<data:post.title/>","<data:post.timestamp/>","<data:post.numComments/>","<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + "?max-results=6"' rel='tag'><data:label.name/></a></b:loop>","<a expr:href='data:post.authorProfileUrl'><data:post.author/></a>");
	</script>
	</b:if>
	</b:if>
	<div style='clear: both;'/>
	</div>
	<b:if cond='data:blog.pageType == "item"'>
	<div class='post-footer'>
	<div class='share-post'>
	<ul class='entry-share-list clearfix'>
	<li>Share This</li>
	<li class='facebook_share'>
	<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/> <span class='share-text'>Facebook</span></a>
	</li>
	<li class='twitter_share'>
	<a expr:href='"http://twitter.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/> <span class='share-text'>Twitter</span></a>
	</li>
	<li class='google_share'>
	<a expr:href='"https://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='share-text'>Google+</span></a>
	</li>
	<li class='linkedin_share'>
	<a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/><span class='share-text'>Linkedin</span></a>
	</li>
	<li><a expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><i class='fa fa-pinterest'/><span class='share-text'>Pin It</span></a></li>
	</ul>
	</div>
	<div class='multiauthor-box'>
	<div class='authorboxfull'>
	<div class='multiauthor-avatar'>
	<a href=''>
	<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
	</a>
	</div>
	<div class='multiauthor-description'>
	<h4><a href='#' rel='author'><data:post.author/></a></h4>
	<p>
	<data:post.authorAboutMe/>
	</p>
	</div>
	</div>
	</div>
	<div id='related-posts'>
	<script type='text/javascript'>//<![CDATA[
	var _0xfca5=["\x3C\x68\x35\x3E\x52\x65\x6C\x61\x74\x65\x64\x20\x50\x6F\x73\x74\x73\x3C\x2F\x68\x35\x3E","\x3C\x68\x35\x3E\x4E\x6F\x20\x72\x65\x6C\x61\x74\x65\x64\x20\x70\x6F\x73\x74\x20\x61\x76\x61\x69\x6C\x61\x62\x6C\x65\x3C\x2F\x68\x35\x3E","\x63\x6F\x6D\x6D\x65\x6E\x74\x73","\x64\x69\x73\x61\x62\x6C\x65\x20\x63\x6F\x6D\x6D\x65\x6E\x74\x73","\x6E\x6F","","\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x74\x68\x72\x24\x74\x6F\x74\x61\x6C","\x20","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x75\x72\x6C","\x68\x74\x74\x70\x3A\x2F\x2F\x6C\x68\x33\x2E\x67\x67\x70\x68\x74\x2E\x63\x6F\x6D\x2F\x2D\x2D\x5A\x38\x53\x56\x42\x51\x5A\x34\x58\x38\x2F\x54\x64\x44\x78\x50\x56\x4D\x6C\x5F\x73\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x41\x41\x2F\x6A\x68\x41\x67\x6A\x43\x70\x5A\x74\x52\x51\x2F\x6E\x6F\x2D\x69\x6D\x61\x67\x65\x2E\x70\x6E\x67","\x3F\x6D\x3D\x30","\x69\x6E\x64\x65\x78\x4F\x66","\x72\x65\x70\x6C\x61\x63\x65","\x73\x70\x6C\x69\x63\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x3C\x75\x6C\x3E","\x79\x65\x73","\x20\x2D\x20","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x5F\x67\x61\x6C\x6C\x65\x72\x79\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x20\x72\x65\x6C\x3D\x22\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x74\x68\x75\x6D\x62\x73\x22\x3E\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73","\x2D\x70","\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x6C\x61\x74\x65\x64\x2D\x74\x69\x74\x6C\x65\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x6C\x69\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x75\x6C\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x72\x65\x6C\x61\x74\x65\x64\x2D\x70\x6F\x73\x74\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6F\x6E\x6C\x6F\x61\x64","\x63\x6F\x70\x79\x72\x69\x67\x68\x74\x73","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];var ry=_0xfca5[0];rn=_0xfca5[1];rcomment=_0xfca5[2];rdisable=_0xfca5[3];commentYN=_0xfca5[4];var dw=_0xfca5[5];titles= new Array;titlesNum=0;urls= new Array;timeR= new Array;thumb= new Array;commentsNum= new Array;comments= new Array;function related_results_labels(_0xc302x4){for(var _0xc302x5=0;_0xc302x5<_0xc302x4[_0xfca5[8]][_0xfca5[7]][_0xfca5[6]];_0xc302x5++){var _0xc302x6=_0xc302x4[_0xfca5[8]][_0xfca5[7]][_0xc302x5];titles[titlesNum]=_0xc302x6[_0xfca5[10]][_0xfca5[9]];for(var _0xc302x7=0;_0xc302x7<_0xc302x6[_0xfca5[11]][_0xfca5[6]];_0xc302x7++){if(_0xfca5[12] in _0xc302x6){commentsNum[titlesNum]=_0xc302x6[_0xfca5[12]][_0xfca5[9]]+_0xfca5[13]+rcomment}else {commentsNum[titlesNum]=rdisable};if(_0xc302x6[_0xfca5[11]][_0xc302x7][_0xfca5[14]]==_0xfca5[15]){urls[titlesNum]=_0xc302x6[_0xfca5[11]][_0xc302x7][_0xfca5[16]];timeR[titlesNum]=_0xc302x6[_0xfca5[17]][_0xfca5[9]];if(_0xfca5[18] in _0xc302x6){thumb[titlesNum]=_0xc302x6[_0xfca5[18]][_0xfca5[19]]}else {thumb[titlesNum]=_0xfca5[20]};titlesNum++;break ;};};}}function removeRelatedDuplicates(){var _0xc302x5= new Array(0);c= new Array(0);e= new Array(0);f= new Array(0);g= new Array(0);for(var _0xc302x7=0;_0xc302x7<urls[_0xfca5[6]];_0xc302x7++){if(!contains(_0xc302x5,urls[_0xc302x7])){_0xc302x5[_0xfca5[6]]+=1;_0xc302x5[_0xc302x5[_0xfca5[6]]-1]=urls[_0xc302x7];c[_0xfca5[6]]+=1;c[c[_0xfca5[6]]-1]=titles[_0xc302x7];e[_0xfca5[6]]+=1;e[e[_0xfca5[6]]-1]=timeR[_0xc302x7];f[_0xfca5[6]]+=1;f[f[_0xfca5[6]]-1]=thumb[_0xc302x7];g[_0xfca5[6]]+=1;g[g[_0xfca5[6]]-1]=commentsNum[_0xc302x7];}};urls=_0xc302x5;titles=c;timeR=e;thumb=f;commentsNum=g;}function contains(_0xc302x5,_0xc302x6){for(var _0xc302x4=0;_0xc302x4<_0xc302x5[_0xfca5[6]];_0xc302x4++){if(_0xc302x5[_0xc302x4]==_0xc302x6){return true}};return false;}function printRelatedLabels(_0xc302x7){var _0xc302xb=_0xc302x7[_0xfca5[22]](_0xfca5[21]);if(_0xc302xb!= -1){_0xc302x7=_0xc302x7[_0xfca5[23]](/\?m=0/g,_0xfca5[5])};for(var _0xc302x5=0;_0xc302x5<urls[_0xfca5[6]];_0xc302x5++){if(urls[_0xc302x5]==_0xc302x7){urls[_0xfca5[24]](_0xc302x5,1);titles[_0xfca5[24]](_0xc302x5,1);timeR[_0xfca5[24]](_0xc302x5,1);thumb[_0xfca5[24]](_0xc302x5,1);commentsNum[_0xfca5[24]](_0xc302x5,1);}};var _0xc302x4=Math[_0xfca5[26]]((titles[_0xfca5[6]]-1)*Math[_0xfca5[25]]());var _0xc302x5=0;if(titles[_0xfca5[6]]==0){dw+=rn}else {dw+=ry;dw+=_0xfca5[27];while(_0xc302x5<titles[_0xfca5[6]]&&_0xc302x5<20&&_0xc302x5<maxresults){if(_0xc302xb!= -1){urls[_0xc302x4]=urls[_0xc302x4]+_0xfca5[21]};if(commentYN==_0xfca5[28]){comments[_0xc302x4]=_0xfca5[29]+commentsNum[_0xc302x4]}else {comments[_0xc302x4]=_0xfca5[5]};dw+=_0xfca5[30]+urls[_0xc302x4]+_0xfca5[31]+titles[_0xc302x4]+_0xfca5[32]+titles[_0xc302x4]+_0xfca5[33]+thumb[_0xc302x4][_0xfca5[23]](/\/s72\-c/,_0xfca5[34]+size+_0xfca5[35])+_0xfca5[36]+urls[_0xc302x4]+_0xfca5[37]+titles[_0xc302x4]+_0xfca5[38];if(_0xc302x4<titles[_0xfca5[6]]-1){_0xc302x4++}else {_0xc302x4=0};_0xc302x5++;};dw+=_0xfca5[39];};urls[_0xfca5[24]](0,urls[_0xfca5[6]]);titles[_0xfca5[24]](0,titles[_0xfca5[6]]);document[_0xfca5[42]](_0xfca5[41])[_0xfca5[40]]=dw;}window[_0xfca5[43]]=function(){var _0xc302xc=document[_0xfca5[42]](_0xfca5[44]);if(_0xc302xc==null){window[_0xfca5[45]][_0xfca5[16]]=_0xfca5[46]};_0xc302xc[_0xfca5[47]](_0xfca5[16],_0xfca5[46]);_0xc302xc[_0xfca5[47]](_0xfca5[14],_0xfca5[48]);_0xc302xc[_0xfca5[40]]=_0xfca5[49];};
	//]]></script>
	<b:loop values='data:post.labels' var='label'>
	<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
	</b:loop>
	<script type='text/javascript'>
	var maxresults=3;
	var size = 250;
	removeRelatedDuplicates();
	printRelatedLabels('<data:post.url/>');</script>
	</div>
	<div class='post-footer-line post-footer-line-2'>
	</div>
	<div class='post-footer-line post-footer-line-3'><span class='post-location'>
	<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>
	</b:if>
	</article>
	</b:includable>
	<b:includable id='postQuickEdit' var='post'>
	<b:if cond='data:post.editUrl'>
	<span expr:class='"item-control " + 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.com/img/icon18_edit_allbkg.gif' width='18'/>
	</a>
	</span>
	</b:if>
	</b:includable>
	<b:includable id='shareButtons' var='post'>
	<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
	</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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' 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-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
	</b:if>
	<data:post.friendConnectJs/>
	<data:post.cmtfpIframe/>
	<script type='text/javascript'>
	BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
	</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 + '</span>';
	}
	}
	}
	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].href);
	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].value;
	} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
	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:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
	<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' name='comment-actions' scrolling='no'>
	</iframe>
	</div>
	</b:if>
	<div id='backlinks-container'>
	<div expr:id='data:widget.instanceId + "_backlinks-container"'>
	<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
	</div>
	</div>
	</div>
	</b:includable>
	</b:widget>
	</b:section>
	<b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>
	</div>

	<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
	<b:section class='sidebar' id='sidebar' showaddelement='yes'>
	<b:widget id='BlogSearch2' locked='false' title='Pesquisar' type='BlogSearch' version='1'>
	<b:includable id='main'>
	<div class='widget-content'>
	<div expr:id='data:widget.instanceId + "_form"'>
	<form class='gsc-search-box' expr:action='data:blog.searchUrl'>
	<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
	<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
	<tbody>
	<tr>
	<td class='gsc-input'>
	<input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' size='10' title='search' type='text'/>
	</td>
	<td class='gsc-search-button-wrapper gsc-search-button'>
	<span class='gsc-search-button' type='submit'><i class='fa fa-search'/></span>
	</td>
	</tr>
	</tbody>
	</table>
	</form>
	</div>
	</div>

	<b:include name='quickedit'/>
	</b:includable>
	</b:widget>
	<b:widget id='HTML5' locked='false' title='Sobre mim' type='HTML' version='1'>
	<b:widget-settings>
	<b:widget-setting name='content'/>
	</b:widget-settings>
	<b:includable id='main'>
	<div class='widget-content'>
	<div class='sidebar_about_author'>
	<div class='inner_wrapper'>
	<div class='aboutme-img'>
	<img alt='Author' class='img-responsive' height='auto' src='https://lh3.googleusercontent.com/7A0UanR1EdALvBY-6QsLk31by7BASfp0eCtcydmGNtmdosMPUyWu3qDGCg_amLWJZCimEbMyxJSjgxAK-H14uUE=w1280' title='Octavio Ietsugu' width='320'/>
	</div>
	</div>
	<div class='aboutme-info' style='text-align:center;'>
	<h4>OCTÁVIO IETSUGU</h4>
	<p>OAB/SP nº 286.693</p>
	<p>Advogado formado pela Universidade de São Paulo - FDUSP (2008),
	com pós graduação em Direito Societário pelo Insper - Instituto de Ensino e Pesquisa</p>
	</div>
	<div class='aboutme-wrapicon'>
	<ul class='extender'>
	<li class='aboutme-icon'><a href='mailto:octavio@dev.lawyer' title='Email'><i class='fa fa-envelope-o'/></a></li>
	<li class='aboutme-icon'><a href='https://linkedin.com/in/octaviosi' title='LinkedIn'><i class='fa fa-linkedin'/></a></li>
	<li class='aboutme-icon'><a href='https://twitter.com/octavioietsugu' title='Twitter'><i class='fa fa-twitter'/></a></li>
	<li class='aboutme-icon'><a href='https://www.instagram.com/dev.lawyer/' title='Instagram'><i class='fa fa-instagram'/></a></li>
	<li class='aboutme-icon'><a href='https://www.youtube.com/channel/UCPmM6RAkfC0CY2gGudIhWQA' title='YouTube'><i class='fa fa-youtube'/></a></li>
	<li class='aboutme-icon'><a href='https://br.dev.lawyer/' title='Blog'><i class='fa fa-rss'/></a></li>
	</ul>
	</div>
	</div>
	</div>
	</b:includable>
	</b:widget>
	<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='' type='FeaturedPost' version='2' visible='true'>
	<b:widget-settings>
	<b:widget-setting name='showSnippet'>true</b:widget-setting>
	<b:widget-setting name='showPostTitle'>true</b:widget-setting>
	<b:widget-setting name='showFirstImage'>true</b:widget-setting>
	<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main' var='this'>
	<b:include name='widget-title'/>
	<div class='widget-content'>
	<b:include name='snippetedPosts'/>
	</div>
	</b:includable>
	<b:includable id='blogThisShare'>
	<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>
	<b:include name='platformShare'/>
	</b:with>
	</b:includable>
	<b:includable id='bylineByName' var='byline'>
	<b:switch var='data:byline.name'>
	<b:case value='share'/>
	<b:include cond='data:post.shareUrl' name='postShareButtons'/>
	<b:case value='comments'/>
	<b:include cond='data:post.allowComments' name='postCommentsLink'/>
	<b:case value='location'/>
	<b:include cond='data:post.location' name='postLocation'/>
	<b:case value='timestamp'/>
	<b:include cond='not data:view.isPage' name='postTimestamp'/>
	<b:case value='author'/>
	<b:include name='postAuthor'/>
	<b:case value='labels'/>
	<b:include cond='data:post.labels' name='postLabels'/>
	<b:case value='icons'/>
	<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
	</b:switch>
	</b:includable>
	<b:includable id='bylineRegion' var='regionItems'>
	<b:loop values='data:regionItems' var='byline'>
	<b:include data='byline' name='bylineByName'/>
	</b:loop>
	</b:includable>
	<b:includable id='commentsLink'>
	<a class='comment-link flat-button ripple' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
	<b:if cond='data:post.numberOfComments > 0'>
	<b:message name='messages.numberOfComments'>
	<b:param expr:value='data:post.numberOfComments' name='numComments'/>
	</b:message>
	<b:else/>
	<data:messages.postAComment/>
	</b:if>
	</a>
	</b:includable>
	<b:includable id='commentsLinkIframe'>
	<!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
	</b:includable>
	<b:includable id='emailPostIcon'>
	<span class='byline post-icons'>
	<!-- email post links -->
	<span class='item-action'>
	<a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>
	<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>
	</a>
	</span>
	</span>
	</b:includable>
	<b:includable id='facebookShare'>
	<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>
	<b:include name='platformShare'/>
	</b:with>
	</b:includable>
	<b:includable id='footerBylines'>
	<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>
	<b:include name='super.footerBylines'/>
	<b:else/>
	<b:include data='{ items: [["share", "comments"]] }' name='footerBylinesOverride'/>
	</b:if>
	</b:includable>
	<b:includable id='googlePlusShare'>
	<div class='goog-inline-block google-plus-share-container'>
	<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>
	</div>
	</b:includable>
	<b:includable id='headerByline'>
	<b:if cond='data:view.isSingleItem and data:widget.type == "Blog"'>
	<b:include name='super.headerByline'/>
	<b:else/>
	<b:include data='{ items: ["author", "timestamp"] }' name='headerBylineOverride'/>
	</b:if>
	</b:includable>
	<b:includable id='linkShare'>
	<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>
	<b:include name='platformShare'/>
	</b:with>
	</b:includable>
	<b:includable id='otherSharingButton'>
	<span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'>
	<b:with value='{key: "sharingOther"}' var='platform'>
	<b:include name='sharingPlatformIcon'/>
	</b:with>
	<span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span>
	</span>
	</b:includable>
	<b:includable id='platformShare'>
	<a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'>
	<span class='share-button-link-text'>
	<data:platform.shareMessage/>
	</span>
	</a>
	</b:includable>
	<b:includable id='postAuthor'>
	<span class='byline post-author vcard'>
	<span class='post-author-label'>
	<data:byline.label/>
	</span>
	<span class='fn'>
	<b:if cond='data:post.author.profileUrl'>
	<meta expr:content='data:post.author.profileUrl'/>
	<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
	<span><data:post.author.name/></span>
	</a>
	<b:else/>
	<span><data:post.author.name/></span>
	</b:if>
	</span>
	</span>
	</b:includable>
	<b:includable id='postCommentsLink'>
	<span class='byline post-comment-link container'>
	<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
	</span>
	</b:includable>
	<b:includable id='postFooter' var='post'>
	<div class='post-bottom'>
	<div class='post-footer'>
	<!-- Footer bylines -->
	<b:include name='footerBylines'/>
	</div>
	<b:include cond='data:view.isSingleItem and data:widget.type == "Blog"' data='{ shareButtonClass: "post-share-buttons-bottom", overridden: true }' name='maybeAddShareButtons'/>
	<b:include cond='data:view.isMultipleItems or data:widget.type == "PopularPosts"' data='post' name='postJumpLink'/>
	</div>
	</b:includable>
	<b:includable id='postJumpLink' var='post'>
	<b:comment>Show a 'read more' link if no jump link is present.</b:comment>
	<div class='byline jump-link'>
	<a class='flat-button ripple' expr:href='data:post.hasJumpLink ? data:post.url fragment "more" : data:post.url' expr:title='data:post.title'>
	<b:eval expr='data:blog.jumpLinkMessage'/>
	</a>
	</div>
	</b:includable>
	<b:includable id='postLabels'>
	<span class='byline post-labels'>
	<span class='byline-label'><data:byline.label/></span>
	<b:loop index='i' values='data:post.labels' var='label'>
	<a expr:href='data:label.url' rel='tag'>
	<data:label.name/>
	</a>
	</b:loop>
	</span>
	</b:includable>
	<b:includable id='postLocation'>
	<span class='byline post-location'>
	<data:byline.label/>
	<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
	</span>
	</b:includable>
	<b:includable id='postReactions'>
	<!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. -->
	</b:includable>
	<b:includable id='postShareButtons'>
	<b:include cond='data:view.isMultipleItems or data:widget.type != "Blog"' name='super.postShareButtons'/>
	</b:includable>
	<b:includable id='postTimestamp'>
	<span class='byline post-timestamp'>
	<data:byline.label/>
	<b:if cond='data:post.url'>
	<meta expr:content='data:post.url.canonical'/>
	<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
	<time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
	<data:post.date/>
	</time>
	</a>
	</b:if>
	</span>
	</b:includable>
	<b:includable id='sharingButton'>
	<span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'>
	<b:include name='sharingPlatformIcon'/>
	<span class='platform-sharing-text'><data:platform.name/></span>
	</span>
	</b:includable>
	<b:includable id='sharingButtonContent'>
	<b:comment>Mark parent byline element as a flat-button.</b:comment>
	<b:class name='flat-button ripple'/>
	<b:message name='messages.share'/>
	</b:includable>
	<b:includable id='sharingButtons'>
	<div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'>
	<button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'>
	<b:include name='sharingButtonContent'/>
	</button>
	<b:include name='sharingButtonsMenu'/>
	</div>
	</b:includable>
	<b:includable id='sharingButtonsMenu'>
	<div class='share-buttons-container'>
	<ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'>
	<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>
	<li>
	<b:include name='sharingButton'/>
	</li>
	</b:loop>
	<li aria-hidden='true' class='hidden'>
	<b:include name='otherSharingButton'/>
	</li>
	</ul>
	</div>
	</b:includable>
	<b:includable id='sharingPlatformIcon'>
	<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>
	</b:includable>
	<b:includable id='snippetedPostByline'>
	<b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'>
	<div class='item-byline'>
	<b:with value='data:blogBylines first (i => i.name == "author")' var='byline'>
	<b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/>
	</b:with>
	<b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'>
	<b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/>
	</b:with>
	</div>
	</b:with>
	</b:includable>
	<b:includable id='snippetedPostContent'>
	<div class='post-content'>
	<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
	<b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/>
	<b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
	<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
	</div>
	</b:includable>
	<b:includable id='snippetedPostThumbnail'>
	<div class='item-thumbnail'>
	<a expr:href='data:post.url'>
	<b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/>
	</a>
	</div>
	</b:includable>
	<b:includable id='snippetedPostTitle'>
	<b:if cond='data:post.title != ""'>
	<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
	</b:if>
	</b:includable>
	<b:includable id='snippetedPosts'>
	<b:include cond='data:posts.any' data='{ postDisplay: data:postDisplay, post: data:posts.first }' name='heroPost'/>
	</b:includable>
	</b:widget>
	<b:widget id='PopularPosts100' locked='false' title='Postagens Populares' type='PopularPosts' version='1'>
	<b:widget-settings>
	<b:widget-setting name='numItemsToShow'>10</b:widget-setting>
	<b:widget-setting name='showThumbnails'>true</b:widget-setting>
	<b:widget-setting name='showSnippets'>true</b:widget-setting>
	<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main'>
	<b:if cond='data:title'><h2><data:title/></h2></b:if>
	<div class='widget-content popular-posts'>
	<ul>
	<b:loop values='data:posts' var='post'>
	<li>
	<b:if cond='data:showThumbnails == "false"'>
	<b:if cond='data:showSnippets == "false"'>
	<!-- (1) No snippet/thumbnail -->
	<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
	<b:else/>
	<!-- (2) Show only snippets -->
	<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
	<div class='item-snippet'><data:post.snippet/></div>
	</b:if>
	<b:else/>
	<b:if cond='data:showSnippets == "false"'>
	<!-- (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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
	</a>
	</div>
	</b:if>
	<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
	</a>
	</div>
	</b:if>
	<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
	<div class='item-snippet'><data:post.snippet/></div>
	</div>
	<div style='clear: both;'/>
	</b:if>
	</b:if>
	</li>
	</b:loop>
	</ul>
	</div>
	</b:includable>
	</b:widget>
	<b:widget id='Label1' locked='false' title='Tags' type='Label' version='1'>
	<b:widget-settings>
	<b:widget-setting name='sorting'>FREQUENCY</b:widget-setting>
	<b:widget-setting name='display'>LIST</b:widget-setting>
	<b:widget-setting name='selectedLabelsList'/>
	<b:widget-setting name='showType'>ALL</b:widget-setting>
	<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main'>
	<b:if cond='data:title != ""'>
	<h2><data:title/></h2>
	</b:if>
	<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
	<b:if cond='data:display == "list"'>
	<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/></span>
	<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='"label-size label-size-" + data:label.cssSize'>
	<b:if cond='data:blog.url == data:label.url'>
	<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
	<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>
	</div>
	</b:includable>
	</b:widget>
	<b:widget id='PageList1' locked='false' title='' type='PageList'>
	<b:widget-settings>
	<b:widget-setting name='pageListJson'><![CDATA[{'link0': {'href': 'http://ietsuguadvocacia.blogspot.com/', 'title': 'P\xe1gina inicial', 'position': 0}}]]></b:widget-setting>
	<b:widget-setting name='homeTitle'>Página inicial</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main'>
	<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
	<div class='widget-content'>
	<b:if cond='data:mobile'>
	<select expr:id='data:widget.instanceId + "_select"'>
	<b:loop values='data:links' var='link'>
	<option expr:value='data:link.href'>
	<b:attr cond='data:link.isCurrentPage' name='selected' value='selected'/>
	<data:link.title/>
	</option>
	</b:loop>
	</select>
	<span class='pagelist-arrow'>&#9660;</span>
	<b:else/>
	<ul>
	<b:loop values='data:links' var='link'>
	<li>
	<b:class cond='data:link.isCurrentPage' name='selected'/>
	<a expr:href='data:link.href'><data:link.title/></a>
	</li>
	</b:loop>
	</ul>
	</b:if>
	<b:include name='quickedit'/>
	</div>
	</b:includable>
	<b:includable id='content'>
	<div class='widget-content'>
	<b:include cond='data:widget.sectionId == "page_list_top"' name='overflowablePageList'/>
	<b:include cond='data:widget.sectionId != "page_list_top"' name='pageList'/>
	</div>
	</b:includable>
	<b:includable id='overflowButton'>
	<a><data:messages.moreEllipsis/></a>
	</b:includable>
	</b:widget>
	<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'>
	<b:widget-settings>
	<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
	<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
	<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
	<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
	<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
	<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
	<b:widget-setting name='chronological'>false</b:widget-setting>
	<b:widget-setting name='showPosts'>true</b:widget-setting>
	<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
	</b:widget-settings>
	<b:includable id='main' var='this'>
	<details class='collapsible extendable'>
	<b:attr cond='data:view.isArchive' name='open' value='open'/>
	<b:with value='true' var='renderAsDetails'>
	<b:with value='data:messages.archive' var='defaultTitle'>
	<b:include name='super.main'/>
	</b:with>
	</b:with>
	</details>
	</b:includable>
	<b:includable id='flat'>
	<b:include data='{ buttonClass: "flat-button", items: data:this.data, itemSet: "data", itemsMarkup: "super.flat" }' name='extendableItems'/>
	</b:includable>
	<b:includable id='hierarchy'>
	<b:include data='{ buttonClass: "flat-button", limit: 1, items: data:this.data, itemSet: "data", itemsMarkup: "super.hierarchy" }' name='extendableItems'/>
	</b:includable>
	<b:includable id='interval' var='intervalData'>
	<b:loop values='data:intervalData' var='interval'>
	<ul class='hierarchy'>
	<li expr:class='"archivedate " + data:interval.expclass'>
	<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
	<a class='post-count-link' expr:href='data:interval.url'>
	<data:interval.name/>
	</a>
	<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
	<b:include cond='data:interval.data' data='interval.data' name='interval'/>
	<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
	</li>
	</ul>
	</b:loop>
	</b:includable>
	<b:includable id='menu' var='data'>
	<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
	<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/>)</option>
	</b:loop>
	</select>
	</b:includable>
	<b:includable id='posts' var='posts'>
	<ul class='posts'>
	<b:loop values='data:posts' var='post'>
	<li><a expr:href='data:post.url'><data:post.title/></a></li>
	</b:loop>
	</ul>
	</b:includable>
	<b:includable id='toggle' var='interval'>
	<a class='toggle' href='javascript:void(0)'>
	<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
	<b:if cond='data:interval.expclass == "expanded"'>
	▼
	<b:elseif cond='data:blog.languageDirection == "rtl"'/>
	◄
	<b:else/>
	►
	</b:if>
	</span>
	</a>
	</b:includable>
	</b:widget>
	</b:section>
	</div>
	<div class='clr'/>
	</div>
	</div>

	<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
	<div class='clr'/>

	<div id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
	<div id='copyright'>
	Copyright © 2015 <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> All Right Reserved \| Created by <a href='http://arlinadesign.blogspot.com' id='copyrights'>Arlina Design</a> \| Distributed By <a href='http://gooyaabitemplates.com/' rel='dofollow' target='_blank'>Gooyaabi Templates</a>
	</div>
	</div>

	<div class='back-to-top' id='back-to-top'><i class='fa fa-chevron-up'/></div>

	<b:if cond='data:blog.pageType == "index"'>
	<script type='text/javascript'>
	/<![CDATA[/
	var postperpage=5;
	var numshowpage=2;
	var upPageWord ='<i class="fa fa-angle-double-left"></i>';
	var downPageWord ='<i class="fa fa-angle-double-right"></i>';
	var urlactivepage=location.href;
	var home_page="/";
	/]]>/
	</script>
	<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/rippage.js' type='text/javascript'/>
	</b:if>
	<script type='text/javascript'>
	//<![CDATA[
	// Back to top button
	(function(){$(document).ready(function(){return $(window).scroll(function(){return $(window).scrollTop()>200?$("#back-to-top").addClass("show"):$("#back-to-top").removeClass("show")}),$("#back-to-top").click(function(){return $("html,body").animate({scrollTop:"0"})})})}).call(this);
	//]]>
	</script>
	<b:if cond='data:blog.pageType != "index"'>
	<script type='text/javascript'>
	//Spoiler
	$(document).ready(function() {
	$("#flippy").click(function() {
	$("#flippanel").slideToggle("normal");
	});
	});
	</script>
	</b:if>
	<b:include data='blog' name='google-analytics'/>
	</body>
	</html>

view raw blogger-layout-ietsugu-advocacia hosted with ❤ by GitHub

And with that, you can now put a custom theme on your Blogger portfolio site and have a more presentable professional website, without spending anything. 😀

Once your site is live, you can gradually refine its details, improve images and add additional widgets. If you still think it's worth it, you can buy a professional theme on the Internet and implement it the same way we've done here (on this site there are some really cool ones to sell and some for free too: https://themeforest.net/category/blogging/blogger)

/* End of the post, see you next time */

18 comments:

GRANT PHILLIPS LAW, PLLCApril 11, 2022 at 3:23 AM
A very delightful article that you have shared here. Your blog is a valuable and engaging article for us, and also I will share it with my companions who need this info. Thankful to you for sharing an article like this.
Business Debt Litigation Defense
Business Loan without Credit Check
ABIIAugust 30, 2022 at 7:19 AM
A fan can get hit in the face with a fly ball just as easily as a player can.토토위키
Shona67October 12, 2022 at 6:00 AM
Consequently, you might know about a suit lawyer or a movement lawyer.
محامي تجاري الرياض
Alice ChrisFebruary 1, 2023 at 6:03 AM
The following are probably the most ideal assets that anyone could hope to find to assist you with tracking down a lawyer that meets your requirements.
Frouhar Law
callmebbFebruary 4, 2023 at 9:29 AM
In the event that you believe a static page should show up as your landing page, you can change a solitary setting inside your WordPress control board. CTA Pro
bushraMarch 7, 2023 at 2:33 PM
Lawful issues resemble PC crashes - - - they will undoubtedly happen, it's inevitable. http://frouharlaw.com/
Sinen YokuMarch 16, 2023 at 8:39 AM
In this way, the lawyer-client relationship needs be founded on trust and transparent correspondence so the lawyer could give the best of his/her administration.
agpllp.ca
Alice ChrisMarch 26, 2023 at 6:47 AM
In the event that you track down a specific lawyer sufficiently skilled to deal with your case, you can surely move toward him/her.
frouharlaw.com
Shona67April 14, 2023 at 8:47 AM
Assuming they are addressing you, you can essentially decline to answer saying that you are not permitted to investigate with anybody, which is told by your lawyer.
agpllp.ca
Keep CalmApril 26, 2023 at 7:48 AM
Inquire as to whether they keep their preparation current by going to Proceeding with Lawful Instruction courses on DUI/OWI.
Frouhar Law
Sinen YokuMay 3, 2023 at 6:42 AM
So you have concluded that you will recruit a real estate lawyer to do the selling or the purchasing of your home.
https://realestatelawyerottawa.ca/
Alice ChrisMay 17, 2023 at 2:36 PM
So don't be tricked by the lawyer-look alone.
www.agpllp.ca
Kamla LogirMay 29, 2023 at 8:23 AM
The more extended the preliminary, the more cash the lawyer gets compensated.
FrouharLaw
Keep CalmJune 5, 2023 at 6:32 AM
A criminal defense lawyer will address the charged, guidance the client on legitimate matters, and aid the outlining of authoritative records like agreements, wills, and so forth.
https://stephenjackcriminallawyer.ca/
Sinen YokuAugust 6, 2023 at 4:09 AM
Obviously, criminal law is a muddled matter, the more you dive deep into it, the issue it becomes extreme and logical.
www.stephenjackcriminallawyer.ca
AnonymousMarch 9, 2024 at 11:35 AM
محامي
AnonymousMarch 9, 2024 at 11:44 AM
Lawyer in Al-Qassim
callmebbDecember 19, 2024 at 6:31 AM
What’s the best way to prepare for a custody hearing? persianv

dev.lawyer

5 FREE Blogger Themes for your firm's website

5 FREE BLOGGER THEMES

1. POLAR

2. KATE

3. TECHY

4. PHOTONIC

5. RIPPLE

INSTALLING A CUSTOMIZED THEME ON BLOGGER

You May Also Like

Post Comments

18 comments:

About Me

Popular Posts

Categories

Blog Archive

Contact Us