hasilkan duit melimpah dari internet hanya dengan share link ke media sosial

Oleh Yulius Label: Sosial media di Mei 04, 2019

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfE48dsedHh9s7Pm-hiEgIDpsvED0n_5kfPQQde_LocE9YOu9cBk4WRFp5MmWrfcz1QZH1d9Ro9hBHteKJWZW-MQObCIqiOcm865LwYbojic1J5CtrNF_ngff3dJfuF0azAWmQfL1pVw/s1600/head.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="146" data-original-width="800" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfE48dsedHh9s7Pm-hiEgIDpsvED0n_5kfPQQde_LocE9YOu9cBk4WRFp5MmWrfcz1QZH1d9Ro9hBHteKJWZW-MQObCIqiOcm865LwYbojic1J5CtrNF_ngff3dJfuF0azAWmQfL1pVw/s640/head.png" width="100%" /></a></div>
<div>
<div style="text-align: center;">
<br /></div>
</div>
<div>
Hanya Share Link ke Media Sosial, </div>
<div>
Dibayar Hingga Ratusan Ribu Rupiah Perhari</div>
<div>
<br /></div>
<div>
  Saatnya Anda Bergabung Bersama Agenshare.com untuk Hasilkan Profit Setiap Harinya dari Internet  </div>
<div>
<br /></div>
<div>
Tanpa harus capek-capek banting tulang dan keluar keringat, kamu bisa dengan mudah dapat uang dari internet. Tanpa modal untuk jualan, disini kamu bisa mudah dapat uang secara gratis. Dengan cara update status di media sosial, kamu akan mendapatkan bayaran uang sesuai dengan jumlah kunjungan unik yang di klik melalui link yang telah kamu bagikan melalui Facebook, Whatsapp, Instagram, Twitter, dan lainnya.</div>
<div>
<br /></div>
<div>
Ingat...! (kunjungan unik adalah kunjungan dari pengunjung baru yang belum pernah mengunjungi sebelumnya). Dan ini merupakan cara yang paling mudah dan sederhana yang hampir semua netter bisa lakukan dan ini sudah menjadi rutinitas sehari-hari bagi kamu para milenial.</div>
<div>
<br /></div>
<div>
Semakin banyak teman dan orang lain yang mengklik link melalui status yang Anda bagikan, maka kian besar pula uang yang bisa kamu kumpulkan.</div>
<div>
<br /></div>
<div>
Agenshare.com</div>
<div>
<br /></div>
<div>
Rincian Komisi/ Profit Agenshare.com:</div>
<div>
- Member Free Rp 250/ Klik</div>
<div>
- Member Premium Rp 600/ Klik</div>
<div>
<br /></div>
<div>
Illustrasi penghasilan Member Free:</div>
<div>
- 1.000 klik x 250 = Rp 250.000 Perhari</div>
<div>
- 1.000 klik x 30 x 250 = Rp 7.500.000 Perbulan</div>
<div>
- Minimal penarikan: Rp 250.000</div>
<div>
<br /></div>
<div>
Illustrasi penghasilan Member Premium:</div>
<div>
- 1.000 klik x 600 = Rp 600.000 Perhari</div>
<div>
- 1.000 klik x 30 x 600 = Rp 18.000.000 Perbulan</div>
<div>
- Minimal penarikan: Rp 500.000</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div style="text-align: center;">
<span style="font-size: x-large;">(<a href="https://agenshare.com/frjk673.html">Share Link Sekarang</a>)</span></div>
<div id="insertad2">
</div>
<script>  (function() {     var cx = 'partner-pub-8374748405632371:5013391758';     var gcse = document.createElement('script');     gcse.type = 'text/javascript';     gcse.async = true;     gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;     var s = document.getElementsByTagName('script')[0];     s.parentNode.insertBefore(gcse, s);   })(); </script><gcse:searchbox-only></gcse:searchbox-only></div>

Hanya Share Link ke Media Sosial, Dibayar Hingga Ratusan Ribu Rupiah Perhari Saatnya Anda Bergabung Bersama Agenshare.com u...

MARKETPLACE DIGITAL PRODUCT

Oleh Yulius Label: produk digital di April 28, 2019

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<ul class="button" style="text-align: center;"><div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
<div style="text-align: center;">
</div>
</div>
</div>
</div>
</div>
</ul>
<div id="light-toc">
<div id="toc_list" onclick="if (document.getElementById('toc').style.display === 'none') { document.getElementById('toc').style.display = 'block'; } else { document.getElementById('toc').style.display = 'none'; }" role="button" tabindex="0">
<b>DIGITALPRODUCTSALE</b> <svg height="18" viewbox="0 0 24 24" width="100%"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" fill="#000000"></path></svg></div>
<div id="toc">
<ol>
</ol>
</div>
<br />
<br />
<br />
<li><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_1" title="<h4 id=" toc_1=""><b>INSTANT PRESS</b></a></li>
</div>
</div>
</div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhYVJVsAWVGFWkkLqXfofPEbymjojnIWHlpFY4rYg8-6wQibpH758cd_RbZ8nAzpEkMaCBhgcvDAb5wg9f9PVSOq0i6pxBmevMN048MeET-AKy69_seP_U48cVdO2N9YwtvKxJho5tY8/s1600/Screenshot_15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="538" data-original-width="868" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxhYVJVsAWVGFWkkLqXfofPEbymjojnIWHlpFY4rYg8-6wQibpH758cd_RbZ8nAzpEkMaCBhgcvDAb5wg9f9PVSOq0i6pxBmevMN048MeET-AKy69_seP_U48cVdO2N9YwtvKxJho5tY8/s640/Screenshot_15.jpg" width="640" /></a></div>
<span class="first-letter">C</span>ara Instan dan Cepat untuk mengelola banyak website dalam 1 tempat tanpa harus menghabiskan banyak waktu kerja anda  Silahakan join waiting list untuk mendapatkan kesempatan hadiah sebagai berikut;   <br />
<ul style="text-align: left;">
<li>AKSES GRATIS! untuk 10 orang di undi yang akan mendapatkan akses gratis INSTANT PRESS</li>
<li>E-Book GRATIS! Tentang Cara Membuat dan Mengelola Banyak Website dengan mudah dan cepat!</li>
</ul>
<b><span style="color: blue; font-size: large;">Download E-Book tentang Website</span></b><b><span style="color: blue; font-size: large;">FREE - Ebook tentang Website</span></b><span style="color: blue;"><b><span style="font-size: large;">Dengan join ke dalam waiting list ini</span></b>,</span> anda akan mendapatkan; <b></b> <b>1. Kesempatan untuk akses GRATIS INSTANT PRESS yang akan saya undi secara acak untuk 10 orang</b><b>2. E-Book GRATIS tentang "Bagaimana Cara Membuat dan Mengelola Banyak Website"</b> <br />
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=130" target="_blank">BACA SELENGKAPNYA</a></li>
<ul class="button"></ul>
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b>DOBEL50%</b> ]</ul>
<ul class="button"> 
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=131" target="_blank">DOWNLOAD EBOOK</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<br />
<br />
<br />
<br />
<li><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_2" title="<h4 id=" toc_2="">2. Magic Video FX Bundle</a></b></li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3dBsG2bC5IK18Avdmc7lox5-uApZwYCBl_kQbONT_X1wpu7y6ibtntXkeQiQG-Emn8NcgOVi2mSrbmCU1c7COSC3PrtwO7bBfZt6xLbtx7Ghb2j8injVQYCqhZvfgrftdNje-E17ze0k/s1600/Screenshot_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="574" data-original-width="759" height="484" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3dBsG2bC5IK18Avdmc7lox5-uApZwYCBl_kQbONT_X1wpu7y6ibtntXkeQiQG-Emn8NcgOVi2mSrbmCU1c7COSC3PrtwO7bBfZt6xLbtx7Ghb2j8injVQYCqhZvfgrftdNje-E17ze0k/s640/Screenshot_3.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span class="first-letter">T</span>IGA VERSI BUNDLE MAGIC VIDEO FX  DENGAN RATUSAN VIDEO TEMPLATES BERKUALITAS KINI HADIR DI INDONESIA DENGAN HARGA MURAH...   Attention: Anda juga akan mendapatkan sebuah rahasia "kecil"  untuk bisa menjual dan mendapatkan profit berkelanjutan, hanya dari menjual jasa video dari sebuah video template....  ➤Premium Quality : Sudah terbukti Kualitasnya di Market Internasional dengan penjualan lebih dari 8000+ sales  ➤Premium Guide : Anda tidak hanya akan mendapatkan template video, tapi juga akan mendapatkan panduan untuk menjual video animasi secara berkelanjutan.  ➤Full Support Selling : Anda juga akan mendapatkan Software pembuat landing page, untuk menjual service video animasi dengan mudah. ➤Done For You : Semua, dan apapun yang anda butuhkan sudah kami siapkan. Anda hanya tinggal menjual dan mendapatkan profit. ➤Update Every Month : kami juga akan memberikan update Brand new video template setiap bulannya.  <br />
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=84" target="_blank">BACA SELENGKAPNYA</a></li>
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<br />
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=86" target="_blank">Magic Video FX Vol. 1</a></li>
<br />
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<br />
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=88" target="_blank">Magic Video FX Vol. 2</a></li>
<br />
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<br />
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=90" target="_blank">Magic Video FX Vol. 3</a></li>
<br />
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b>DOBEL50%</b> ] </div>
</div>
</div>
</ul>
<ul class="button">
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=85" target="_blank">ORDER SEMUA LEBIH MURH</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<br />
<br />
<br />
<br />
<li><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_3" title="<h4 id=" toc_3="">3. PRO Mastery</a></b></li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwrbvNgng3-biXT9GayGxTW-nf8vx3yrSArtxNBxuPQin5GNCJdtrrL40td8OwBa1QmGThDcnRqDDwKiz_xriNNDm-UeS3DCCmqSxCWYOCGMQn5Vm5rO4WQon0BXndneAFcINCxrq4Uxc/s1600/ecover-min-1024x916.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="916" data-original-width="1024" height="572" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwrbvNgng3-biXT9GayGxTW-nf8vx3yrSArtxNBxuPQin5GNCJdtrrL40td8OwBa1QmGThDcnRqDDwKiz_xriNNDm-UeS3DCCmqSxCWYOCGMQn5Vm5rO4WQon0BXndneAFcINCxrq4Uxc/s640/ecover-min-1024x916.png" width="640" /></a></div>
<span class="first-letter"></span> <span class="first-letter"></span> <span class="first-letter">S</span>olusi CEPAT dan TEPAT untuk Anda yang ingin Memiliki Passive Income berkali kali lipat dari menjual sebuah PRODUK DIGITAL  Sebuah panduan lengkap yang akan mengajarkan sekaligus membimbing anda mulai DARI NOL untuk menjadi seorang pembuat produk digital (Product Creator)  ➤ 45 Modul Video Panduan Siap di pelajari ➤170+ Video Tutorial ➤Webinar Series Setiap Bulan ➤5 Software Siap Jual! ➤6 Produk Tutorial Siap Jual! ➤300+ PLR Produk Siap di Monetize ➤Support Grup Facebook & Telegram ➤FREE! Update Modul Materi PRO MASTERY   <br />
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=123" target="_blank">BACA SELENGKAPNYA</a></li>
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b>DOBEL50%</b> ]</ul>
<ul class="button"> 
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=124" target="_blank">ORDER SEKARANG</a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<br />
<br />
<br />
<br />
<li><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_4" title="<h4 id=" toc_4="">4. SNAPIXA</a></b></li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqNqvXbb-dKEz63MZtMAka18pZS7-8GGSA0u0kOu8D2_gQn96n1eRQKZ6u4V0RUhV99KWoDUXSnwO20rnCMSVojhE49780nRwTQVYsQajdbRMWHIbkLKi5dyv1Umegu4qvAGrFCwwu28/s1600/cover-fix-min.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="855" data-original-width="1600" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXqNqvXbb-dKEz63MZtMAka18pZS7-8GGSA0u0kOu8D2_gQn96n1eRQKZ6u4V0RUhV99KWoDUXSnwO20rnCMSVojhE49780nRwTQVYsQajdbRMWHIbkLKi5dyv1Umegu4qvAGrFCwwu28/s640/cover-fix-min.png" width="640" /></a></div>
<b>Mulai Sekarang Anda bisa Membuat Website, Toko Online, atau Landing Page dengan Cepat dan Mudah!</b>  <iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="349" src="https://www.youtube.com/embed/1EVv7yqaxHs" width="490"></iframe>   <span class="first-letter">T</span>idak butuh SKILL CODING, tanpa butuh Langganan Hosting dan Domain Hanya butuh DRAG & DROP saja! ➤ Sekali Bayar, tanpa biaya bulanan/tahunan ➤ 50+ Template Siap Pakai ➤ Agency License (bisa dijual lagi) ➤ Drag & Drop Inline Editor    <br />
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=105" target="_blank">BACA SELENGKAPNYA</a></li>
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b>DOBEL50%</b> ]</ul>
<ul class="button"> 
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=107" target="_blank">ORDER SEKARANG</a></li>
<h4>
<span style="font-size: large;"> </span></h4>
<h4 style="text-align: left;">
<span style="font-size: large;"> </span></h4>
<h4 style="text-align: left;">
<span style="font-size: large;"> Agency Page SNAPIXA</span></h4>
<div>
<span style="font-size: large;"> </span></div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JMXgiTNbIwohzZD6tKN8GxcIkuNosID8Ck6O0TEhj9PjR_KwGiyeIYISEbuROO-68u_PfAnzx29KAbaA7EpDtNs0axfEKGYx3bfsKu9h_LabowR_rGrxV9tZODxUtOEMyL4Qgo00GII/s1600/Screenshot_8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="795" height="364" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9JMXgiTNbIwohzZD6tKN8GxcIkuNosID8Ck6O0TEhj9PjR_KwGiyeIYISEbuROO-68u_PfAnzx29KAbaA7EpDtNs0axfEKGYx3bfsKu9h_LabowR_rGrxV9tZODxUtOEMyL4Qgo00GII/s640/Screenshot_8.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
</div>
</ul>
</div>
<div style="text-align: left;">
<span class="first-letter">K</span>esempatan untuk anda mendapatkan keuntungan 100% dari menjual kembali akses SNAPIXA kepada orang lain... Apa itu Agency License? Agency license adalah sebuah lisensi yang memungkinkan anda untuk bisa menjual kembali akses snapixa dalam bentuk user kepada orang lain. Dengan Agency License ini, anda memiliki sebuah kemungkinan atau potensi besar untuk mendapatkan keuntungan 100% profit anda dari menjual akses snapixa kepada orang lain. Untuk lebih detailnya silahkan penjelasan videonya di bawah ini... Untuk siapa Agency License? Jika anda saat ini sedang ingin mencari penghasilan yang instant, agency license ini sangat memberikan peluang untuk anda melakukan hal itu. Karena disini, posisi anda tidak perlu lagi untuk membuat sebuah produk. Dengan agency license, anda bisa mendapatkan keuntungan 100%! Bagaimana cara kerja Agency License? Cara kerja yang ada di dalam AGENCY License ini sangatlah mudah dan simple. Sebagai analogi anda bisa melihat video di bawah ini ini..</div>
<ul class="button"><span class="first-letter"> </span></ul>
<ul class="button"></ul>
<ul class="button"></ul>
<ul class="button">   <iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="301" src="https://www.youtube.com/embed/HJoVJDFJE-c" width="490"></iframe>  <div style="text-align: center;">
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<br />
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=110" target="_blank">Agency Page Snapixa</a></li>
<br />
<div style="text-align: center;">
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b>DOBEL50%</b> ]</div>
</div>
</div>
</ul>
<ul class="button">
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=111" target="_blank">Register Snapixa</a></li>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0EYfGVjnq_VWZBt58pHpClidY4C3NOdKtOXKvWjxE2jWu0V7GtB9oRX5awB1g4OuOgHypZqrZDBHl23-aAf0BTzAtNsU0tAezMwaHvD2JuLyRmnReb2ljvKXLpUMq7eE7C-hYSIMNvM/s1600/Screenshot_9.jpg" imageanchor="1"><img border="0" data-original-height="473" data-original-width="896" height="337" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0EYfGVjnq_VWZBt58pHpClidY4C3NOdKtOXKvWjxE2jWu0V7GtB9oRX5awB1g4OuOgHypZqrZDBHl23-aAf0BTzAtNsU0tAezMwaHvD2JuLyRmnReb2ljvKXLpUMq7eE7C-hYSIMNvM/s640/Screenshot_9.jpg" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0EYfGVjnq_VWZBt58pHpClidY4C3NOdKtOXKvWjxE2jWu0V7GtB9oRX5awB1g4OuOgHypZqrZDBHl23-aAf0BTzAtNsU0tAezMwaHvD2JuLyRmnReb2ljvKXLpUMq7eE7C-hYSIMNvM/s1600/Screenshot_9.jpg" imageanchor="1"></a>              <br />
<ul class="button"></ul>
<br />
<br />
<br />
<br />
<br />
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=112" target="_blank">Credit Calculator</a></li>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXE7Wk6SGro1RHfUMamhbk7mQQSZVIecKpBzhMK3xKj8_31Xpw7XgAjg6QgzJhJsojtTeHPmiRpivrjjY7duiWljrvNg_LvIQww94i4Odwrgm1LPlQViCxNoynLN-0apmj8Y5w9fPIwwE/s1600/Screenshot_10.jpg" imageanchor="1"><img border="0" data-original-height="182" data-original-width="1108" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXE7Wk6SGro1RHfUMamhbk7mQQSZVIecKpBzhMK3xKj8_31Xpw7XgAjg6QgzJhJsojtTeHPmiRpivrjjY7duiWljrvNg_LvIQww94i4Odwrgm1LPlQViCxNoynLN-0apmj8Y5w9fPIwwE/s640/Screenshot_10.jpg" width="640" /></a>
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=113" target="_blank">Preview Templates Snapixa</a></li>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbP8PudJwVatGkJjnmZxJ72I4agv-RytA8QXK8g8F0b6mJGCOgaUuW3OoaS9S4AbbQR-n8wxylAf0eKPz0RRXFawKuQD9P47xnSrzSWD3zfZrSDPaShjzv0la6TeFcOYtURX7zdRPWkMg/s1600/Screenshot_11.jpg" imageanchor="1"><img border="0" data-original-height="566" data-original-width="1239" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbP8PudJwVatGkJjnmZxJ72I4agv-RytA8QXK8g8F0b6mJGCOgaUuW3OoaS9S4AbbQR-n8wxylAf0eKPz0RRXFawKuQD9P47xnSrzSWD3zfZrSDPaShjzv0la6TeFcOYtURX7zdRPWkMg/s640/Screenshot_11.jpg" width="640" /></a>
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=114" target="_blank">Perbedaan Snapixa dengan layanan Lain</a></li>
<br />
<ul class="button"></ul>
<ul class="button"></ul>
Pertanyaan Yang Paling Sering Ditanyakan                  <br />
<br />
<br />
<br />
<br />
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=115" target="_blank">FAQ SNAPIXA</a></li>
<br />
<ul class="button"></ul>
<ul class="button"></ul>
Apa yang akan anda dapatkan jika membeli SNAPIXA.....?                  <br />
<br />
<br />
<br />
<br />
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=116" target="_blank">List Fitur Snapixa</a></li>
<br />
<div style="text-align: center;">
<br />
<br />
<br />
<br />
<br />
<li style="text-align: center;"><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=117" target="_blank">Homepage</a></li>
</div>
</div>
<li></li>
<ul class="button"></ul>
<span class="first-letter">B</span>eberapa contoh halaman yang dibuat menggunakan SNAPIXA 100% BUATAN SNAPIXA!    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3UEMmQDbpJ5kG1yTyzu59Zp9yUP4Tjacxm5zPPM7cn65jSSTzQCNjt7tBSuz87ZufZHH6pCzOqNxFeNin8UDloZM-IGgXvIWLWxLj1aulWml5mHZ3j4Ue0_XurQnKSi9awvQ3sRmfnDo/s1600/Screenshot_12.jpg" imageanchor="1"><img border="0" data-original-height="547" data-original-width="809" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3UEMmQDbpJ5kG1yTyzu59Zp9yUP4Tjacxm5zPPM7cn65jSSTzQCNjt7tBSuz87ZufZHH6pCzOqNxFeNin8UDloZM-IGgXvIWLWxLj1aulWml5mHZ3j4Ue0_XurQnKSi9awvQ3sRmfnDo/s640/Screenshot_12.jpg" width="640" /></a>
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=118" target="_blank">Live Demo Snapixa</a></li>
</ul>
<br />
<br />
<br />
<br />
<br />
<li><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_5" title="<h4 id=" toc_5=""></a></b></li>
<li><b><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_5" title="<h4 id=" toc_5="">5. VIDIO ADS</a></b></b></li>
<b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_5" title="<h4 id=" toc_5="">  </a></b><br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_5" title="<h4 id=" toc_5=""></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnBCer_EadYqIPujc04byvvAwtckw9BblTHIU28mF2y9577qZJTTJXCpkVeSlItFfyuk_cr7Zeuf_SIYQDfJAP7uKqmI2za0YV-K7WKEPGSVKhJ5gbHhhk53blnm1iokuo-j0jB4iSSs/s1600/NEW-COVER-VA-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="528" data-original-width="536" height="630" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnBCer_EadYqIPujc04byvvAwtckw9BblTHIU28mF2y9577qZJTTJXCpkVeSlItFfyuk_cr7Zeuf_SIYQDfJAP7uKqmI2za0YV-K7WKEPGSVKhJ5gbHhhk53blnm1iokuo-j0jB4iSSs/s640/NEW-COVER-VA-1.png" width="640" /></a></b></div>
<b>VIDIO ADS Adalah Software yang akan membantu anda untuk membuat sebuah video promosi explainer dalam waktu 5 menit dan bisa anda post langsung ke dalam facebook atau youtube.  Cara Membuat Video Promosi Explainer dengan Cepat yang langsung terhubung dengan Facebook dan Youtube.... Tanpa Menggunakan Software Berbayar Lain Seperti Adobe Premiere, Vegas PRO, Final Cut PRO dan lainnya...     <iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="277" src="https://www.youtube.com/embed/-Gv4b5Bnddk" width="360"></iframe>    </b><br />
<div style="text-align: center;">
<ul class="button"><b>
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=102" target="_blank">BACA SELENGKAPNYA</a></li>
<ul class="button"></ul>
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50[<b><ul class="button" style="display: inline !important; font-weight: 400;"><b>DOBEL50%</b></ul>
</b><b> ]</b></b></ul>
<ul class="button"><b> 
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=103" target="_blank">ORDER SEKARANG</a></li>
</b></ul>
</div>
<b> </b><br />
<div class="clear">
</div>
<b><ins class="adsbygoogle" data-ad-client="ca-pub-8374748405632371" data-ad-format="fluid" data-ad-layout-key="-fb+5w+4e-db+86" data-ad-slot="9173016660" style="display: block;"></ins></b>   <br />
<br />
<br />
<br />
<br />
<li><b><b><a href="https://draft.blogger.com/blogger.g?blogID=8012840158412384455#toc_6" title="<h4 id=" toc_6="">6. XinemaX</a></b></b></li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUFwzI7TevloXJQJXfQOKSsilF3rPOLmCd1Pnrk26gk34u4Bh0GZFqBBXOCxUekgNhth0s_oW_FSiUlDdBSS-uMKSEz3tzW1Sel4HV1osKoDoXvnS9OrbqjbZ8chNJ9yOuuIGUTDQncs/s1600/xinemax-23-3-min-min-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="383" data-original-width="600" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMUFwzI7TevloXJQJXfQOKSsilF3rPOLmCd1Pnrk26gk34u4Bh0GZFqBBXOCxUekgNhth0s_oW_FSiUlDdBSS-uMKSEz3tzW1Sel4HV1osKoDoXvnS9OrbqjbZ8chNJ9yOuuIGUTDQncs/s640/xinemax-23-3-min-min-1.png" width="640" /></a></b></div>
<b><span class="first-letter">S</span>aat ini 85% marketer seperti anda ingin membuat video yang menarik....  Namun 90% di antaranya video video yang dibuat sama sekali tidak memiliki pendekatan emosional kepada audiencenya  XINEMAX akan Membantu Anda Untuk Membuat Video Promosi Terbaik kurang dari 10 menit dan bisa Membius Seluruh Audience anda!!   Dengan XINEMAX 1.0 VIDEO TEMPLATES buatan asli anak negeri ini, anda akan bisa dengan mudah untuk membuat video promosi yang bisa menyentuh "EMOSIONAL" pembeli anda. Dan, secara tidak langsung, PSIKOLOGIS calon pembeli akan "SEMAKIN" ingin membeli produk yang anda jual!  Semua itu bisa anda lakukan dengan 3 langkah mudah saja....   <iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="260" src="https://www.youtube.com/embed/TSkkmirEH5w" width="360"></iframe>  <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" data-ad-client="ca-pub-8374748405632371" data-ad-format="fluid" data-ad-layout-key="-fb+5w+4e-db+86" data-ad-slot="9173016660" style="display: block;"></ins>   </b><br />
<div style="text-align: center;">
<ul class="button"><b>
<li><a class="demo" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=108" target="_blank">BACA SELENGKAPNYA</a></li>
<ul class="button"></ul>
Gunakan kode berikut untuk mendapatkan diskon 50% [ <b style="text-align: left;"><div style="display: inline !important; text-align: center;">
<ul class="button" style="display: inline !important;"><ul class="button" style="display: inline !important; font-weight: 400;"><b>DOBEL50%</b><b style="text-align: left;"><div style="display: inline !important; text-align: center;">
<ul class="button" style="display: inline !important;"> ]</ul>
</div>
</b></ul>
</ul>
</div>
</b></b></ul>
<ul class="button"><b>
<li><a class="download" href="https://id.digitalproductsale.com/aff/go/yuliusagung?i=109" target="_blank">ORDER SEKARANG</a></li>
</b></ul>
</div>
<b> </b> <br />
<div class="clear">
</div>
<b> </b><br />
<div class="back_tocontent" onclick="document.getElementById('toc_list').scrollIntoView(true);" role="button" tabindex="0">
<div style="text-align: right;">
<b><b>Back to Content</b></b></div>
</div>
<b> </b><br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="insertad2">
</div>
<script>  (function() {     var cx = 'partner-pub-8374748405632371:5013391758';     var gcse = document.createElement('script');     gcse.type = 'text/javascript';     gcse.async = true;     gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;     var s = document.getElementsByTagName('script')[0];     s.parentNode.insertBefore(gcse, s);   })(); </script><gcse:searchbox-only></gcse:searchbox-only></div>
<script>  window.fbAsyncInit = function() {     FB.init({       appId      : '415900279169846',       xfbml      : true,       version    : 'v3.2'     });     FB.AppEvents.logPageView();   };    (function(d, s, id){      var js, fjs = d.getElementsByTagName(s)[0];      if (d.getElementById(id)) {return;}      js = d.createElement(s); js.id = id;      js.src = "https://connect.facebook.net/en_US/sdk.js";      fjs.parentNode.insertBefore(js, fjs);    }(document, 'script', 'facebook-jssdk')); </script>   <br />
<div class="fb-like" data-share="true" data-show-faces="true" data-width="450">
</div>
</div>

DIGITALPRODUCTSALE INSTANT PRESS C ara Instan dan Cepat untuk mengelola banyak website dalam 1 tempat ta...

Membership Zuper.id

Oleh Yulius Label: Sosial media di April 27, 2019

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<a href="https://member.zuper.id/aff/go/yuliusagung"><span style="font-size: x-large;">yulius agung Affiliate</span></a><br />
<br />
  <br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N4MwViefcyITkM9S6gV2vz93rA9OsjwqRsnP96p1pJQBUmTB0kroAahwqvaCwMoOy4p-Bhu76Jsdk87eIkZ2AfAya1XE5mFiBXYGhZlG0rblUXOMLDmbiHEl1bTeusTNTxZDOPNNr7c/s1600/Bundle-Boxes-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-N4MwViefcyITkM9S6gV2vz93rA9OsjwqRsnP96p1pJQBUmTB0kroAahwqvaCwMoOy4p-Bhu76Jsdk87eIkZ2AfAya1XE5mFiBXYGhZlG0rblUXOMLDmbiHEl1bTeusTNTxZDOPNNr7c/s1600/Bundle-Boxes-.png" /></a></div>
<br />
<br />
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="168" src="https://www.youtube.com/embed/Cy-nTHTWImQ" width="100%"></iframe></div>
<br />
<br />
DISCOVER | POST | ENGAGE | AUTOMATE | MONETIZE Tools Zuper yang Mengubah Video menjadi Money Machine bahkan tanpa perlu repot membuatnya dari NOL <br />
<br />
<script src="https://member.zuper.id/b/465266527145/yuliusagung" type="text/javascript"></script> <br />
  <script src="https://member.zuper.id/b/647154757848/yuliusagung" type="text/javascript"></script><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWHMlKvQMJNx8OrVknC8Ylo1y6J_UcxtAgQB9_0O2so9ikQPZORYAMDHqjXD59XvEggs811qeKRAgfByOAkclx8hocYX7Xoy_M9aaKV3F-TZiwZv62TEMFzC_DLg5gcv8iwC85lFEDb4/s1600/mockupcover-ZP2-new-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="514" data-original-width="1000" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWWHMlKvQMJNx8OrVknC8Ylo1y6J_UcxtAgQB9_0O2so9ikQPZORYAMDHqjXD59XvEggs811qeKRAgfByOAkclx8hocYX7Xoy_M9aaKV3F-TZiwZv62TEMFzC_DLg5gcv8iwC85lFEDb4/s1600/mockupcover-ZP2-new-2.png" /></a></div>
Cara Mudah List Building dan Retargeting di Dua Kolam Sekaligus hanya dengan Sebuah Campaign bahkan tanpa perlu siapkan Giveaway khusus  All in One List Builder: Web Notification & Email Marketing <br />
<br />
<script src="https://member.zuper.id/b/364a53523937/yuliusagung" type="text/javascript"></script> <br />
  <script src="https://member.zuper.id/b/326255377339/yuliusagung" type="text/javascript"></script><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwg5uHGQyi8hm1MGgpyDMxwpUYCD0GPyv-37JKF7TIhRc-skymIhAsGBN1WrJXXinIY8Qer0ZSqpnbWKkoiBQjaWGWDJ5HIyrzFJ9bf6fegIp9JgKfqO_Zr3CAFlRRNbcJ23qjCvo8nZg/s1600/GRAMATIC-COVER-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="449" data-original-width="700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwg5uHGQyi8hm1MGgpyDMxwpUYCD0GPyv-37JKF7TIhRc-skymIhAsGBN1WrJXXinIY8Qer0ZSqpnbWKkoiBQjaWGWDJ5HIyrzFJ9bf6fegIp9JgKfqO_Zr3CAFlRRNbcJ23qjCvo8nZg/s1600/GRAMATIC-COVER-3.png" /></a></div>
Cara Mudah Tingkatkan Follower & Profit Jualan di Instagram secara Otomatis  Jawaban Dari Macetnya Tools Optimasi Andalan Anda!! <br />
<br />
<script src="https://member.zuper.id/b/6d624055614e/yuliusagung" type="text/javascript"></script> <br />
  <script src="https://member.zuper.id/b/43486b32714b/yuliusagung" type="text/javascript"></script><br />
<br />
  <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgqVL4OfSwMxNEq_N6AjLqkbjCYmiA8mZkSnTi0V-F-SmDKVhatYc6QNNQaQknxYeZ4LQF-kx8qXbdfg9ngYez6M82OIhrXW1hucXTZqxYQmckQdsKfZYHkUt4yE1TloXibySnndd4gA/s1600/dn-ebook-768x1094.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1094" data-original-width="768" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFgqVL4OfSwMxNEq_N6AjLqkbjCYmiA8mZkSnTi0V-F-SmDKVhatYc6QNNQaQknxYeZ4LQF-kx8qXbdfg9ngYez6M82OIhrXW1hucXTZqxYQmckQdsKfZYHkUt4yE1TloXibySnndd4gA/s1600/dn-ebook-768x1094.png" /></a></div>
<br />
Khusus Networker (Pebisnis MLM)  Yang Ingin Memperluas Jaringan secara Online  Download Ebooknya sekarang (GRATIS) <br />
<br />
<script src="https://member.zuper.id/b/75687a664935/yuliusagung" type="text/javascript"></script> <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vXNQXFK2A0upUVvrpY3EJaShhGdOCq7WnfE4LpXNBNRTVZULTd3sLy6cDAXBi8CraLBd9LxSzMov2yei3D6jKi3TjkdFjel4Ij1ZnxWvECvL4_1ljHIScm7_bQfQuJgACvto2tYVypI/s1600/FACEMATIC_3_BOX.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="449" data-original-width="700" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6vXNQXFK2A0upUVvrpY3EJaShhGdOCq7WnfE4LpXNBNRTVZULTd3sLy6cDAXBi8CraLBd9LxSzMov2yei3D6jKi3TjkdFjel4Ij1ZnxWvECvL4_1ljHIScm7_bQfQuJgACvto2tYVypI/s1600/FACEMATIC_3_BOX.png" /></a></div>
<br />
Facebook Marketing Paket Lengkap Script Imacross untuk Aktivitas Facebook Marketing yang akan Meledakan Penjualan Anda Tanpa Perlu Biaya Iklan <br />
<br />
<script src="https://member.zuper.id/b/6341794e4966/yuliusagung" type="text/javascript"></script>

yulius agung Affiliate DISCOVER | POST | ENGAGE | AUTOMATE | MONETIZE Tools Zuper...

Membuat Lightbox Widget Contact Form Blogger

Oleh Yulius Label: widget di April 27, 2019

<div dir="ltr" style="text-align: left;" trbidi="on"><br />Dari beberapa tutorial saya share di artikel dengan tampilan yang bervariasi.<br /><br /><br />Pada tutorial ini saya akan membahas mengenai widget contact form dengan efek lightbox agar tidak memerlukan halaman statis untuk memasang widget contact form dimana nantinya widget contact form akan muncul seperti kotak dialog karena ini juga cara yang sama seperti saat membuat modal dialog lainnya. Bagi yang ingin menggunakan, berikut tutorialnya untuk cara Membuat Lightbox Widget Contact Form Blogger.<br /><div id="content-sidebar" style="border: 0px; box-sizing: border-box; font-family: "Google Sans", sans-serif; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="wrapper" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px auto; max-width: 990px; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline; width: 360px;"><div class="iniwrapper" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline;"><div class="content single-posts" id="content" itemprop="mainContentOfPage" style="background: rgb(255, 255, 255); border: 0px; box-shadow: none; box-sizing: border-box; float: none; font: inherit; margin: 0px; padding: 10px; vertical-align: baseline; width: 360px;"><div class="main section" id="main" name="Main" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="widget Blog" data-version="1" id="Blog1" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="blog-posts hfeed" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /><article class="post-format-image" id="post-body-1834561270854376780" itemprop="" itemscope="itemscope" itemtype="https://schema.org/BlogPosting" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; font: inherit; margin: 0px 47px 30px 0px; overflow: hidden; padding: 0px; vertical-align: baseline; width: 340px;"><div class="post-outer" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="post hentry uncustomized-post-template" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><div class="post-body entry-content" id="animated-thumbnail" itemprop="articleBody" style="border: 0px; box-sizing: border-box; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.7; margin: 0px; padding: 0px; user-select: none; vertical-align: baseline;"><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><div class="inline_wrapper" id="inline_wrapper" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="ads_middle" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="kotak_iklanpost" style="border: 0px; box-sizing: border-box; font: inherit; margin: 20px auto; padding: 0px; text-align: center; vertical-align: baseline;"></div></div></div><a href="https://draft.blogger.com/null" name="more" style="border: 0px; box-sizing: border-box; color: #f24a4a; font: inherit; margin: 0px; padding: 0px; transition: all 0.3s ease 0s; vertical-align: baseline;"></a><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><h4 style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 19.2px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 500; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;">Membuat Lightbox Widget Contact Form Blogger</h4><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Pertama, masuk ke Edit HTML template blogger lalu cari kode <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin></span> kemudian pasang kode berikut ini di atasnya.<br /><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><pre style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline;"><code class="hljs css" style="background: rgb(43, 43, 44); border-radius: 5px; border: 0px; box-sizing: border-box; color: white; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; max-height: 350px; overflow: auto; padding: 1.2em; user-select: text; vertical-align: baseline;"><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#contacts-forms</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100%</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin-bottom</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#widget-contact</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">2px</span> solid <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:fixed;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">top</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">15%</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">left</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">50%</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">400px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>:auto;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background-color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">z-index</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1000</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> -<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">200px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#widget-contact</span> <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3</span><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.juduls</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font</span>:normal <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">18px</span> Tahoma,Sans-Serif;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:relative;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">15px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">text-transform</span>:uppercase}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#widget-contact</span> <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3</span><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.juduls</span> <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:absolute;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">top</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">right</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">15px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font-size</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">22px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">text-decoration</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cursor</span>:pointer}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1</span> <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h2</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span>:none}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#area-overlay</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:fixed<span class="hljs-meta" style="border: 0px; box-sizing: border-box; color: #fc9b9b; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">!important</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">z-index</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">999</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">top</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">right</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">bottom</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">left</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background-color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#000</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">display</span>:none}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-email-message</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">355px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#222</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">outline</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1px</span> solid <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">overflow</span>:hidden;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">150px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">7px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-submit</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font-weight</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">700</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">position</span>:relative;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cursor</span>:pointer;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">float</span>:right;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">outline</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">7px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-submit</span><span class="hljs-selector-pseudo" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:hover</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#d00</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-error-message</span>,<span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-success-message</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">250px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin-top</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-name</span>,<span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-email</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">350px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#222</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">outline</span>:none;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1px</span> solid <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span> <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>}<br /><span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-name</span><span class="hljs-selector-pseudo" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:focus</span>,<span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-email</span><span class="hljs-selector-pseudo" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:focus</span>,<span class="hljs-selector-id" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#ContactForm1_contact-form-email-message</span><span class="hljs-selector-pseudo" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:focus</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1px</span> solid <span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#1e90ff</span>}<br /><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.contact-form-widget</span> <span class="hljs-selector-tag" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">margin</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>}<br /><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.contact-form-widget</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">5px</span>}<br /><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.buka-contact</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">100%</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#E74C3C</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">color</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#fff</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">font-size</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">16px</span>;<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cursor</span>:pointer}<br /><span class="hljs-selector-class" style="border: 0px; box-sizing: border-box; color: #ade5fc; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">.buka-contact</span><span class="hljs-selector-pseudo" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">:hover</span>{<span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #ffffaa; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">background</span>:<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#d00</span>}</code></pre><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Selanjutnya cari kode <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></body></span> kemudian pasang kode berikut ini tepat di atasnya.<br /><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><pre style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline;"><code class="hljs xml" style="background: rgb(43, 43, 44); border-radius: 5px; border: 0px; box-sizing: border-box; color: white; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; max-height: 350px; overflow: auto; padding: 1.2em; user-select: text; vertical-align: baseline;"><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">type</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'text/javascript'</span>></span><span class="javascript" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br />$(<span class="hljs-function" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span>(<span class="hljs-params" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span>)</span>{$(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'.buka-contact'</span>).click(<span class="hljs-function" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span>(<span class="hljs-params" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span>)</span>{$(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'#widget-contact'</span>).show();$(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'#area-overlay'</span>).fadeTo(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"normal"</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #d36363; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0.8</span>);<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">return</span> <span class="hljs-literal" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">false</span>});$(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'#widget-contact .close'</span>).click(<span class="hljs-function" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span>(<span class="hljs-params" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span>)</span>{$(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'#area-overlay, #widget-contact'</span>).hide();<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">return</span> <span class="hljs-literal" style="border: 0px; box-sizing: border-box; color: #fcc28c; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">false</span>})});<br /></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span></code></pre><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Selanjutnya cari kode <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div id='sidebar-wrapper'></span> kemudian pasang kode berikut ini tepat dibawahnya.<br /><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><pre style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; overflow-wrap: normal; overflow: auto; padding: 0px; user-select: text; vertical-align: baseline;"><code class="hljs javascript" style="background: rgb(43, 43, 44); border-radius: 5px; border: 0px; box-sizing: border-box; color: white; display: block; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: 1.5; margin: 0px; max-height: 350px; overflow: auto; padding: 1.2em; user-select: text; vertical-align: baseline;"><div id=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'contacts-forms'</span>><br /><span class="xml" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'widget-contact'</span>></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'juduls'</span>></span>Contact Form<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">href</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'#'</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'close'</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">title</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'Close'</span>></span>&#215;<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">a</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">h3</span>></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">b:section</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'kontaks'</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'kontaks'</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">maxwidgets</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'1'</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">preferred</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'yes'</span>/></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'area-overlay'</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">button</span> <span class="hljs-attr" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">class</span>=<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #a2fca2; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">'buka-contact'</span>></span>Kirim Pesan<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">button</span>></span><br /><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #62c8f3; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-name" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span></span></code></pre><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Langkah terakhir Simpan template.<br /><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Sekarang buka Tata Letak, maka disitu sudah muncul satu elemen widget baru. Selanjutnya tinggal klik Tambahkan Widget > Gadget Lainnya > Formulir Kontak seperti pada gambar dibawah ini.<br /><br style="box-sizing: border-box; margin: 0px; padding: 0px;" /><div class="separator" style="border: 0px; box-sizing: border-box; clear: both; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><a class="imglink" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdNxlqy8dp2Z5BrLzmXDGCVnrUe5g2XrLAA0Gfub4DAZUQjOSXdA5ioJn172O9nnZtwDFZeSGhdHveJSOE7fpkgk_56BO_19tVCBZREe-u9JKqaPTM-SRMWxUqg_BaF1tabp0rxBiA0c/s1600/tambah-widget.gif" style="background: none; border: 0px; box-sizing: border-box; color: #f24a4a; font: inherit; margin: 0px 1em; padding: 0px; text-decoration-line: none; transition: all 0.3s ease 0s; vertical-align: baseline;"><img class="anime" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdNxlqy8dp2Z5BrLzmXDGCVnrUe5g2XrLAA0Gfub4DAZUQjOSXdA5ioJn172O9nnZtwDFZeSGhdHveJSOE7fpkgk_56BO_19tVCBZREe-u9JKqaPTM-SRMWxUqg_BaF1tabp0rxBiA0c/s640/tambah-widget.gif" style="border: none; box-sizing: border-box; font: inherit; height: auto; margin: 0px 0px 20px; max-width: 100%; opacity: 1; padding: 0px; pointer-events: none; transform: scale(1) translateY(0px); transition: all 0.6s ease 0s; user-select: none; vertical-align: baseline;" /></a></div><br style="box-sizing: border-box; margin: 0px; padding: 0px;" />Cukup seperti itu saja untuk <span style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Membuat Lightbox Widget Contact Form Blogger</span>. Selanjutnya apabila ingin merubah tampilannya bisa sesuaikan sendiri dengan merubah pada bagian CSS.<br /><div class="kabaradd" style="border: 0px; box-sizing: border-box; font: inherit; margin: 20px auto 0px; padding: 0px; vertical-align: baseline;"><ins class="adsbygoogle" data-ad-client="ca-pub-1619167471144570" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="1308327682" data-adsbygoogle-status="done" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; display: block; font: inherit; height: 0px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><ins id="aswift_3_expand" style="background: transparent; border: none; box-sizing: border-box; display: inline-table; font: inherit; height: 0px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 340px;"><ins id="aswift_3_anchor" style="background: transparent; border: none; box-sizing: border-box; display: block; font: inherit; height: 0px; margin: 0px; opacity: 0; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 340px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="284" hspace="0" id="aswift_3" marginheight="0" marginwidth="0" name="aswift_3" scrolling="no" style="border-style: initial; border-width: 0px; box-sizing: border-box; font: inherit; height: 284px; left: 0px; margin: 0px; max-width: 100%; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 340px;" vspace="0" width="340"></iframe></ins></ins></ins></div></div></div><div id="initab" style="border: 0px; box-sizing: border-box; font: inherit; margin: 30px auto 0px; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline;"><br /><section id="content1" style="border: 0px; box-sizing: border-box; display: inline-block; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline; width: 340px;"><div id="disqus_thread" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; font: inherit; margin: auto; padding: 0px; vertical-align: baseline;"></div></section></div></div></article></div></div></div></div><br /><aside id="sidebar" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" style="border: 0px; box-sizing: border-box; float: none; font: inherit; margin: 0px auto; padding: 0px 10px; vertical-align: baseline; width: 360px;"><div class="sidebar section" id="sidebar_top" name="Sidebar" style="border: 0px; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class="widget HTML" data-version="1" id="HTML5" style="background: rgb(255, 255, 255); border: 0px; box-shadow: none; box-sizing: border-box; font: inherit; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;"><div class="widget-content" style="border: 0px; box-sizing: border-box; font: inherit; margin: auto; overflow: hidden; padding: 0px; vertical-align: baseline;"><ins class="adsbygoogle" data-ad-client="ca-pub-1619167471144570" data-ad-format="auto" data-ad-slot="3187327447" data-adsbygoogle-status="done" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; display: block; font: inherit; height: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><ins id="aswift_5_expand" style="background: transparent; border: none; box-sizing: border-box; display: inline-table; font: inherit; height: 0px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 340px;"><ins id="aswift_5_anchor" style="background: transparent; border: none; box-sizing: border-box; display: block; font: inherit; height: 0px; margin: 0px; opacity: 0; overflow: hidden; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 340px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="280" hspace="0" id="aswift_5" marginheight="0" marginwidth="0" name="aswift_5" scrolling="no" style="border-style: initial; border-width: 0px; box-sizing: border-box; font: inherit; height: 280px; left: 0px; margin: 0px; max-width: 100%; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 340px;" vspace="0" width="340"></iframe></ins></ins></ins></div></div></div></aside></div></div></div><iframe id="st_gdpr_iframe" src="https://c.sharethis.mgr.consensu.org/v1.0/cmp/portal.html" style="border-style: initial; border-width: 0px; box-sizing: border-box; font-family: "Google Sans", sans-serif; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; height: 0px; left: -5000px; line-height: inherit; margin: 0px; max-width: 100%; padding: 0px; position: absolute; vertical-align: baseline; width: 0px;"></iframe><br /><ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" data-anchor-shown="true" data-anchor-status="displayed" style="background: rgb(84, 110, 122) !important; border: 0px; box-sizing: border-box; display: block; font-family: "Google Sans", sans-serif; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; height: 61px; left: 0px; line-height: inherit; margin: 0px; opacity: 1; overflow: visible !important; padding: 0px; position: fixed; top: 0px; vertical-align: baseline; width: 360px; z-index: 2147483647;"><ins id="aswift_6_expand" style="background: transparent; border: none; box-sizing: border-box; display: inline-table; font: inherit; height: 56px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 360px;"><ins id="aswift_6_anchor" style="background: transparent; border: none; box-sizing: border-box; display: block; font: inherit; height: 56px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; visibility: visible; width: 360px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="56" hspace="0" id="aswift_6" marginheight="0" marginwidth="0" name="aswift_6" scrolling="no" style="border-style: initial; border-width: 0px; box-sizing: border-box; font: inherit; height: 56px; left: 0px; margin: 0px; max-width: 100%; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 360px;" vspace="0" width="360"><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>   <br /><ins class="adsbygoogle" data-ad-client="ca-pub-8374748405632371" data-ad-format="auto" data-ad-slot="5919532590" data-full-width-responsive="true" style="display: block;"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></iframe></ins></ins></ins></div>

Dari beberapa tutorial saya share di artikel dengan tampilan yang bervariasi. Pada tutorial ini saya akan membahas mengenai widget contact f...

Mengganti Fungsi Widget Label Menjadi Dropdown

Oleh Yulius Label: widget di April 27, 2019

Mengganti Fungsi Widget Label Menjadi Dropdown - Pada postingan ke tiga hari ini Arlina Design akan berbagi tutorial tentang bagaimana cara ...