Ahmad Dawami
PENGATURAN
META
<meta charset='utf-8'/>KETRANGAN:
<meta content='width=device-width, initial-scale=1, maximum-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='Jual, Baju, Pakaian, Gratis, Diskon, Promo, Terbaru' 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'/>
<!-- [ 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' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Facebook App ID here' property='fb:app_id'/>
<meta content='Facebook Admin ID here' 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='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
Adalah keyword silahkan Edit atau tambahkan keyword lain
Silahkan di ganti deskirisi Blog
Silahkan di ganti code verifikasi
Silahkan di ganti dengan masing masing ID facebook
LOGO
KETERANGAN:Rekomendasi ukuran logo 280x47
MENU
<nav id='cssmenu'>KETERANGAN:
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<span class='mline1'/>
<span class='mline2'/>
<span class='mline3'/>
</div>
<ul>
<li><a href='#about'>About</a></li>
<li><a href='#features'>Features</a></li>
<li><a href='#pricing'>Pricing</a></li>
<li><a href='#testimonial'>Testimonial</a></li>
<li><a href='#video'>video</a></li>
<li><a href='#contact'>Contact</a></li>
<li><a href='#blog'>Blog</a></li>
<li><a href='#'>More</a>
<ul>
<li><a href='#'>Product 1</a></li>
<li><a href='#'>Product 2</a></li>
<li><a href='#'>Product 3</a></li>
<li><a href='#'>Product 4</a></li>
<li><a href='#'>Product 5</a></li>
<li><a href='#'>Product 6</a></li>
<li><a href='#'>Product 7</a></li>
</ul>
</li>
</ul>
</nav>
Ganti tanda # dengan Url/Link
FORM WHATSAPP
<div class='pelajar' id='pelajar'/>KETERANGAN:
<div id='whatsapp'>
<span class='wa-x' onclick='closeModal()'/>
<p class='wa-title'>Form WhatsApp</p>
<div class='wa-body'>
<input class='tujuan' type='hidden' value='081241105658'/>
<div class='left'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Name</label>
<input class='nama wa-input bagi' name='nama' placeholder='Name' type='text'/>
</div>
</div>
<div class='right'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Mobile Phone Number</label>
<input aria-labelledby='number-00000014-acc number-00000014-error-acc number-00000014-instr-acc' class='hp wa-input bagi' data-role='i123-input' data-size='full' name='hp' placeholder='Your cellphone number' step='any' type='tel'/>
</div>
</div>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Item Choices</label>
<select class='asal wa-option bagi' placeholder='Barang' required=''>
<option data-index='0' name='asal' value='Samsung'>Samsung</option>
<option data-index='1' name='asal' value='Xiomi'>Xiomi</option>
<option data-index='2' name='asal' value='Oppo'>Oppo</option>
<option data-index='3' name='asal' value='Vivo'>Vivo</option>
<option data-index='4' name='asal' value='Nokia'>Nokia</option>
<option data-index='5' name='asal' value='LG'>LG</option>
<option data-index='6' name='asal' value='Soni Ericson'>Soni Ericson</option>
<option data-index='7' name='asal' value='Mito'>Mito</option>
</select>
</div>
<div class='left'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Total</label>
<input class='jumlah wa-input bagi' max='10' min='1' name='jumlah' placeholder='The amount of goods' type='number'/>
</div>
</div>
<div class='right'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Date</label>
<input class='tanggal wa-input bagi' name='tanggal' placeholder='Message Date' required='' type='date'/>
</div>
</div>
<div class='form-whatsapp'>
<label class='wa-label full'>Comment</label>
<textarea class='jemput wa-input full' name='jemput' placeholder='Comment'/>
</div>
<div class='form-whatsapp'>
<p class='p-info'>This order requires the WhatsApp application.</p>
<a class='submit' target='_blank'>Order now</a>
</div>
</div>
</div>
Ganti dengan nomor HandHone WhatsApp
APP
<div class='hero-center'>
<div class='colum-left wow fadeInLeft' data-wow-delay='0.4s' style='visibility: visible;'>
<h1>App Landing</h1>
<p>
Lorem Ipsum is simply dummy text of the printing and
indus orem Ipsum has been the industry's standard dummy
ever since the when an own printer took a galley
</p>
<a class='slide-button' href='#'><svg viewBox='0 0 505.145 505.145'>
<path d='M68.541,164.715h-1.294c-16.588,0-30.113,13.568-30.113,30.113v131.107 c0,16.61,13.525,30.134,30.113,30.134h1.316c16.588,0,30.113-13.568,30.113-30.134V194.827 C98.654,178.283,85.108,164.715,68.541,164.715z'/>
<path d='M113.085,376.54c0,15.229,12.446,27.632,27.675,27.632h29.574v70.817 c0,16.631,13.568,30.156,30.113,30.156h1.294c16.61,0,30.156-13.546,30.156-30.156v-70.817h41.33v70.817 c0,16.631,13.611,30.156,30.156,30.156h1.273c16.609,0,30.134-13.546,30.134-30.156v-70.817h29.595 c15.207,0,27.654-12.403,27.654-27.632V169.525H113.085V376.54z'/>
<path d='M322.041,43.983l23.491-36.26c1.51-2.287,0.841-5.414-1.467-6.903 c-2.286-1.51-5.414-0.884-6.903,1.467l-24.353,37.512c-18.27-7.485-38.676-11.691-60.226-11.691 c-21.571,0-41.934,4.206-60.247,11.691l-24.31-37.512c-1.488-2.351-4.638-2.977-6.946-1.467 c-2.308,1.488-2.977,4.616-1.467,6.903l23.512,36.26c-42.387,20.773-70.968,59.924-70.968,104.834 c0,2.761,0.173,5.479,0.41,8.175h280.053c0.237-2.696,0.388-5.414,0.388-8.175C393.009,103.907,364.406,64.756,322.041,43.983z M187.655,108.911c-7.442,0-13.482-5.997-13.482-13.46c0-7.463,6.04-13.439,13.482-13.439c7.485,0,13.482,5.975,13.482,13.439 S195.097,108.911,187.655,108.911z M317.49,108.911c-7.442,0-13.482-5.997-13.482-13.46c0-7.463,6.04-13.439,13.482-13.439 c7.463,0,13.46,5.975,13.46,13.439C330.95,102.914,324.953,108.911,317.49,108.911z'/>
<path d='M437.876,164.715h-1.251c-16.588,0-30.156,13.568-30.156,30.113v131.107 c0,16.61,13.59,30.134,30.156,30.134h1.273c16.609,0,30.113-13.568,30.113-30.134V194.827 C468.011,178.283,454.464,164.715,437.876,164.715z'/>
</svg> Play Store</a>
<a href='#'>
<svg viewBox='0 0 512 512'>
<path d='M395.748,272.046c-0.646-64.841,52.88-95.938,55.271-97.483c-30.075-44.01-76.925-50.039-93.62-50.736 c-39.871-4.037-77.798,23.474-98.033,23.474c-20.184,0-51.409-22.877-84.476-22.276c-43.458,0.646-83.529,25.269-105.906,64.19 c-45.152,78.35-11.563,194.42,32.445,257.963c21.504,31.104,47.146,66.038,80.813,64.79c32.421-1.294,44.681-20.979,83.878-20.979 c39.196,0,50.215,20.979,84.524,20.335c34.888-0.648,56.991-31.699,78.347-62.898c24.694-36.084,34.862-71.019,35.462-72.812 C463.678,375.26,396.422,349.495,395.748,272.046z M331.28,81.761C349.149,60.082,361.21,30.005,357.92,0 c-25.739,1.048-56.938,17.145-75.405,38.775c-16.57,19.188-31.075,49.813-27.188,79.218 C284.061,120.235,313.392,103.391,331.28,81.761z'/>
</svg> Play Store</a>
</div>
<div class='colum-right wow fadeInRight' data-wow-delay='0.7s' style='visibility: visible;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqj6Zpg7dj5-iwW777LVlB99dw2g7v_IBGRSXsW_pRCfrwDgai8YRaKrckPRo9_XTrI3JeUIb7WEpO56ZKLJrPzJUjVmi-mHUD1VDSxCgaQGxn-gABDxpphD3bC42182w91TkojnZJp4M/s1600/mobile.png'/>
</div>
</div>
Deskripsi
Gambar Ponsel kanan
BOX 1
<div class='box1 wow' id='about'>KETERANGAN:
<div class='container'>
<div class='left wow fadeInLeft' data-wow-delay='0.2s' style='visibility: visible;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2icNSnLjhArSsJhXwmceOA1k5Bsj6p4ZRjoIidq1Y_3CuDkI1UyUFhymRANDzRPgf1GVKxEGQqAA7YhJXQX46mlFCXYKC73f75u318WWmtMNj99plAbsRJzATEbheOYSwnVypH6L-Yk/s1600/mobile2.png'/>
</div>
<div class='right wow fadeInRight' data-wow-delay='0.2s' style='visibility: visible;'>
<div class='about-content'>
<h6>About Our App</h6>
<h2>Omexer will make your life easier and comfortable</h2>
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.</p>
<ul>
<li><i aria-hidden='true' class='fa fa-battery-three-quarters'/> Attractive Features</li>
<li><i aria-hidden='true' class='fa fa-camera'/> User Friendly Interface</li>
<li><i aria-hidden='true' class='fa fa-bell-o'/> Free Dedicated Support</li>
</ul>
<a href='#'>Download Now</a>
</div>
</div>
</div>
</div>
Ganti tanda # dengan Url/Link
Left side picture
BOX 2
<div class='box-list'>KETERANGAN:
<li>
<i aria-hidden='true' class='fa fa-code'/>
<h3>Clean Code</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-pie-chart'/>
<h3>Color Changer</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-wpexplorer'/>
<h3>Creative Design</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-television'/>
<h3>Responsive Design</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-grav'/>
<h3>Fast Update</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-hourglass-start'/>
<h3>Quick Start</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
</div>
Sesuaikan
BOX 3
<div class='video-content d-table text-center wow slideInUp'>KETERANGAN:
<div class='bg-opacity'>
<div class='d-table-cell align-middle'>
<a class='popup-youtube' href='https://www.youtube.com/watch?v=9dkne6Jr_18'><i aria-hidden='true' class='fa fa-play'/></a>
</div>
</div>
</div>
Url / Link video Youtube
BOX 4
<div class='line-left wow fadeInLeft' data-wow-delay='0.2s' style='visibility:visible'>KETERANGAN:
<img alt='Timeline' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLeBoQFFPVJHGrxP292Mg0ExWiNE3HjmFlZQqtsL-Nr-o7T30SLmyYL3KVThl58h-hSR8D7u7aFE2OOg0GZhEeftaZ88LN_Ab9N58msxXUPIC0FJDiTXcPiY5pCgL9UtWj8RR6nWy99Js/s1600/mobile4.png'/>
</div>
<div class='line-right wow fadeInRight' data-wow-delay='0.2s' style='visibility:visible'>
<div class='timeline-vertical-x timeline-step'>
<div class='timeline-item' data-step='1'>
<h5>Create and update your Profile</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class='timeline-item' data-step='2'>
<h5>Sort & Filter through categories and services</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class='timeline-item' data-step='3'>
<h5>Search to access relevant services</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
Url / Image Link dan lainnya sesuaikan
BOX 5
<div class='timelist-left wow fadeInLeft' data-wow-delay='0.3s' style='visibility: visible;'>KETERANGAN:
<div class='future-box'><div class='future-timeline'><ul><li class='timeline'><h4 class='sub-title'>Easy Installation</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline'><h4 class='sub-title'>Multi Platform Chat App</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline'><h4 class='sub-title'>Secure Backup & Recovery</h4><p class=''>Many desktop publishing packages</p></li><li class='timeline'><h4 class='sub-title'>Easy File Sharing</h4><p class=''>Lorem Ipsum has been the industry's</p></li></ul></div></div></div>
<div class='future-mobile wow slideInUp'>
<img alt='feature-mob' class='img-fluid' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73QpKsnNkGJ6T19bvKQ_7XRNRAQsFEb0UChJEirTpxPmewXzb-R4agc5YDiCWFTFMsNxprRqeODezHvd0mm6xFWmHPvQuT8NuMqbktDLvzYV6wi2Mm8lq_CKYvizx-LfRa7Tq8VZOec8/s1600/mobile3.png'/>
</div>
<div class='timelist-right wow fadeInRight' data-wow-delay='0.3s' style='visibility: visible;'><div class='future-box'><div class='future-timeline-right'><ul class='text-left'><li class='timeline-right'><h4>Easy Installation</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline-right'><h4>Multi Platform Chat App</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline-right'><h4>Secure Backup & Recovery</h4><p class=''>Many desktop publishing packages</p></li><li class='timeline-right'><h4>Easy File Sharing</h4><p class=''>Lorem Ipsum has been the industry's</p></li></ul></div></div></div>
Sesuaikan
BOX 6
<div class='box6 wow' id='about'>KETERANGAN:
<div class='container'>
<div class='section-heading text-center'>
<h6>Have Any Question?</h6>
<h2>Fequently Asked Question</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='ac-left wow fadeInLeft' data-wow-delay='0.2s' style='visibility:visible'>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I download the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I install the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item active'>
<div class='accordion-header js-accordion-header'>How can I upgrade my current plan ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active the app's features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active all the features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I download the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='ac-right wow fadeInRight' data-wow-delay='0.2s' style='visibility:visible'>
<img alt='Timeline' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHe-z1U9WXseieUULPWuttqAq3zFiAA-eKyzWmHSO40a6P1R6fRbwgYU-aBw2vmaj05wIxTa9NhMmS90P9f5v18xMOhPD91FY_2v-Oc5ovx-kSlqKpcub6Gy245pOoLz9H8WTM6EGb5M/s1600/m12.png'/>
</div>
</div>
</div>
Sesuaikan
BOX 7
<div class='box7 wow' id='about'>KETERANGAN:
<div class='section-heading text-center'>
<h6>Total Statics</h6>
<h2>Statics</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.2s;animation-name:fadeInUp'>
<i class='fa fa-code fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='300'>300</h2>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<i class='fa fa-coffee fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='1700'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<i class='fa fa-code fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='11900'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth end wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.8s;animation-name:fadeInUp'>
<i class='fa fa-bug fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='1570'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
</div>
</div>
Sesuaikan
BOX 8
<div class='box8 wow' id='about'>KETERANGAN:
<div class='section-heading text-center'>
<h6>Screen Interface</h6>
<h2>App Screenshot</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='phone'>
<div class='glass'/>
<div class='home-btn'>
<div class='home-btn-inner'/>
</div>
</div>
<div class='slider wow slideInUp'>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheSW57ty62GxRuuMDllsz6m9oRbEloOwDrs2_UiNVohLjTPGhfAWLlVG_QLcR08R_CDgc5I6P4_NBaMLkB7wmL5oxNrDZME5A7Q54ZeH98bLWeE6Wf1KhAd8FOoX4ROkyNj2RAfuplQOI/s1600/m1.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgAibW91YA1FRdVd1KPF77lI19Pe9kNW_qLz5X5fKXgKwd3hIa0l1uOg53VKe5yR2w6Woy39TEkKK27XSlDj46VbfbXA1Kk4pOoGaDBA3QCjITCif_Pgx3f5fcjrbi4BC6Ns_nrQ31lU/s1600/m2.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqywf-bPIgKMFeCJXZtqTh36vinvKKTOX8Utu8PvMmNtreYsrX-Fl-_kPap10aGFZX-fakVK2DBM5mJyrlVfdfMOWUTPwWFG4Eh8XLA5ianIu3RHKCviFL59eQWeCgT8AhXSfSH0rrSXI/s1600/m3.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSKySzxikSo1hfK0kqCUtTdMyegPWbqtEN1boyzEqJswlfdkhD0C0QGWFMUa0gIv8ysT3AlXTOPEwbXhZYJRnu-qDQ1jp1fM76EL3nP9Wi0fM37SUIjQgbgLIttuzm1XFVeeyuu3AeaXI/s1600/m4.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6IWAISn4RfEw9fvWiQl_j6BWbchZ3oQdjk_9UKLVLo-cbpbqpbOOX6BbDNCRDVV4Nktxu1lSQDEsr4brx7aOXjSx8FJDQUSKx-srPxgma6qfwNMWSWMHIIDEvWtlcjy_S4Kbv8vmMRQ/s1600/m5.png'/>
</div>
</div>
</div>
</div>
Ganti dengan Url gambar
BOX 9/PRICING
<div class='box9 wow' id='pricing'>KETERANGAN:
<div class='section-heading text-center'>
<h6>Our Pricing</h6>
<h2>Choose Our Best Plan</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis</p>
</div>
<div class='container'>
<div class='pricing_table'>
<div class='plan wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Starter</h3>
<div class='plan-cost'><span class='plan-price'>$19</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>5GB Linux Web Space</li>
<li>5 MySQL Databases</li>
<li>Unlimited Email</li>
<li>250Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Basic</h3>
<div class='plan-cost'><span class='plan-price'>$29</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>10GB Linux Web Space</li>
<li>10 MySQL Databases</li>
<li>Unlimited Email</li>
<li>500Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan featured wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.8s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Professional</h3>
<div class='plan-cost'><span class='plan-price'>$49</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>25GB Linux Web Space</li>
<li>25 MySQL Databases</li>
<li>Unlimited Email</li>
<li>2000Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Ultra</h3>
<div class='plan-cost'><span class='plan-price'>$99</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>100GB Linux Web Space</li>
<li>Unlimited MySQL Databases</li>
<li>Unlimited Email</li>
<li>10000Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
</div>
</div>
</div>
Sesuaikan
BOX 10 / TESTIMONIAL
<div class='box10 wow' id='testimonial'>KETERANGAN:
<div class='section-heading text-center'>
<h6>Testimonial</h6>
<h2>Our Testimonials</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div id='testimonial-slider'>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzdDCnJoVjrO_2lh5fnB_DiioiBsNI-9H9a_lb5ybHbhGGfEeqXC9WS4WDZFgVlngt513N4wLtvjpjfgD2dJ616-LpRvZm5hFwdyrfdXHcSz_Vo3pWA9LcFo74wdPCtQZH4ERe09gZdKc/s1600/1.jpg'/>
</div>
<h3 class='name'>Michele Miller</h3>
<span class='title'>Project Manager</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNA6jjJVPDHGhgujKxrIorDfT13e_-il4hf5k871ybjBc__GtWn7WDEvEgUWmKuX2lm7ZOeaYT0akGz4Rc_GA8XohyphenhyphenaSLgv92H9JWBUA19Bkl80N7hFrZM9ZXXzDZeD096EJceocRp3zA/s1600/130.jpg'/>
</div>
<h3 class='name'>Patricia Knott</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVdSkVfREu6vKJd6ufFMX3VbcdRedhbKD9RfjPgLk2JDguHax7gZg_luVngGih_owAOwHNcNBRha9L_-iveeRDmguxybghpCmmX_uMc0ujVbP29-lKtFeO3Qg4lK1iBTjc5SNH-z2fwU/s1600/2.jpg'/>
</div>
<h3 class='name'>Justin Ramos</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZTHLoImJPtb9s9Vn-m0biGmmsIedCMuk9uduUGvAA3nvWDB6Tew83faU5ctquAYVS6F9GHXDix7xHIKingrOnle1saaUyGYZmxPZdPWqH4s9wn5iXba8SCRSs6ciCMam0X93jrUvQxFg/s1600/4.jpg'/>
</div>
<h3 class='name'>Mary Huntley</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7KezTYjksizz_mGvggfde1ix_ac083h_kmbeUUOoUd6v7mwkhs4I_yU7v91b3JOAub3GLKTwozZPfH0MF2altXERjRkflaPFOlyFonTzfwokqTbvLPaosg06O3DsROmDXWIvChUJnyU/s1600/3.jpg'/>
</div>
<h3 class='name'>Aaron Newell</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxb_qY0nUhl0fL4OgJxJ974hpQt_EBxn9VcYHtNF-07tIX4A7zNiSKu98xaAjf5ErsZy8vdAL0s8IJXde2a06isxSMwRA-00ZJ2tPjpfkj3B9hkdBcm3SZ20zjXLn-MDOiI7HQBIffX8/s1600/5.jpg'/>
</div>
<h3 class='name'>Lizzie Geren</h3>
<span class='title'>Web Developer</span>
</div>
</div>
</div>
</div>
</div>
Sesuaikan
BOX 11 / TEAM
<div class='box11 wow' id='about'>KETERANGAN:
<div class='section-heading text-center'>
<h6>Team</h6>
<h2>Our Team Professional</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='team-box wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.2s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqA1Fd6CECzVHlQ-CKPdN-ntz775AqCDoyJvowVDT0SMOiGm-Bi7nBeJDid1gadHTCW8mzzsmWAPr4_5pGxmVFlOUCxIyrUa_rfeMHunpJa1eqhtBQfkZxpcl35pdi20XCImMYaD1ZL3yJ/s1600/16.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>John Smith</a>
<p>DEVELOPER</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXEClQLob2_CNDlVSoZgYosmB1giMdlbzoUwDtcb5xmgfF0Mh9DDubZ9rnAQaqp8vzZ2lU7Tl5zy8Lbl9V5AYDrrcfAZ084ip25vKu64pOjQTXGVeVYT7vzE8lKbOjaqt_oVf80i0aY4s/s1600/cc.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>David Walter</a>
<p>ART DIRECTOR</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS7iQ23-r5ztIh2E32-75uaa9ocq7WWPWR_oEd5LNs8vKze_snvATrQoMgGrPEmHh6mXp5mB48xW0bFPj4uAWhlYwVYPn9VlIdMag_5X8xL2cT_BKxgDI7c1DclwZzNassO9zn1YGMZvN/s1600/bbb.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>Paul Dark</a>
<p>CEO AT THIMPRESS</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.7s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8vnejWv46qBgHQiqcUijqjLZLmlxumLKgEF73MxFoF2I6rnxupDCSUtVFFwcydnC_3gUSDvXxqMrJf392UOxhW36vMiYiCts6jUy1X0qFvWrVtwij_tFlgzaVDX62OdZkOKwyFMxI1Rd/s1600/dd.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>George Hammer</a>
<p>COPYRIGHTER</p>
</div>
</div>
</div>
</div>
</div>
Ganti tanda # dengan Url/Link sedangkan Url Profil gambar silahkan diganti
BOX 12 / SUBSCRIBE
<div class='box12 wow' id='about'>KETERANGAN:
<div class='section-heading text-center'>
<h2>Subscribe Newsletter</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='//feedburner.google.com/fb/a/mailverify' class='i-amphtml-form' novalidate='' target='_blank'>
<input name='uri' type='hidden' value='goomsite'/>
<input name='loc' type='hidden' value='en_US'/>
<input autocomplete='off' class='subscribe-css-email-field user-valid valid' name='email' placeholder='yourmail@goomsite.net'/>
<input class='subscribe-css-email-button' title='' type='submit' value='Subscribe'/></form>
</div>
</div>
</div>
</div>
</div>
Ganti dengan nama feedburner blog Anda
POST HOMEPAGE LABEL
POSTINGAN
KETERANGAN
Untuk menampilkan harga dan Stock pada bagian tersebut, kita hanya menggantinya di dalam postingan HTML, perhatikan gambar berikut
Code Script Harga
<div class="item_price">
$75.00 <strike>$79.99</strike></div>
Code Script Stcok Available
<div class="item_stock">
<span id="ble">Available</span></div>
Code Script Stcok Limited
<div class="item_stock">
<span id="mit">Limited</span></div>
POSTINGAN SLIDE DAN LAINNYA
<div class="content-post">KETERANGAN:
<div id="box-slider">
<div id="boxslider">
<ul>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGWk2IXZ5jfMd2v-cRez5gciXipJFEM2o3B79R_jHCfk9qJqDqP8EWCGZa1oiks9RprBekVPn21QER19LsiMm1Y-_MPI4EQswh1MuySb72mmSxb4bvQHacAsWdoOvzhuja2CPat_AEMs/s320/11.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnBHOcxLQsmRCm8BEL7VHL6dH7wMSGB0oLuofU1Aa-DW3yhkg5DdYqqSXn1ZioPs_LX3xr0frP3aPi7clVtvgiEufhhW2BNMdA-EBxS2Zetf9UsDmdM_XDtVvwQZUW6wvJJUqnmL1xak/s320/12.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNg8UnJLbSLSZVz_pbxh7QgEVxYX0xGkD6ODRkqv48y-1W5IKGk5_ki3cRXo1Vn_Z5eLRRupTyTB7vbYGeLtceXtpbb3NhAAlP0unC8qN_GQre08311QCIaEE57SWoV0Hsa1OYPF22Hf4/s320/5.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnBHOcxLQsmRCm8BEL7VHL6dH7wMSGB0oLuofU1Aa-DW3yhkg5DdYqqSXn1ZioPs_LX3xr0frP3aPi7clVtvgiEufhhW2BNMdA-EBxS2Zetf9UsDmdM_XDtVvwQZUW6wvJJUqnmL1xak/s320/12.jpg" /></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnBHOcxLQsmRCm8BEL7VHL6dH7wMSGB0oLuofU1Aa-DW3yhkg5DdYqqSXn1ZioPs_LX3xr0frP3aPi7clVtvgiEufhhW2BNMdA-EBxS2Zetf9UsDmdM_XDtVvwQZUW6wvJJUqnmL1xak/s320/12.jpg" /></li>
</ul>
<a href="#" id="boxsliderNext"></a>
<a href="3#" id="boxsliderPrev"></a>
</div>
</div>
<div class="table_post">
<div class="item_price">
$75.00 <strike>$79.99</strike></div>
<div class="item_stock">
<span id="ble">Available</span></div>
<table><tbody>
<tr><td colspan="2">Product Details</td> </tr>
<tr><td>Product Code</td><td>702583</td></tr>
<tr><td>Types of products</td><td>Local</td></tr>
<tr><td>Weight</td><td>250 grams</td></tr>
<tr><td>Description</td><td>All Size<br />
P = 60 cm<br />
L = 46 cm</td></tr>
<tr><td>Material</td><td>Spandek Rayon</td></tr>
</tbody></table>
</div>
</div>
Ganti dengan Url Gambar dan Lainnya silahkan sesuaikan
FORM
Tidak perlu diatur karena formulir ini otomatis
SIDEBAR / FORM SEARCH
<div id='search-wrapper'>KETERANGAN:
<h4 class='tetle'>Search This Site</h4>
<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<form action='https://landingthebusiness.blogspot.com/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<input class='search-form' id='feed-q-input' itemprop='query-input' name='q' placeholder='Search' required='required' type='text'/>
<button class='search-button' title='Search' type='submit'><i class="fa fa-search" aria-hidden="true"></i></button>
</form></div>
</div></div>
Ganti dengan Url Blog
