META
<meta charset='utf-8'/>INFORMATION:
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<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:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:view.title.escaped/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:view.title.escaped/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:view.title.escaped/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:view.isLabelSearch'>
<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'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<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:view.isHomepage'>
<meta content='DESKRIPSI-BLOG' 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:view.isPost'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:view.isHomepage'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Please visit " + data:blog.pageTitle + " To read interesting posts."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<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 content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsj292yXP-uHdCLlD4-AiA-51dh8tOA02YrweAqqtyNFvRJ68YbJYiEjLkV6CafLz-vEIp5sh7LJKpSXUIudgw7vtWC2iYCQLThCCEfPWSw3EsUZ0jHxADyMo1vs17HEKDnp2MjVWZQT0Q/s1600/non.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' 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='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='#ffffff' name='theme-color'/>
<meta content='#ffffff' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#ffffff' name='apple-mobile-web-app-status-bar-style'/>
Enter in EDIT HTML then look for the code above
Please adjust
Change to your Blog Url
LOGO
INFORMATION:Enter the Layout, then upload your blog logo, blog logo size 235x45
MENU
<nav id='menuslide'>INFORMATION:
<ul>
<li><a href='/' title=''>Home</a></li>
<li><a href='#' title=''>Features</a>
<ul>
<li><a href='#' title=''>Submenu 1</a></li>
<li><a href='#' title=''>Submenu 2</a></li>
<li><a href='#' title=''>Submenu 3</a></li>
<li><a href='#' title=''>Submenu 4</a></li>
<li><a href='#' title=''>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title=''>Sport</a></li>
<li><a href='#' title=''>Video</a>
<ul>
<li><a href='#' title=''>Submenu 1</a></li>
<li><a href='#' title=''>Submenu 2</a></li>
<li><a href='#' title=''>Submenu 3</a></li>
<li><a href='#' title=''>Submenu 4</a></li>
<li><a href='#' title=''>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title=''>Shop</a></li>
<li><a href='#' title=''>Entertainment</a>
<ul>
<li><a href='#' title=''>Submenu 1</a></li>
<li><a href='#' title=''>Submenu 2</a></li>
<li><a href='#' title=''>Submenu 3</a></li>
<li><a href='#' title=''>Submenu 4</a></li>
<li><a href='#' title=''>Submenu 5</a></li>
</ul>
</li>
<li><a href='#' title=''>Culture</a></li>
</ul>
<!-- menu navigasi header end -->
</nav>
Masuk di dalam EDIT HTML kemudian cari code di atas, replace # with destination URL
SLIDER
<span data-type="carousel" data-label="Features" data-no="5"></span>INFORMATION:
Enter Layout, then enter the above script in the widget box-sec
Replace with the posting label
Is the number of posts that will be displayed
LABEL ICON
/* icon label */INFORMATION:
.taghome a.Music:before{content:"\f028"}
.taghome a.Video:before{content:"\f04b"}
.taghome a.Photo:before{content:"\f302"}
Enter in EDIT HTML then look for the CSS code above
Replace with label posting (the size of the text is very influential)
Is the icon of each label.
To change the code icon above, please go to the link below
https://fontawesome.com/icons
SLOT ADVERTISE HOMEPAGE
<b:if cond='!data:view.isSingleItem'>INFORMATION:
<b:if cond='data:x==1'>
<div class='post'>
<div class='box-banner'>
<h3>Responsive <span>Leaderboard</span> Ad Area</h3>
</div>
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
<div class='box-banner'>
<h3>Responsive <span>Leaderboard</span> Ad Area</h3>
</div>
</div>
</b:if>
</b:if>
Enter in EDIT HTML then look for the code above
Replace with ad script
MEDIA BOTTOM LEFT
<div class='medialeft'>INFORMATION:
<div class='mediawrap mediafixed'>
<div class='media-title'><span>Connect</span></div>
<ul class='media-list'>
<li><a href='#' target='_blank'><span class='fab fa-facebook-f'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-twitter'/></a></li>
<li class='mediamorewrap'>
<ul>
<li><a href='#' target='_blank'><span class='fab fa-pinterest-p'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-instagram'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-whatsapp'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-youtube'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-linkedin'/></a></li>
<li><a href='#' target='_blank'><span class='fab fa-tumblr'/></a></li>
</ul>
</li>
<li class='medianav'><span class='mediagrap fas fa-grip-horizontal'/></li>
</ul>
</div>
</div><!--mediawrap-->
Enter in EDIT HTML then look for the code above, replace the # sign with the Link / Url of each media
SLOT ADVERTISE MIDDLE CONTENT
<div class='banner-middle banner'>INFORMATION:
<div class='box-banner'>
<h3>Responsive <span>Leaderboard</span> Ad Area</h3>
</div>
</div><!-- Slot banner middle -->
Enter EDIT HTML then look for the code above, replace the mark with the ad script
SLOT ADVERTISE BOTTOM CONTENT
<div class='banner-bottom banner'>INFORMATION:
<div class='box-banner'>
<h3>Responsive <span>Leaderboard</span> Ad Area</h3>
</div>
</div><!-- Slot banner bottom -->
Enter EDIT HTML then look for the code above, replace the mark with the ad script
POST IMAGE FULL
<div class="thumbs">INFORMATION:
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik79q4HE98qTkG0RnF1vApq14i0PgiJS8BsNIVbKhflxQj2xUdcMutK2hgNmVuOgaqVBaayrMp-cZ0O4lfCswWpXi-rQkW1lEEOPR4KuCc_xd0Cf_S_WrXZJgdmAUJatrOVRvKHSJZPqc/s1600/b3.jpg" title="" /></div>
The code marked is the image wrapper code
POST IMAGE LEFT
<div class="thumb-left">INFORMATION:
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNXy3awOSScl3-boCS55aY9dTLR0yKD5vIpXv-CL-vDfIGqt-QvquFbBnKTmzghOyrJt7BPAEq34cdi9Fr3NOmstg4HNs-MYGGWczmMqMf4Og7UcGtjejZAHI3jO-tGjcz-SeQr-0aFc/s1600/rockers.jpg" title="" /></div>
The code marked is the image wrapper code




