Buat Tombol Add Friend LINE

Hallo blogger kembali lagi ke artikel tentang tutorial blogger amp dan kali ini saya akan membuat tutorial cara Buat Tombol Add Friend LINE di AMP HTML jadi teman-teman yang punya line dan pengen pasang id line nya di website bisa ikuti tutorial ini , bukan hanya Buat Tombol Add Friend LINE saya juga bakal share cara buat macam-maca tombol share di blogger yang sudah valid dengan amp aja saja yang akan saya bagikan tentang line button ini dan tidak akan di persulit tutorial nya biar bisa langsung action di blogger nya.
Silakan di simak dengan baik biar ridak ada kesalahan saat memasang nya karna menggunakan Javascript jadi manfaatkan hosting github dan Rawgit untuk pemasangan nya, apa saja tombol line yang akan saya bagikan

Langkah untuk pengguna

  • Harus punya akun github dulu ya bisa buka dan daftar disini https://github.com
Buat file baru lalu masukan code di bawah ini jangan lupa file yang di buat di github menggunakan tipe html seperti milik saya berikut : https://rawgit.com/feryferlangga/feryamp/master/linelike.html

<h4><center>Add Line</center></h4>
<div class="line-it-button" style="display: none;" data-lang="id" data-type="friend" data-lineid="feryferlangga" data-count="true"></div>
<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

Bagian biru silakan ganti dengan id line kamu ini adalah tombol Add Friend LINE, maka akan menjadi seperti di bawah ini.
Cara penggunaan nya sebangai seperti di bawah ini
<amp-iframe height='100' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' src='https://rawgit.com/feryferlangga/feryamp/master/linelike.html'>
</amp-iframe>

untuk kode script asli nya adalah seperti ini.
<div class="line-it-button" data-lang="id" data-type="friend" data-lineid="feryferlangga" data-count="true" style="display: none;"></div>
<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

jika ingin memasang tombol share Line bisa menggunakan script berikut ini
<div class="line-it-button" data-lang="id" data-type="like" data-url="https://www.ffery.com" data-share="true" style="display: none;"></div>
<script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>

silakan ganti code yang saya beri warna biru dengan domain blog anda, jika ingin lebih jelas nya lagi silakan langsung berkunjung ke website plugins line disini https://media.line.me/id/how_to_install#likebutton


Use parse tool to easy get the text style on disqus comments:

Show ParserHide Parser