Cara Pasang widget Buka lapak Di AMP



BLOG MOBILE.



Sebenarnya saya tidak berjualan di buka lapak karna saya butuh materi artikel untuk blog makanya saya buat akun buka lapak untuk bahan artikel saya hehe
tetapi ini bisa di jadikan refensi buat anda jika ingin mempromosikan barang jualan anda di buka lapak untuk jangkauan yang lebih luas lagi.

bukalpak merupakan salah satu marketplace yang cukup besar yang ada di Indonesia dengan warna background merah nya yang menjadi salah satu ciri market place tersebut.

buka lapak juga sangat mudah di gunakan untuk jualan secara online dan tergolong sangat simple untuk buat akun bukalapak cukup punya akun media sosial anda bisa langsung daftar akun buka lapak atau punya alamat email yang aktif.

kali ini saya akan mencoba buat widget buka lapak di blog AMP HTML.
Seperti yang kita tau buka lapak sendiri menyediakan fitur widget untuk di pasang di blog/situs atau website pribadi.

Keuntungan membuat membuat widget buka lapak di blog ini berfungsi untuk mengingkatkan penjualan anda.kenapa begitu blog / website merupakan salah satu media online yang bisa di akses oleh semua orang di dunia asalkan punya koneksi internet tentunya hehe.
Website atau blog juga mudah sekali terindex oleh mesin pencari.
bayangkan saja jika anda punya blog atau website dengan trafik yang cukup tinggi ini bisa di jadikan alternatif untuk mempromosikan sesuatu ke pada visitor.
Apalagi kalo blog AMP ini bisa di akses lebih cepat dan sangat Seo friendly Khususnya untuk pencarian di google dengan icon petir.

widget buka lapak ini juga bisa di gunakan di berbagi flatforms.

Langsung saja ketopik postingan buat widget buka lapak di AMP HTML.

LANGKAH PERTAMA.



Silahkan anda login dulu ke akun buka lapak anda.
dan masuk ke dasbor penjual anda, liat di bawah menu ada tulisan BL WIDGET langsung saja klik dan buat WIDGET BARU untuk lebih jelasnya liat gambar di bawah ini.



LANGKAH KEDUA.





Isikan data untuk widget nya di sana tertera
Nama widget
URL blog anda
Dimensi atau ukuran widget
Dan tema atau warna.

Pastikan datanya di isi semuanya dengan required.


LANGKAH KE TIGA.



Pilih barang yang mau di jadikan widget atau thumbnail widget. dan langsung saja klik lanjut.

LANGKAH KE EMPAT.



Silahkan anda salin code HTML liat gambar di bawah ini.



LANGKAH KE LIMA.



Setelah anda salin code HTML widget buka lapak sekarang kita pasang widgetnya.
untuk blog/situs BLOGGER  Silahkan anda masuk ke LAYOUT blogger. Lalu TAMBAHAN WIDGET
pilih HTML JAVACRPIT dan simpan code HTML Buka lapak terakhir simpan dan selesai.

Tetapi permasalahnya script code HTML buka lapak tidak valid AMP dan bagimana caranya menerapkannya di blog AMP.
Solisinya kita hosting dulu scipt code HTML buka lapak di github
Misalnya seprti ini

code HTML widget buka lapak.

<script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://www.bukalapak.com/ast/widget.js';var script_doc = document.getElementsByTagName('script')[0]; if(script_doc.src != script.src) script_doc.parentNode.insertBefore(script, script_doc); })(); </script><div id="bukalapak-widget" data-widget-id="93732" data-username="dlombok" data-host="http://www.bukalapak.com"></div>

Kita hosting di github menjadi seperti ini

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>bukalapak</title>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<link href='https://fonts.googleapis.com/css?family=Roboto:100,200,300,400italic,400,500,500italic,700,700italic,900' rel='stylesheet' type='text/css'/>
</head>
<body>
<script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://www.bukalapak.com/ast/widget.js';var script_doc = document.getElementsByTagName('script')[0]; if(script_doc.src != script.src) script_doc.parentNode.insertBefore(script, script_doc); })(); </script><div id="bukalapak-widget" data-widget-id="93732" data-username="dlombok" data-host="http://www.bukalapak.com"></div>
</body>
</html>

Setelah di hosting Github kita masuk ke rawgit dan dafatkan URL rawgit  nya dan
Lalu kita iframe Amp seperti ini.

<amp-iframe width="auto" height="auto" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" frameborder="0" scrolling="no" src="URL DI SINI"> </amp-iframe>

Dan pasang di widget blog/situs anda.
Hasilnya kurang lebih akan terlihat seperti di bawah ini.

tetapi sedikit masalah widget buka lapak untuk blog AMP hanya bisa di liat di browser mobile seperti uc browser,opera mini dan lain lain.
Untuk browser versi detop gak mucul.
Bisa juga liat demonya di bawah ini

Demo

Mungkin saya salah kode hehe silahkan anda edit edit lagi hehe.
Selamat mencoba.
Terimakasih sudah berkunjung ke blog saya dan sekarng ada sedang membaca artikel CARA PASANG WIDGET BUKA LAPAK DI AMP.

Dan URL permalink nya.
http://bloggingmobile.blogspot.com/2017/05/cara-pasang-widget-buka-lapak-di-amp.html

blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×