Skip to content

Instantly share code, notes, and snippets.

@Teguh010
Created November 18, 2019 23:47
Show Gist options
  • Save Teguh010/276423afee9602e72bc39acf0e970586 to your computer and use it in GitHub Desktop.
Save Teguh010/276423afee9602e72bc39acf0e970586 to your computer and use it in GitHub Desktop.
gOOqYzR
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "WebSite", "url": "https://gravitytemplate.blogspot.com/", "potentialAction": { "@type": "SearchAction", "target": "https://gravitytemplate.blogspot.com/?q={search_term}", "query-input": "required name=search_term" } }</script>
<!-- [ Social Media Meta Tag ] -->
<style id="page-skin-1" type="text/css">/*
Theme Name : Gravity
Theme Published : 05-03-2017
Theme Updated : April 2019
Author : Arlina Design
Author URL : https://www.arlinadzgn.com
Published : https://www.idntheme.com
License : Premium
*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
a:link,a:visited {color:#0984e3;text-decoration:none;transition:all .3s}a:hover,a:active{color:#0984e3;outline:0}
body#layout ul{list-style-type:none;list-style:none}body#layout ul li{list-style-type:none;list-style:none}body#layout #headerbwrap{height:auto}body#layout #site-navigationiu{display:none}body#layout #content{}body#layout .widget_searchiu{display:none}.section,.widget{margin:0;padding:0}.section,.widget{margin:0;padding:0;line-height:1.5}.widget ul,.widget li{margin:0;padding:0;line-height:1.5}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color:transparent}abbr[title]{border:0}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{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"]{padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-font-smoothing:antialiased}
::selection{background-color:#ede9df}::-moz-selection{background-color:#ede9df}h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;line-height:1.4}h1{font-size:40px;font-size:2.5rem;margin-bottom:1em;margin-top:2em}h2{font-size:28px;font-size:1.750rem;margin-bottom:1em;margin-top:2em}h3{font-size:25px;font-size:1.563rem;margin-bottom:1em;margin-top:1.5em}h4{font-size:22px;font-size:1.375rem;margin-bottom:1em;margin-top:1.5em}h5{font-size:20px;font-size:1.25rem;margin-bottom:0.5em;margin-top:1em}h6{font-size:18px;font-size:1.125rem;margin-bottom:0.5em;margin-top:1em}a{color:inherit;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out}.entry-content a{color:#0984e3;}p{margin:0 0 1.5em}b,strong{font-weight:700}dfn,q,cite,em,i{font-style:italic}q{quotes:"" ""}code,kbd,tt,var{color:#777;border-bottom:solid 1px #ccc;font-family:Consolas,'Courier New',monospace;font-size:88.3%}abbr,acronym{border-bottom:1px dotted #777;cursor:help}mark,ins{background-color:#ede9df;text-decoration:none}ul,ol{margin:0 0 1.5em 1.5em;padding:0}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dl{margin:0}dt{font-weight:600;margin-bottom:0.5em}dd{margin:0 0 1.5em 1.5em}table{border-top:solid 1px #e6e6e6;font-size:93.8%;margin:0 0 1.6em;width:100%}caption{margin-bottom:0.6em}table th,table td{border-bottom:solid 1px #e6e6e6;padding:0.8em 1.3em 0.8em 0}th{font-weight:600;text-align:left}.post-body blockquote{color:#aaa;font-style:italic;margin:0 0 .4em;padding:12px 0 0 44px;position:relative}.post-body blockquote:before{color:#e6e6e6;content:"\201C";font-family:Georgia,serif;font-size:84px;left:-5px;line-height:1;position:absolute;top:-5px}address{margin:0 0 1.5em}pre{border-left:solid 3px #e6e6e6;color:#777;font-family:Consolas,'Courier New',monospace;font-size:88.3%;line-height:1.4;margin:0 0 1.7em;max-width:100%;padding:1.5em;word-wrap:normal}hr{background-color:#e6e6e6;border:0;height:1px;margin:0 0 1.5em}img{height:auto;max-width:100%;vertical-align:middle}figure{margin:0}embed,iframe,object{max-width:100%}button,input,input[type="search"],select,textarea{max-width:100%}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.footer-widgetiu:before,.footer-widgetiu:after{content:"";display:table}.clear:after,.entry-content:after,.footer-widgetiu:after{clear:both}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}
.post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none;}ol {counter-reset:li;list-style:none;padding:0;margin:0;}ol ol {margin: 0 0 0 2em;}.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:#fff;text-decoration:none;}.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center;}.post-body ul {position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none;}.post-body li {list-style-type:square;}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:1em auto;}
body{background:#f3f5f6;color:#000;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.8;word-wrap:break-word;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}</style>
<style type="text/css">/* Effect */
.ripplelink{position:relative;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:0}
.ink{display:block;position:absolute;background:rgba(255,255,255,0.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate{-webkit-animation:ripple 0.65s linear;-moz-animation:ripple 0.65s linear;-ms-animation:ripple 0.65s linear;-o-animation:ripple 0.65s linear;animation:ripple 0.65s linear}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}
@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
@keyframes jellygrav{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}
#backlinks-container,.quickedit,#ContactForm1,#ContactForm1 br,#sidebar-wrapper,.status-msg-border,.status-msg-wrap{display:none}
body.layout-boxed{padding:20px 10px;}
.layout-boxed .site-wrapperiu{max-width:1000px;margin-left: auto;
margin-right: auto;}
.siteiu{max-width:1035px;padding:20px;margin:0 auto;overflow:hidden;}
#navbar-iframe{height:0;visibility:hidden;display:none;}
.post-iconspbt{margin:5px 0 0 0;padding:0;}
.post-locationpbt{margin:5px 0;padding:0;}
.entry-metaiu{float:right;padding:2px 7px;margin:25px 0;border-radius:4px;font-size:13px;line-height:18px;color:#95a5a6}
.entry-metaiu a{color:#95a5a6}.entry-metaiu i{font-size:18px;}
/* Header Wrapper */
#grawrap{background:#0984e3;color:#fff;text-align:left;padding:0;position:relative;transition:none}
.site-brandingindz{max-width:980px;height:auto;padding:0;margin:0 auto;overflow:hidden}
#header-top{position:relative;float:left;text-align:left;padding:17px 0;}
.display-header-textindz .site-imageindz{margin-bottom:12px}
#header-top p.description{display:none;color:#fff;font-size:1.1rem;margin:15px auto 0 auto;padding:3px 0 0 0;font-weight:400}
#header-top .title{letter-spacing:2px;line-height:1.1em;font-size:170%;color:#fff;margin:0;padding:0 0 3px}
#header-top .title a{color:#fff;line-height:26px;transition:initial;}
#header-top .title a:hover {color:#fff;}
/* Top Navigation */
.menu-navigasi{float:right;text-align:right;max-width:700px;width:70%;overflow:hidden}
#gravity-navigation{font-size:16px;position:relative}
#gravity-navigation *{outline:none;list-style:none}
#gravity-navigation ul{padding:0;text-align:center;}
#gravity-navigation li{float:right;display:inline;padding:0}
#gravity-navigation li a{padding:15px 20px;color:#fff;line-height:65px;text-decoration:none;font-weight:700}
#gravity-navigation li a:hover,#gravity-navigation li a.active{background:rgba(255,255,255,.15);}
#gravity-navigation li.active{}
.tinynav1{display:none;width:100%;margin:auto;border:0;padding:15px 0;background:rgba(255,255,255,0.15);font-weight:700;cursor:pointer;outline:none;color:#fff;text-indent:20px}
.tinynav1 option{color:#222;}
/* Search */
#search-box{width:100%;padding-right:38px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#search-box form{position:absolute;top:0;right:38px;display:block;line-height:65px;padding:0;margin:0;border:0;background:#0984e3;width:90%;text-indent:20px;overflow:hidden}
#search-form,.search-button{border:none!important;line-height:28px}
#search-form{background:#0984e3;color:rgba(255,255,255,.7);width:100%;padding:0 30px 0 10px;font-size:18px;margin:0;text-indent:20px;}
.search-button{padding:0 10px;text-align:center;margin:0;top:20px;right:15px;font-size:16px;color:#fff;position:absolute;background:none;cursor:pointer}
#search-form:focus,#search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#ecf0f1}
#search-box,#close-icon{display:none}
.search-icon{float:right;cursor:pointer;color:#fff;line-height:65px;text-decoration:none;font-weight:normal}
.search-icon i{line-height:initial;padding:0 20px;display:table;margin-top:22px;font-size:22px}
.search-button i {font-size:18px;line-height:1.5;}
/* Featured */
.gravityfeatured{display:flex;margin:0 auto 20px auto;width:100%;overflow:hidden;max-width:970px}
.gravfeatureditem{background:rgba(0,0,0,0.02);display:block;position:relative;float:left;overflow:hidden;height:220px;width:25%}
.gravfeatureditem .gracontent{background:#3498db;display:block;position:absolute;z-index:6;bottom:0;left:0;right:0;transform:translate(0,0);opacity:1;visibility:visible;transition:all .3s}
.gravfeatureditem:hover .gracontent{opacity:0;visibility:hidden;transform:translate(0,60px)}
.gravfeatureditem .gracontent h3{font-size:14px;color:#fff;padding:15px;margin:0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gravfeatureditem .feat-img{width:100%;height:100%;background-size:cover;background-position:50%}
.gravfeatureditem a{display:block;color:rgba(255,255,255,1);position:relative;vertical-align:bottom;z-index:5;height:100%;transition:all .3s}
.gravfeatureditem a:before{content:'';background:#3498db;width:100%;height:100%;position:absolute;z-index:3;top:0;opacity:0;transition:background 0.3s linear,opacity 0.3s linear}
.gravfeatureditem.first a:before,.gravfeatureditem.first .gracontent{background:#56a8df}
.gravfeatureditem.second a:before,.gravfeatureditem.second .gracontent{background:#e49148}
.gravfeatureditem.third a:before,.gravfeatureditem.third .gracontent{background:#5bccb6}
.gravfeatureditem.fourth a:before,.gravfeatureditem.fourth .gracontent{background:#f5b44c}
.gravfeatureditem a:hover:before{opacity:0.9;}
.gravfeatureditem a:after{content:'textsms';font-family:Material Icons;position:absolute;z-index:3;font-size:3rem;top:32%;left:0;right:0;bottom:0;color:#fff;text-align:center;transform:translate(0,-60px);animation:jellygrav .6s linear;opacity:0;visibility:hidden;transition:all .3s}
.gravfeatureditem:hover a:after{opacity:1;visibility:visible;transform:translate(0,0)}
/* Footer */
.footer-linkiu{font-size:87.5%;margin-top:45px;}
.post{background:#fff;margin:0 auto 40px auto;padding:20px;transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.entry-header-metaiu{color:#999;}
.entry-title{clear:both;letter-spacing:-0.01em;line-height:1.3;margin-bottom:30px;margin-top:0;}
.entry-content cite a{text-decoration:none;}
.introiu{color:#777;font-size:118.8%;line-height:1.6;}
.entry-summaryiu{color:#666;font-size:93.8%;}
a.more-linkiu{text-transform:uppercase;}
.entry-footer{text-align:center;margin-top:45px;}
.entry-footer-metaiu{color:#999;font-size:93.8%;}
.tags-linksiu{margin-top:15px;}
.cat-linksiu:before,.tags-linksiu:before{color:#ddd;display:inline-block;-webkit-font-smoothing:antialiased;position:relative;top:-2px;vertical-align:middle;}
.cat-linksiu:before{content:"\f07c";}
.tags-linksiu:before{content:"\f02c";}
.after-post-widget{margin-top:90px;}
.featured{float:right;margin-top:-3px;}
.featured-icon{background-color:#e6e6e6;border-radius:5px;color:#777;font-size:87.5%;padding:7px 12px 6px;}
.widget_searchiu input[type="search"]{margin-top:0;max-width:320px;width:100%;}
.widget_searchiu .search-submitiu{display:none;}
.footer-areaiu{padding:20px}
.site-bottomiu{background:#2c3e50;color:#fff;padding:20px;margin:auto;text-align:center;font-size:13px}
.site-infoiu a{color:#fff}.site-infoiu a:hover{color:#fff;}
.site-creditiu{margin-top:5px;}
.footer-top{background:#34495e;color:#fff;padding:10px 20px;margin:auto;text-align:center;font-size:14px}
.social-container{padding:10px 0}
.social-container ul{display:table;margin:0 auto;padding:0}
.social-container ul li{display:inline-block;letter-spacing:.5px;list-style:none;margin:0 20px;padding:0;}
.social-container ul li a{color:#fff}.social-container ul li a:hover{color:#fff}
/* Navigation */
#blog-pager{position:relative;display:table;margin:30px auto;text-align:center;border:0}
#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;color:rgba(0,0,0,0.5);padding:0;margin:5px;transition:all .3s}
#blog-pager a:link:hover,#blog-pager a:visited:hover{color:rgba(0,0,0,0.9);}
#blog-pager i{font-size:32px;padding:5px 10px}
/* Banner */
.kotak_iklan1 {position:relative;}
.kotak_iklan1:before{content:'300x250 Ad';position:absolute;background:rgba(25,25,25,.9);color:#fff;top:0;right:0;padding:2px 8px;font-size:80%}
.kotak_iklan1:hover:before{content:'Pasang iklan';}
.banner,.banner2{margin:0 auto 10px auto;text-align:center;overflow:hidden;max-width:970px;}
.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:#fff;text-align:center;overflow:hidden;padding:0}
.banner .widget{border-bottom:1px solid rgba(0,0,0,0.08);}
.banner2 .widget{border-top:1px solid rgba(0,0,0,0.08);}
.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-atas .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;transition:all .6s ease-out}
.kotak_iklan img:hover{background:#fdfdfd;border:1px solid #e6e6e6}
.kotak_iklan2,.kotak_iklan3{text-align:center;margin:0 auto;transition:all 1s ease-out}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-atas .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-atas .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}
#HTML2 .widget-content,#HTML4 .widget-content,#HTML5 .widget-content{padding:0;}
/* Back To Top */
#back-to-top{color:#95a5a6;bottom:0;right:0;display:none;text-align:center;text-transform:uppercase;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all 0.2s ease-in-out 0s}
#back-to-top:hover{color:#0984e3;}#back-to-top:active{color:#0984e3;}
.back-to-top{position:fixed;bottom:20px;right:20px;z-index:99;-webkit-transform:translateZ(0);transform:translateZ(0)}
.back-to-top i{line-height:normal;font-size:48px;}
/* Responsive */
@media screen and (max-width:1025px) {
#grawrap{padding:0 30px}}
@media screen and (min-width:783px) {
body.layout-boxed{padding:50px 25px;}
.site-titleiu{display:inline-block;}}
@media screen and (max-width:826px){
.gravfeatureditem{width:50%}
.gravfeatureditem.third,.gravfeatureditem.fourth{display:none}}
@media screen and (max-width:769px){
#header-top .title{font-size:240%}
#grawrap{padding:20px}
#header-top{float:none;text-align:center;padding:25px 0}
.tinynav1{display:block}
#gravity-navigation ul#navigation,#indzignbox{display:none}
.menu-navigasi{float:none;max-width:768px;text-align:center;width:100%;margin-top:15px}
#togglemenu{display:none}
.nav-icon-position{position:absolute;top:15px;right:20px;margin-top:20px;float:right}
.nav-icon{display:block;background:#fff;height:36px;width:40px;border-radius:3px;margin:0;padding:0;cursor:pointer;outline:none}
.nav-icon:hover{background:#eee;border:0}
.nav-icon span.icon-line{background:#999}
.icon-line{display:block;background:#bdbdbd;height:2px;width:24px;margin:5px auto}
.fixednav{position:relative;top:70px;padding:0;width:100%;text-align:left}
.fixednav li{background:#fff;display:block;margin:0;padding:15px;border-bottom:1px solid #eee}
.fixednav li:hover{background:#fafafa}
.fixednav li a{padding:0 10px;color:#333}
.fixednav li a:hover{color:#999;width:100%}
.site-infoindz{letter-spacing:.5px;font-size:12px;text-transform:none}
#header-top p.description{display:block}}
@media screen and (max-width:641px){
.post{margin:6px 0}
.siteiu{padding:10px}
.tinynav1{text-indent:10px;}
.site-brandingindz{text-align:center}
.gravfeatureditem{width:100%}
.site-titleindz a:after,.site-titleindz a:after,.gravfeatureditem.second,.gravfeatureditem.third,.gravfeatureditem.fourth{display:none}}
/* Print */
@media print {
html,body{background:none!important;color:#000!important;font-size:10pt!important;}
.after-post-widget,.comments-area .comment-edit-link,.comments-area .reply,.comment-respond,.navigation,#infinite-handle,.footer-areaiu,.footer-linkiu{display:none!important;}
body,.siteiu{padding-left:0;padding-right:0;}}
h2.date-header{margin:10px 0;display:none;}
.main .widget{margin:0 0 5px;padding:0 0 2px;}
.main .Blog{border-bottom-width:0;}
#header .description{}
#comments{padding:10px;margin-bottom:20px;}
#comments h4{font-size:22px;margin-bottom:10px;}
.deleted-comment{font-style:italic;color:gray;}
.feed-links{clear:both;}</style>
<style type="text/css">.post{position:relative;padding:0;margin:12px;overflow:hidden;}
.post:hover{box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.post-outer{width:33.3%;float:left;position:relative;overflow:hidden;display:block;margin:0 auto;}
.post-thumb{position:relative;overflow:hidden;max-height:220px}
.post-thumb img.thumbimg{background-size:cover}
.post-body{font-size:14px}
.entry-title{color:#7f8c8d;font-size:17px;line-height:1.33;margin-bottom:15px}
.entry-title a{color:#222;}.entry-title a:hover{color:#0984e3;}
.wrapost{margin:auto;padding:20px}
.snippets{position:relative;color:#95a5a6}
.snippets:after{content:'';text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%)}
.downpost{display:block;padding:20px;margin:0 auto;font-size:11px;line-height:1;text-transform:uppercase;font-weight:700;overflow:hidden;box-shadow:inset 0 1px 0 rgba(0,0,0,0.1)}
.post-metaiu{display:inline-block;float:left;margin:0 10px 0 0}
.post-metacomment{float:left;margin:0 10px 0 0}
.post-metacomment a,.post-metaiu a{position:relative;color:#74b9ff;text-transform:uppercase;font-weight:700}.post-metacomment a:hover,.post-metaiu a:hover{color:#0984e3}
span.bubblecomm{position:absolute;background:#e67e22;color:#fff;width:24px;height:24px;line-height:22px;text-align:center;border-radius:100%;left:-5px;bottom:12px;font-weight:400;border:2px solid #fff}
.post:hover span.bubblecomm{animation:jellygrav 150ms 2 linear;}
.more-button{float:right}
.more-button a.read-more{display:inline-block;color:#f0932b;font-size:11px}
.more-button a.read-more:hover,.more-button a.read-more:active {color:#ffbe76}
#blog-pager{margin:40px auto 30px auto}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;color:#0984e3;padding:0;margin:5px;transition:all .3s}
/* Isotope */
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
/* Responsive */
@media screen and (max-width:826px){
.post-outer{width:50%}}
@media screen and (max-width:641px){
.post-outer{width:100%}
.post{margin:6px 0}}</style>
<noscript></noscript><!-- <body><div></div> -->
<p>&nbsp;</p>
<!-- <body translate="no"> -->
<div id="gravityfeatured" class="gravityfeaturedz">
<div class="widget-content">
<div class="gravityfeatured">
<div class="gravfeatureditem first">
<div class="gracontent">
<h3>Interior of Modern Bedroom with Bed</h3>
</div>
<a href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html">
<div class="feat-img" style="background-image: url('https://2.bp.blogspot.com/-K7qC0lumhqI/WLwKLkAbROI/AAAAAAAANPk/qgDS-AUbDvoOkfHOS9KMnAlCx345X8idACLcB/s1600/Gorgeous%2BColor%2BBedrooms.jpg');"></div>
</a></div>
<div class="gravfeatureditem second">
<div class="gracontent">
<h3>Shoes and Accessories to Gift and Get</h3>
</div>
<a href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html">
<div class="feat-img" style="background-image: url('https://1.bp.blogspot.com/-EACEUK6iwrM/WLwI-AQ80-I/AAAAAAAANPg/gwcvo-GxYRsBkqQ1K95ihWs-QM3glBr5QCLcB/s1600/Shoes%2Band%2BAccessories%2Bto%2BGift%2Band%2BGet.jpg');"></div>
</a></div>
<div class="gravfeatureditem third">
<div class="gracontent">
<h3>Create a Kids Scribble Space</h3>
</div>
<a href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html">
<div class="feat-img" style="background-image: url('https://4.bp.blogspot.com/-MmmCjoMktqI/WLwGxK6qPsI/AAAAAAAANPM/FyT-PbimZHcHg6QdeAxtmAHyr39YiOHFwCLcB/s1600/Create%2Ba%2BKids%2BScribble%2BSpace.jpg');"></div>
</a></div>
<div class="gravfeatureditem fourth">
<div class="gracontent">
<h3>How to Wear This Season</h3>
</div>
<a href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html">
<div class="feat-img" style="background-image: url('https://4.bp.blogspot.com/-lGB8XPmZjs4/WLwFUzFLaeI/AAAAAAAANPA/OWGqxgm3fU8kTQBcF5eiY_HCHsJSrYsxwCLcB/s1600/How%2Bto%2BWear%2BThis%2BSeason.jpg');"></div>
</a></div>
</div>
</div>
</div>
<script src="https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
<script id="rendered-js" type="text/javascript">// Recent Post
function getPostUrl(a) {
for (var b = 0; b < a.link.length; b++) {if (window.CP.shouldStopExecution(0)) break;
if ("alternate" == a.link[b].rel) {
var c = a.link[b].href;
return c;
}}window.CP.exitedLoop(0);
}
function getPostPublishDate(a) {
var b = a.published.$t,
c = b.split("-")[2].substring(0, 2),
d = b.split("-")[1],
e = b.split("-")[0],
f = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "Octobor", "November", "December"],
g = f[d - 1],
h = g + " " + c + ", " + e;
return b ? h : "";
}
function getPostCategory(a) {
var b = a.category;
b && (b = a.category[0].term);
var c = '<div class="category-wrapper"><a class="category" href="https://gravitytemplate.blogspot.com/search/label/' + b + '?max-results=10">' + b + "</a></div>";
return b ? c : "";
}
function Slider(a) {
for (var c = (new Array(), ""), d = a.feed.entry.length, e = 0; e < d; e++) {if (window.CP.shouldStopExecution(1)) break;
var f = a.feed.entry[e],
g = f.title.$t,
h = getPostUrl(f),
l = (f.author[0].name.$t, getPostPublishDate(f), getPostCategory(f), f.category[0].term),
m = a.feed.entry[e].content.$t,
n = $("<div>").html(m);
if (m.indexOf("//www.youtube.com/embed/") > -1) var o = a.feed.entry[e].media$thumbnail.url,
p = o;else
if (m.indexOf("<img") > -1) var q = n.find("img:first").attr("src"),
p = q;else
var p = no_image;
0 == e && (c = c + '<div class="gravfeatureditem first"><div class="gracontent"><h3>' + g + '</h3></div><a href="' + h + '"><div class="feat-img" style="background-image:url(' + p + ');"></div></a></div>'), 1 == e && (c = c + '<div class="gravfeatureditem second"><div class="gracontent"><h3>' + g + '</h3></div><a href="' + h + '"><div class="feat-img" style="background-image:url(' + p + ');"></div></a></div>'), 2 == e && (c = c + '<div class="gravfeatureditem third"><div class="gracontent"><h3>' + g + '</h3></div><a href="' + h + '"><div class="feat-img" style="background-image:url(' + p + ');"></div></a></div>'), 3 == e && (c = c + '<div class="gravfeatureditem fourth"><div class="gracontent"><h3>' + g + '</h3></div><a href="' + h + '"><div class="feat-img" style="background-image:url(' + p + ');"></div></a></div>');
}window.CP.exitedLoop(1);
slider.html('<div class="gravityfeatured">' + c + "</div>"), $(".gravityfeatured").find(".feat-img").each(function () {
$(this).attr("style", function (a, b) {
return b.replace("/default.jpg", "/mqdefault.jpg");
}).attr("style", function (a, b) {
return b.replace("s72-c", "s1600");
}).attr("style", function (a, b) {
return b.replace("s320", "s1600");
}).attr("style", function (a, b) {
return b.replace("s400", "s1600");
}).attr("style", function (a, b) {
return b.replace("s640", "s1600");
});
});
}
var slider = $("#gravityfeatured .widget-content"),
sliderContent = slider.text().trim();
"no" !== sliderContent.toLowerCase().trim() && '"no"' !== sliderContent.toLowerCase() && "" !== sliderContent ? "[recent]" !== sliderContent ? $.ajax({
url: "https://gravitytemplate.blogspot.com/feeds/posts/default/-/" + sliderContent + "?alt=json-in-script&max-results=4",
type: "get",
dataType: "jsonp",
success: function (a) {
Slider(a);
} }) :
$.ajax({
url: "https://gravitytemplate.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=4",
type: "get",
dataType: "jsonp",
success: function (a) {
Slider(a);
} }) :
$("#slider").remove();
//# sourceURL=pen.js</script>
<script src="https://static.codepen.io/assets/editor/live/css_reload-5619dc0905a68b2e6298901de54f73cefe4e079f65a75406858d92924b4938bf.js" type="text/javascript"></script>
<!-- </body> -->
<p>&nbsp;</p>
<!-- dsssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss-->
<div class="clear"></div>
<div class="site-wrapperiu">
<div id="pageiu" class="siteiu">
<div class="clear"></div>
<div class="clear"></div>
<div id="mainiu" class="site-mainiu" role="main">
<div id="mainblog" class="mainblog section">
<div id="Blog1" class="widget Blog" data-version="1">
<div class="blog-posts hfeed" style="position: relative; height: 1267.3px;"><!--Can't find substitution for tag [defaultAdStart]-->
<div class="date-outer">
<div class="date-posts">
<div class="post-outer" style="position: absolute; left: 0px; top: 0px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<script type="text/javascript">//<![CDATA[
function gravity_thumbnail(image_url,post_title){var show_default_thumbnail=true;var default_thumbnail="//1.bp.blogspot.com/-PqPvTT3-Aw4/Vf-xPMobkBI/AAAAAAAABu0/KOisr1H172g/s1600/default.png";if(show_default_thumbnail==true&&image_url=="")image_url=default_thumbnail;image_tag='<img height="auto" src="'+image_url.replace('/s72-c/','/s'+100%+'-c/')+'" class="thumbimg" alt="'+post_title+'" title="'+post_title+'" width="100%"/>';if(image_url!="")return image_tag;else return""}
//]]></script>
<div class="post-thumb"><a title="Interior of Modern Bedroom with Bed" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://2.bp.blogspot.com/-K7qC0lumhqI/WLwKLkAbROI/AAAAAAAANPk/qgDS-AUbDvoOkfHOS9KMnAlCx345X8idACLcB/s72-c/Gorgeous%2BColor%2BBedrooms.jpg","Interior of Modern Bedroom with Bed"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="Interior of Modern Bedroom with Bed" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html"> Interior of Modern Bedroom with Bed </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-7253411222768613358" class="post-body entry-content">
<div id="summary7253411222768613358">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary7253411222768613358");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html#comment-form"><span class="bubblecomm">44</span><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:53:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="Interior of Modern Bedroom with Bed" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="post-outer" style="position: absolute; left: 268px; top: 0px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<div class="post-thumb"><a title="Shoes and Accessories to Gift and Get" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://1.bp.blogspot.com/-EACEUK6iwrM/WLwI-AQ80-I/AAAAAAAANPg/gwcvo-GxYRsBkqQ1K95ihWs-QM3glBr5QCLcB/s72-c/Shoes%2Band%2BAccessories%2Bto%2BGift%2Band%2BGet.jpg","Shoes and Accessories to Gift and Get"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="Shoes and Accessories to Gift and Get" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html"> Shoes and Accessories to Gift and Get </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-6184216319792883230" class="post-body entry-content">
<div id="summary6184216319792883230">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary6184216319792883230");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html#comment-form"><span class="bubblecomm">10</span><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:50:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="Shoes and Accessories to Gift and Get" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="post-outer" style="position: absolute; left: 537px; top: 0px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<div class="post-thumb"><a title="Create a Kids Scribble Space" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://4.bp.blogspot.com/-MmmCjoMktqI/WLwGxK6qPsI/AAAAAAAANPM/FyT-PbimZHcHg6QdeAxtmAHyr39YiOHFwCLcB/s72-c/Create%2Ba%2BKids%2BScribble%2BSpace.jpg","Create a Kids Scribble Space"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="Create a Kids Scribble Space" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html"> Create a Kids Scribble Space </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-970323484745650088" class="post-body entry-content">
<div id="summary970323484745650088">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary970323484745650088");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html#comment-form"><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:40:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="Create a Kids Scribble Space" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="post-outer" style="position: absolute; left: 0px; top: 433px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<div class="post-thumb"><a title="How to Wear This Season" href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://4.bp.blogspot.com/-lGB8XPmZjs4/WLwFUzFLaeI/AAAAAAAANPA/OWGqxgm3fU8kTQBcF5eiY_HCHsJSrYsxwCLcB/s72-c/How%2Bto%2BWear%2BThis%2BSeason.jpg","How to Wear This Season"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="How to Wear This Season" href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html"> How to Wear This Season </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-4775549979432031631" class="post-body entry-content">
<div id="summary4775549979432031631">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary4775549979432031631");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html#comment-form"><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:32:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="How to Wear This Season" href="https://gravitytemplate.blogspot.com/2017/03/how-to-wear-this-season.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="post-outer" style="position: absolute; left: 268px; top: 433px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<div class="post-thumb"><a title="Time To Relax" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://4.bp.blogspot.com/-exB828W0BO0/WLwKurVhHeI/AAAAAAAANPw/h3kgpisMWSYUrG3VropcG7M2w225jlH7gCLcB/s72-c/Time%2BTo%2BRelax.jpg","Time To Relax"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="Time To Relax" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html"> Time To Relax </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-6506964432806776251" class="post-body entry-content">
<div id="summary6506964432806776251">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary6506964432806776251");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html#comment-form"><span class="bubblecomm">2</span><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:24:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="Time To Relax" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
<div class="post-outer" style="position: absolute; left: 537px; top: 433px;">
<article class="post hentry">
<script type="text/javascript">snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]></script>
<div class="post-thumb"><a title="Water Sports Require Lots of Energy" href="https://gravitytemplate.blogspot.com/2017/03/water-sports-require-lots-of-energy.html">
<script type="text/javascript">document.write(gravity_thumbnail("https://4.bp.blogspot.com/--I_Qqi7mFas/WLwCdfbPp4I/AAAAAAAANOs/BsZdIal188wUYVb865lXkCmg4XDmRJIKgCLcB/s72-c/Water%2BSports%2BRequire%2BLots%2Bof%2BEnergy.jpg","Water Sports Require Lots of Energy"));</script>
</a></div>
<div class="wrapost">
<h2 class="post-title entry-title"><a title="Water Sports Require Lots of Energy" href="https://gravitytemplate.blogspot.com/2017/03/water-sports-require-lots-of-energy.html"> Water Sports Require Lots of Energy </a></h2>
<div class="post-header-line-1"></div>
<div id="post-body-2152132491549702722" class="post-body entry-content">
<div id="summary2152132491549702722">
<div class="snippets">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the......</div>
</div>
<script type="text/javascript">createSnippet("summary2152132491549702722");</script>
</div>
<div class="clear"></div>
</div>
<div class="downpost">
<div class="post-metacomment"><a onclick="" href="https://gravitytemplate.blogspot.com/2017/03/water-sports-require-lots-of-energy.html#comment-form"><span class="bubblecomm">5</span><i class="material-icons">forum</i></a>&nbsp;&nbsp;</div>
<div class="post-metaiu">
<div class="entry-header-metaiu"><a class="timestamp-link" title="permanent link" href="https://gravitytemplate.blogspot.com/2017/03/water-sports-require-lots-of-energy.html" rel="bookmark"><span class="published updated" title="2017-03-05T19:20:00+07:00" itemprop="datePublished"><i class="material-icons">schedule</i></span></a></div>
</div>
<div class="more-button"><a class="read-more" title="Water Sports Require Lots of Energy" href="https://gravitytemplate.blogspot.com/2017/03/water-sports-require-lots-of-energy.html#more"><i class="material-icons">playlist_add</i></a></div>
</div>
</article>
<div class="clear"></div>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]--></div>
<div class="clear"></div>
</div>
</div>
</div>
<aside id="sidebar-wrapper" itemscope="itemscope" itemtype="https://schema.org/WPSideBar">
<div id="sidebartop" class="sidebartop section">
<div id="HTML95" class="widget HTML" data-version="1"></div>
<div id="HTML96" class="widget HTML" data-version="1">
<div class="widget-content">
<div class="lalulintas1"><span class="rambuhijau1">300x250</span></div>
<style type="text/css" scoped="">.lalulintas1{width:100%;height:250px;background:#fdcb6e;margin:0 auto;position:relative;}
.rambuhijau1{background:rgba(255,255,255,0.1);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:1.6rem;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:14.2rem}</style>
</div>
</div>
<div id="PopularPosts1" class="widget PopularPosts" data-version="1">
<h2 class="ripplelink"><span>Trending</span></h2>
<div class="widget-content popular-posts">
<ul>
<li>
<div class="item-content">
<div class="item-thumbnail"><a href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html" target="_blank" rel="noopener"> <img title="Interior of Modern Bedroom with Bed" src="https://2.bp.blogspot.com/-K7qC0lumhqI/WLwKLkAbROI/AAAAAAAANPk/qgDS-AUbDvoOkfHOS9KMnAlCx345X8idACLcB/s72-c/Gorgeous%2BColor%2BBedrooms.jpg" alt="Interior of Modern Bedroom with Bed" width="72" height="72" /> </a></div>
<div class="item-title"><a title="Interior of Modern Bedroom with Bed" href="https://gravitytemplate.blogspot.com/2017/03/interior-of-modern-bedroom-with-bed.html">Interior of Modern Bedroom with Bed</a></div>
<div class="item-snippet">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry’s standard dummy text ever sinc...</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="item-content">
<div class="item-thumbnail"><a href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html" target="_blank" rel="noopener"> <img title="Shoes and Accessories to Gift and Get" src="https://1.bp.blogspot.com/-EACEUK6iwrM/WLwI-AQ80-I/AAAAAAAANPg/gwcvo-GxYRsBkqQ1K95ihWs-QM3glBr5QCLcB/s72-c/Shoes%2Band%2BAccessories%2Bto%2BGift%2Band%2BGet.jpg" alt="Shoes and Accessories to Gift and Get" width="72" height="72" /> </a></div>
<div class="item-title"><a title="Shoes and Accessories to Gift and Get" href="https://gravitytemplate.blogspot.com/2017/03/shoes-and-accessories-to-gift-and-get.html">Shoes and Accessories to Gift and Get</a></div>
<div class="item-snippet">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry’s standard dummy text ever sinc...</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="item-content">
<div class="item-thumbnail"><a href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html" target="_blank" rel="noopener"> <img title="Create a Kids Scribble Space" src="https://4.bp.blogspot.com/-MmmCjoMktqI/WLwGxK6qPsI/AAAAAAAANPM/FyT-PbimZHcHg6QdeAxtmAHyr39YiOHFwCLcB/s72-c/Create%2Ba%2BKids%2BScribble%2BSpace.jpg" alt="Create a Kids Scribble Space" width="72" height="72" /> </a></div>
<div class="item-title"><a title="Create a Kids Scribble Space" href="https://gravitytemplate.blogspot.com/2017/03/create-kids-scribble-space.html">Create a Kids Scribble Space</a></div>
<div class="item-snippet">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry’s standard dummy text ever sinc...</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="item-content">
<div class="item-thumbnail"><a href="https://gravitytemplate.blogspot.com/2017/03/i-am-fashion-victim.html" target="_blank" rel="noopener"> <img title="I am a Fashion Victim" src="https://4.bp.blogspot.com/-1lydNz860kg/XL2WxynwGBI/AAAAAAAAPYo/ZJn7fuuf-MUdYN_8w9LPZ-PRpbO12cZDQCLcBGAs/s72-c/I%2Bam%2Ba%2BFashion%2BVictim.jpg" alt="I am a Fashion Victim" width="72" height="72" /> </a></div>
<div class="item-title"><a title="I am a Fashion Victim" href="https://gravitytemplate.blogspot.com/2017/03/i-am-fashion-victim.html">I am a Fashion Victim</a></div>
<div class="item-snippet">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry’s standard dummy text ever sinc...</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="item-content">
<div class="item-thumbnail"><a href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html" target="_blank" rel="noopener"> <img title="Time To Relax" src="https://4.bp.blogspot.com/-exB828W0BO0/WLwKurVhHeI/AAAAAAAANPw/h3kgpisMWSYUrG3VropcG7M2w225jlH7gCLcB/s72-c/Time%2BTo%2BRelax.jpg" alt="Time To Relax" width="72" height="72" /> </a></div>
<div class="item-title"><a title="Time To Relax" href="https://gravitytemplate.blogspot.com/2017/03/time-to-relax.html">Time To Relax</a></div>
<div class="item-snippet">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry’s standard dummy text ever sinc...</div>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
<div id="Label1" class="widget Label" data-version="1"></div>
</div>
<div id="sidebar" class="sidebar section">
<div id="ContactForm1" class="widget ContactForm" data-version="1">
<h2 class="title">Formulir Kontak</h2>
<div class="contact-form-widget">
<div class="form"><form name="contact-form">
<div class="formcolumn1"><input id="ContactForm1_contact-form-name" class="contact-form-name" name="name" size="30" type="text" value="" placeholder="Name *" /></div>
<br />
<div class="formcolumn2"><input id="ContactForm1_contact-form-email" class="contact-form-email" name="email" size="30" type="text" value="" placeholder="Email *" /></div>
<br />
<div class="formcolumn3"><textarea id="ContactForm1_contact-form-email-message" class="contact-form-email-message" cols="25" name="email-message" rows="5" placeholder="Message *"></textarea></div>
<input id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit" type="button" value="Send" />
<div></div>
</form></div>
</div>
</div>
</div>
</aside>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
<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("https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i");loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");
//]]></script>
<script src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/imageload.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/gramasonry.js" type="text/javascript"></script>
<script type="text/javascript">//masonry
jQuery(document).ready(function(a){a(".blog-posts").masonry({itemSelector:".post-outer",isAnimated:!0,gutterWidth:0,columnWidth:0,animationOptions:{duration:550,easing:"easeInOutCubic",queue:!1}}).imagesLoaded(function(){a(".blog-posts").masonry("reload")})});
//request
$(function(){var a=$(".blog-posts");a.imagesLoaded(function(){a.masonry({itemSelector:".post-outer",columnWidth:0})}),a.infinitescroll({navSelector:"#blog-pager",nextSelector:".blog-pager-older-link",itemSelector:".blog-posts",loading:{finishedMsg:"No more pages to load.",img:"https://i.imgur.com/6RMhx.gif"}},function(b){var c=$(b).css({opacity:0});c.imagesLoaded(function(){c.animate({opacity:1}),a.masonry("appended",c,!0)})})});</script>
<script type="text/javascript">$(window).scroll(function(){$(this).scrollTop()>300?$("#back-to-top").fadeIn():$("#back-to-top").fadeOut()}),$("#back-to-top").hide().click(function(){return $("html, body").animate({scrollTop:0},400),!1});
$(function(){$("#navigation").tinyNav({active:"active",header:"Menu"})});
//<![CDATA[
(function(a,c,d){a.fn.tinyNav=function(e){var b=a.extend({active:"selected",header:"",label:""},e);return this.each(function(){d++;var e=a(this),h="tinynav"+d,k=".l_"+h,g=a("<select/>").attr("id",h).addClass("tinynav "+h);if(e.is("ul,ol")){""!==b.header&&g.append(a("<option/>").text(b.header));var f="";e.addClass("l_"+h).find("a").each(function(){f+='<option value="'+a(this).attr("href")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)f+="- ";f+=a(this).text()+"</option>"});g.append(f);b.header||
g.find(":eq("+a(k+" li").index(a(k+" li."+b.active))+")").attr("selected",!0);g.change(function(){c.location.href=a(this).val()});a(k).after(g);b.label&&g.before(a("<label/>").attr("for",h).addClass("tinynav_label "+h+"_label").append(b.label))}})}})(jQuery,this,0);
// Recent Post
function getPostUrl(a){for(var b=0;b<a.link.length;b++)if("alternate"==a.link[b].rel){var c=a.link[b].href;return c}}function getPostPublishDate(a){var b=a.published.$t,c=b.split("-")[2].substring(0,2),d=b.split("-")[1],e=b.split("-")[0],f=["January","February","March","April","May","June","July","August","September","Octobor","November","December"],g=f[d-1],h=g+" "+c+", "+e;return b?h:""}function getPostCategory(a){var b=a.category;b&&(b=a.category[0].term);var c='<div class="category-wrapper"><a class="category" href="/search/label/'+b+'?max-results=10">'+b+"</a></div>";return b?c:""}function Slider(a){for(var c=(new Array,""),d=a.feed.entry.length,e=0;e<d;e++){var f=a.feed.entry[e],g=f.title.$t,h=getPostUrl(f),l=(f.author[0].name.$t,getPostPublishDate(f),getPostCategory(f),f.category[0].term),m=a.feed.entry[e].content.$t,n=$("<div>").html(m);if(m.indexOf("//www.youtube.com/embed/")>-1)var o=a.feed.entry[e].media$thumbnail.url,p=o;else if(m.indexOf("<img")>-1)var q=n.find("img:first").attr("src"),p=q;else var p=no_image;0==e&&(c=c+'<div class="gravfeatureditem first"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),1==e&&(c=c+'<div class="gravfeatureditem second"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),2==e&&(c=c+'<div class="gravfeatureditem third"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>'),3==e&&(c=c+'<div class="gravfeatureditem fourth"><div class="gracontent"><h3>'+g+'</h3></div><a href="'+h+'"><div class="feat-img" style="background-image:url('+p+');"></div></a></div>')}slider.html('<div class="gravityfeatured">'+c+"</div>"),$(".gravityfeatured").find(".feat-img").each(function(){$(this).attr("style",function(a,b){return b.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(a,b){return b.replace("s72-c","s1600")}).attr("style",function(a,b){return b.replace("s320","s1600")}).attr("style",function(a,b){return b.replace("s400","s1600")}).attr("style",function(a,b){return b.replace("s640","s1600")})})}var slider=$("#gravityfeatured .widget-content"),sliderContent=slider.text().trim();"no"!==sliderContent.toLowerCase().trim()&&'"no"'!==sliderContent.toLowerCase()&&""!==sliderContent?"[recent]"!==sliderContent?$.ajax({url:"/feeds/posts/default/-/"+sliderContent+"?alt=json-in-script&max-results=4",type:"get",dataType:"jsonp",success:function(a){Slider(a)}}):$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results=4",type:"get",dataType:"jsonp",success:function(a){Slider(a)}}):$("#slider").remove();
var _0x77b3=["\x6C\x65\x6E\x67\x74\x68","\x2E\x69\x6E\x6B","\x66\x69\x6E\x64","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x6E\x6B\x27\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x61\x6E\x69\x6D\x61\x74\x65","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x68\x65\x69\x67\x68\x74","\x77\x69\x64\x74\x68","\x6F\x75\x74\x65\x72\x57\x69\x64\x74\x68","\x6F\x75\x74\x65\x72\x48\x65\x69\x67\x68\x74","\x6D\x61\x78","\x63\x73\x73","\x70\x61\x67\x65\x58","\x6C\x65\x66\x74","\x6F\x66\x66\x73\x65\x74","\x70\x61\x67\x65\x59","\x74\x6F\x70","\x61\x64\x64\x43\x6C\x61\x73\x73","\x70\x78","\x63\x6C\x69\x63\x6B","\x2E\x72\x69\x70\x70\x6C\x65\x6C\x69\x6E\x6B"];$(function(){var _0xf9f2x1,_0xf9f2x2,_0xf9f2x3,_0xf9f2x4;$(_0x77b3[21])[_0x77b3[20]](function(_0xf9f2x5){0=== $(this)[_0x77b3[2]](_0x77b3[1])[_0x77b3[0]]&& $(this)[_0x77b3[4]](_0x77b3[3]),_0xf9f2x1= $(this)[_0x77b3[2]](_0x77b3[1]),_0xf9f2x1[_0x77b3[6]](_0x77b3[5]),_0xf9f2x1[_0x77b3[7]]()|| _0xf9f2x1[_0x77b3[8]]()|| (_0xf9f2x2= Math[_0x77b3[11]]($(this)[_0x77b3[9]](),$(this)[_0x77b3[10]]()),_0xf9f2x1[_0x77b3[12]]({height:_0xf9f2x2,width:_0xf9f2x2})),_0xf9f2x3= _0xf9f2x5[_0x77b3[13]]- $(this)[_0x77b3[15]]()[_0x77b3[14]]- _0xf9f2x1[_0x77b3[8]]()/ 2,_0xf9f2x4= _0xf9f2x5[_0x77b3[16]]- $(this)[_0x77b3[15]]()[_0x77b3[17]]- _0xf9f2x1[_0x77b3[7]]()/ 2,_0xf9f2x1[_0x77b3[12]]({top:_0xf9f2x4+ _0x77b3[19],left:_0xf9f2x3+ _0x77b3[19]})[_0x77b3[18]](_0x77b3[5])})});
// Search
function openSosprofil(){var a=document.getElementById("sos-profil");"none"!==a.style.display?a.style.display="none":a.style.display="none";var a=document.getElementById("search-box");"block"!==a.style.display?a.style.display="block":a.style.display="none";var a=document.getElementById("search-icon");"none"!==a.style.display?a.style.display="none":a.style.display="block";var a=document.getElementById("close-icon");"block"!==a.style.display?a.style.display="block":a.style.display="none"}
//]]></script>
<script src="https://www.blogger.com/static/v1/widgets/1562509043-widgets.js" type="text/javascript"></script>
<script type="text/javascript">window['__wavt'] = 'AOuZoY4TVgwhGbINrWVGPab2LZGkg-Y8YA:1559191093407';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8807245435572349140','//gravitytemplate.blogspot.com/','8807245435572349140');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8807245435572349140', 'title': 'Gravity', 'url': 'https://gravitytemplate.blogspot.com/', 'canonicalUrl': 'https://gravitytemplate.blogspot.com/', 'homepageUrl': 'https://gravitytemplate.blogspot.com/', 'searchUrl': 'https://gravitytemplate.blogspot.com/search', 'canonicalHomepageUrl': 'https://gravitytemplate.blogspot.com/', 'blogspotFaviconUrl': 'https://gravitytemplate.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Gravity - Atom\x22 href\x3d\x22https://gravitytemplate.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Gravity - RSS\x22 href\x3d\x22https://gravitytemplate.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Gravity - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8807245435572349140/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/10053875877664658652\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/b83ddb0d74c926b0', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Gravity', 'metaDescription': 'Grid Based Resposive Theme'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Gravity', 'description': 'Grid Based Resposive Theme', 'url': 'https://gravitytemplate.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-top', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'menu-navigasi', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://gravitytemplate.blogspot.com/error404', 'title': '404'}, {'isCurrentPage': false, 'href': 'https://gravitytemplate.blogspot.com/p/about.html', 'id': '7628037249224959543', 'title': 'About'}, {'isCurrentPage': false, 'href': 'https://gravitytemplate.blogspot.com/p/sitemap.html', 'id': '8809291514786219156', 'title': 'Sitemap'}, {'isCurrentPage': false, 'href': 'h</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment