Pengaturan WinTheme Blogspot responsive | Themeindo

Pengaturan WinTheme Blogspot responsive

PENGATURAN

MENU

<nav id='menu'>
<input type='checkbox'/>
<label><i class='fa fa-bars color'></i></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a class='dropdown' href='#'>Tentang Kami</a>
<ul class='menus'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</li>
<li><a class='dropdown' href='#'>Layanan</a>
<ul class='menus'>
<li><a href='#'>Layanan 1</a></li>
<li><a href='#'>Layanan 2</a></li>
<li><a href='#'>Layanan 3</a></li>
</ul>
</li>
<li><a href='#ThemeindoWhatsApp'>Chat Admin</a></li>
<li><a href='#blog'>Blog</a></li>
</ul>
</nav>
KETERANGAN:
Silahkan ubah yang saya tandai warna Orange # dengan link tujuan

HEADER IMG

<div class='box1'>
<div class='overlay'></div>
<div class='container'>
<div class='box-left'>
<h1>WEBSITE BUSINESS</h1>
<h2>Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..</h2>
<div class='button-wrapper'>
<a href='#ThemeindoWhatsApp'>More Info</a>
</div>
</div>
<div class='box-right'>
<img alt='alternative' class='mengambang-3' src='https://1.bp.blogspot.com/-FXofwnlq5dM/Xht3NVpKWbI/AAAAAAAAAk8/VnweuqUxeXkSHxh4gfs2CWsGcpx_VIhrgCLcBGAsYHQ/s1600/Business1.png' title='Template Blogger Terbaik WinTheme'/>
</div>
</div>
</div>
<div class='clr'></div>
KETERANGAN:
Ubah link gambar yang saya tandai warna Merah sesuai keinginan anda


SAMPLE TEXT 1, 2, 3

<div class='box2'>
<div class='container'>
<div class='box-wrap'>
<span class='icon'><i class='fa fa-trophy'></i></span>
<h4>Sample Text 1</h4>
<p>Silahkan tuliskan detail bisnis anda disini, Dengan lengkap jelas mudah di pahami calon pembeli produk anda..</p>
</div>
<div class='box-wrap'>
<span class='icon'><i class='fa fa-suitcase'></i></span>
<h4>Sample Text 2</h4>
<p>Silahkan tuliskan detail bisnis anda disini, Dengan lengkap jelas mudah di pahami calon pembeli produk anda..</p>
</div>
<div class='box-wrap'>
<span class='icon'><i class='fa fa-handshake-o'></i></span>
<h4>Sample Text 3</h4>
<p>Silahkan tuliskan detail bisnis anda disini, Dengan lengkap jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
</div>
<div class='clr'></div>
KETERANGAN:
Silahkan ubah Sample Text 1, 2, dan 3 yang saya tandai Orange sesuai kebutuhan
Dan gantu deskripsi yang saya tandai Hijau sesuai keinginan

BOOX GRADIENT 1

<div class='box3'>
<div class='background-overlay'></div>
<div class='container'>
<h4><b>Ipsum dolor sit amet</b>, consectetur adipiscing.</h4>
<h5>Silahkan tuliskan detail bisnis anda disini,<br/>
<b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</h5>
<div class='button-wrapper'>
<a class='btn-hendikiddrock' href='#' target='_blank'>Penawaran Terbaik</a>
</div>
</div>
</div>
<div class='clr'></div>
KETERANGAN:
Silahkan ganti yang saya tandai Orange # dengan link tujuan


ACCORDION

<div class='box4'>
<div class='container'>
<div class='box-element'>
<h3>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet.</h3>
<h5>Silahkan tuliskan detail bisnis anda disini,<br/>
<b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</h5>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Metode pembayaran Minimarket</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
<p>Silahkan tuliskan detail bisnis anda disini, <b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Metode pembayaran Transfer Bank</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
<p>Silahkan tuliskan detail bisnis anda disini, <b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Metode pembayaran Virtual Account</div>
<div class='accordion-body js-accordion-body'>
<p>Silahkan tuliskan detail bisnis anda disini, <b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Metode pembayaran E-Wallet</div>
<div class='accordion-body js-accordion-body'>
<p>Silahkan tuliskan detail bisnis anda disini, <b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Pembayaran dengan Kartu Kredit</div>
<div class='accordion-body js-accordion-body'>
<p>Silahkan tuliskan detail bisnis anda disini, <b>Dengan lengkap</b> jelas mudah di pahami calon pembeli produk anda..</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='clr'></div>
KETERANGAN:
Ubah keterangan sesuai kebutuhan


TESTIMONIAL


<div class='box_testimonila'>
<div class='container'>
<div class='section-heading text-center'>
<h2>Our Testimonials</h2>
<p>Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div id='testimonial-slider'>
<div class='testimonial'>
<span class='icon fa fa-quote-left'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-Knuk2a9xyg8/XhszdbYpYiI/AAAAAAAAAik/ocnurGkDb7o9gYGHhaUKdpn3Gpz0hiarQCLcBGAsYHQ/s1600/Testi1.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'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-OwMwO0Bj4pE/XhszdUK-sfI/AAAAAAAAAig/iSIiFpROEy4oDNZx2YWJojbkhH-URCVigCLcBGAsYHQ/s1600/Testi2.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'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-B2L84v546RU/XhszdYuxLqI/AAAAAAAAAio/eZnAKdhRLvouHwCHb2WMpiEqHrLmgg6uQCLcBGAsYHQ/s1600/Testi3.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'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-2UbttvhsmHk/XhszeIYagvI/AAAAAAAAAis/hkVjBojFLK0xXo32agfbCVKLuIYPG4y_wCLcBGAsYHQ/s1600/Testi4.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'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-B9qpLMuBynY/XhszeZa1VpI/AAAAAAAAAiw/JUcUrwlHLwAJtir8gfz5qPXJGIelWA8WgCLcBGAsYHQ/s1600/Testi5.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'></span>
<p class='description'>
Tempus bibendum tellus, a convallis sapien eleifend semper. Vestibulum massa velit, tincidunt vitae nunc sed, scelerisque sodales mi..
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://1.bp.blogspot.com/-PA-3uZbXj_8/XhszecbQ24I/AAAAAAAAAi0/ksMlJCDpuK4D-OsSNialdUwSUhzepEpjwCLcBGAsYHQ/s1600/Testi6.jpg'/>
</div>
<h3 class='name'>Lizzie Geren</h3>
<span class='title'>Web Developer</span>
</div>
</div>
</div>
</div>
</div>
<div class='clr'></div>
KETERANGAN:
Silahkan ubah Link gambar dengan gambar Testimoni pelanggan anda


CHAT WHATSAPP


<div class='popup-wrapper' id='ThemeindoWhatsApp'>
<div class='popup-container'>
<div class='container-contact100'>
<div class='wrap-contact100'>
<h2 class='title-beli'>
<span class='data-form-title'>Formulir <b>WhatsApp</b></span>
<a class='closeWhatsApp' href='#closedWhatsApp'>&#215;</a>
</h2>
<div class='data-form validate-form' id='whatsapp'>
<!--=== form pesanan ===-->
<input class='tujuan' id='noAdmin' type='hidden'/>
<h3>Perlu Bantuan Hubungi kami..</h3>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
<select class='paket wajib' placeholder='Paket'>
<option hidden='hidden' selected='selected' value='default'>Pilih Bantuan..</option>
<optgroup label='Bantuan?'>
<option value='Pasang Iklan'>Pasang Iklan</option>
<option value='Buat Landing Page'>Buat Landing Page</option>
<option value='Bantuan Lainnya'>Lainnya..</option>
</optgroup>
</select>
</label>
<h3>Isi Formulir ini</h3>
<div class='gridWhatsApp'>
<label class='item'>
<i class='fa fa-user-circle'></i>
<input class='nama wajib' placeholder='Nama..' type='text'/>
</label>
<label class='item'>
<i class='fa fa-envelope'></i>
<input class='email wajib' placeholder='Email..' type='text'/>
</label>
</div>
<br/>
<div class='gridWhatsApp'>
<label class='item'>
<i class='fa fa-whatsapp'></i>
<input class='nomor wajib' placeholder='WhatsApp..' type='tel'/>
</label>
<label class='item'>
<i class='fa fa-university'></i>
<input class='kota wajib' placeholder='Kota..' type='url'/>
</label>
</div>
<label class='formWhatsApp'>
<i class='fa fa-university'></i>
<textarea class='alamat wajib' placeholder='Alamat Lengkap'></textarea>
</label>
<h3>Tahu kami dari mana?</h3>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
</label>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'></i>
<select class='informasi wajib' placeholder='Informasi'>
<option hidden='hidden' selected='selected' value='default'>Jawaban anda</option>
<optgroup label='Tahu kami dari mana?'>
<option value='Google'>Google</option>
<option value='Facebook'>Facebook</option>
<option value='Email'>WhatsApp</option>
<option value='Instagram'>Instagram</option>
<option value='Email'>Email</option>
</optgroup>
</select>
</label>
<div class='sendWhatsApp'>
<div class='sendWAcolor'>
<div class='sendWAbuttom'></div>
<a class='sendWAclik submit' onclick='redirect(&#39;https://www.ternakdigital.com/&#39;)'>Send Messange</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
KETERANGAN:
Silahkan disesuaikan dengan kebutuhan anda,
Untuk merubah Nomor WhatsApp silahkan Cari 0812-9438-1600 Di Edit HTML

TAMBAHAN:
Jika Ingin menambahkan pembayaran bisa tambahkan Kode Di bawah ini tepat di atas Kode

<h3>Data Pembayaran</h3>
<label class='formWhatsApp'>
<i class='fa fa-angle-down'/>
<select class='pembayaran wajib' placeholder='Pembayaran'>
<option hidden='hidden' selected='selected' value='default'>Opsi Pembayaran?</option>
<optgroup label='Pembayaran Menggunakan?'>
<option value='Bank Transfer'>Bank Transfer</option>
<option value='Pulsa'>Pulsa</option>
<option value='Paypal'>Paypal</option>
</optgroup>
</select>
</label>
</label>
=== KODE PEMBAYARAN DISINI ====
<h3>Tahu kami dari mana?</h3>

UPDATE FITUR

15 Januari 2020

Contact Form WhatsApp Lihat Demonya Disini
Lihat Panduan Instalasi Contact Form WhatsApp Disini

Contact Form WhatsApp
File by THEMEINDO.COM File Size 23.09
Jika Link Rusak atau Tidak Work Segera Hubungi Saya Di Sini Atau bisa melalui Kontak saya lainnya.





Panduan Custom Domain Ke Blogspot

Panduan Membuat Sub Domain Blogspot


WARNING!

Dilarang memperjual belikan Template atau memberikan secara langsung, menjadikan bonus Jika anda membeli License Personal, Namun jika memang anda ingin menjual ulang, instal di web client anda bisa order License Developer.

+62812-9438-1600

themeindocom@gmail.com

Penyedia Template And Premium
Copyright 2020 © THEMEINDO
Back to Top