situs nonton bioskop online streaming film gratis sub indonesia situs poker online poker88 agen poker terpercaya
  1. bioskop online
  2. poker online
  3. poker88
  4. dewapoker
  5. 18dewa
  6. tunaspoker
  7. bigpoker88
  8. singapoker
  9. domino88
  10. 18dewapoker
  11. idn poker88
  12. big poker88
  13. bandar poker
  14. poker369
  15. slot online
  16. Tunas poker
  17. poker99
  18. Idn Poker
  19. 18Dewa

1/24/2020

Cara Bikin Button social share di Blog AMP

1/24/2020

Perlukah tombol social share di blog?


Dalam sebuah postingan blog biasanya terdapat tombol berbagi atau social share, entah berada diatas, dibawah, ataua dibuat secara melayang. Namun tujuannya adalah sama yaitu untuk memudahkan pembaca dalam membagikan artikel tersebut ke dalam komunitasnya.

Keuntungan yang bisa didapat oleh pemilik blog adalah dapat meningkatkan jumlah pengunjung. Selain itu juga ada kebanggaan tersendiri jika bisa saling berbagi memberikan informasi yang bermanfaat bagi orang lain melalui tulisan di blog.

Social share ini bermacam-macam misalnya bagikan ke Facebook, Twitter, Instagram, Linkedin, Pinterest, Email, dan lainnya.

Namun mengingat jumlah pemakai smartphone yang semakin meningkat dan mereka juga menjelajahi internet termasuk blog menggunakan smartphone. Dan hampir smartphone yang digunakan tersebut terpasang aplikasi messaging populer yaitu Whatsapp.

Aplikasi Whatsapp ini semakin hari semakin banyak penggunanya terlebih setelah meredupnya dominasi BBM yang sempat beken beberapa waktu lalu. Whatsapp tidak hanya digunakan untuk keperluan komunikasi saja, namun juga untuk kegiatan bisnis dan promosi yang efektif.

Nah kepopuleran Whatsapp ini bisa kita manfaatkan untuk menjangkau lebih luas lagi pembaca blog kita. Caranya bagaimana?

Dengan memasang tombol berbagi ke Whatsapp maka pengunjung atau pembaca artikel bisa langsung membagikan artikel tersebut kepada teman, saudara, atau WAG. Penasaran cara pasangnya?

Cara membuat social share valid AMP


Pada umumnya setiap template Blogger sudah disertakan tombol berbagi/social share, namun tidak semuanya sudah terdapat share Whatsapp. Untuk itu kamu perlu merombak sedikit template yang kamu miliki agar memilikinya.

Baiklah teman Pemula tidak perlu berlama-lama, dikutip dari laman kompiajaib-nya mas Adhi, dan jika kamu mempunyai blog valid AMP dan ingin memasang tombol berbagi termasuk Whatsapp, kamu bisa mengikuti langkah-langkah berikut ini yaitu :
  • Masuk ke dashboard Blogger
  • Kemudian pilih menu theme atau tema
  • Carilah kode </head> untuk memudahkan kamu bisa menggunakan tombol CTRL + F
  • Setelah ketemu salin dan tempelkan kode berikut tepat diatas kode </head>
  • (Jika kode sudah ada, kamu bisa melewati langkah ini)


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>

</b:if>

  • Kemudian salin dan tempelkan kode berikut ini di bagian CSS template :


/* Social Share */

.sharethis{position:relative;margin:20px 0;padding:0;font-size:0}

.sharethis .tw,.sharethis .gp,.sharethis .pi,.sharethis .fb,.sharethis .li,.sharethis .wa,.sharethis .ta,.sharethis .sms,.sharethis .em{width:11.111111%;height:30px;line-height:30px;margin:0;text-align:center;display:inline-block;float:left}

.sharethis amp-social-share{vertical-align:middle}

.sharethis .tw{background-color: #55acee;}

.sharethis .gp{background-color: #dc4e41;}

.sharethis .fb{background-color: #3b5998;}

.sharethis .pi{background-color: #bd081c;}

.sharethis .li{background-color: #0077b5;}

.sharethis .wa{background-color: #25d366;}

.sharethis .ta{background-color: #3c5a77;}

.sharethis .sms{background-color: #ca2b63;}

.sharethis .em{background-color: #000;}

  • Setelah itu carilah kode seperti berikut ini :


<b:includable id='shareButtons' var='post'>

............

............

............

</b:includable>

  • Jika sudah ketemu, salin dan tempelkan kode berikut di bawah kode </b:includable>


<b:includable id='share-tool' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='sharethis'>

<div class='tw'>

<amp-social-share height='20' type='twitter' width='20'/>

  </div>

<div class='gp'>

<amp-social-share height='25' type='gplus' width='25'/>

  </div>

<div class='fb'>

<amp-social-share data-param-app_id='254325784911610' height='20' type='facebook' width='20'/>

  </div>

<div class='pi'>

<amp-social-share expr:data-param-media='data:post.firstImageUrl' height='25' type='pinterest' width='25'/>

  </div>

<div class='li'>

<amp-social-share height='25' type='linkedin' width='25'/>

  </div>

<div class='ta'>

<amp-social-share height='20' type='tumblr' width='20'/>

  </div>

<div class='wa'>

<amp-social-share data-share-endpoint='whatsapp://send' expr:data-param-text='&quot;Check out this article: &quot; + data:post.title + &quot; - &quot; + data:post.url' height='15' type='whatsapp' width='15'/>

</div>

<div class='sms'>

<amp-social-share height='15' type='sms' width='15'/>

</div>

<div class='em'>

<amp-social-share height='25' type='email' width='25'/>

</div>

<div class='clear'/>

</div>

</b:if>

</b:includable>

Tinggal selangkah lagi pemasangan tombol social share selesai. Jika langkah diatas sudah dilakukan semua maka selanjutnya adalah saatnya memasang kode untuk menampilkannya.

Untuk menampilkan tombol social share ini tergantung dari selera masing-masing ya, kalau Saya cenderung suka memasangnya dibawah artikel. Untuk kodenya adalah sebagai berikut :


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:include data='post' name='share-tool'/>

</b:if>

Sudah selesai?


Jika sudah jangan lupa untuk klik tombol simpan tema atau theme agar semua perubahan tadi bisa tersimpan dengan baik. Selanjutnya silahkan cek di artikel blog apakah tombol social share yang telah dibuat tadi sudah muncul atau belum. Dan tradaaaa, caranya cukup mudah kan?
 
50 Kata Kata Santuy Santai Sejenak Tapi Bermakna dalam Hidup Mengenal Sistem Pendidikan di Jerman dan Tingkat Pendidikannya50 Kata Kata Caption Sepasang Sepatu yang Bijak dan RomantisPesona Cerita Rakyat Candi Prambanan di Indonesia50 Kata Kata Beruntung Memilikimu Terbaik Romantis 30 Kata Kata untuk Ayah yang Telah TiadaKata Kata Bijak Tentang Mengayuh Sepeda Cocok untuk Caption InstagramNominasi Hp Terbaik di Tahun 2019 sampai 202050 Quotes Kata Kata Bijak Tentang Menghargai Waktu50 Kata Kata Nyaman Bersamamu, Nyaman Bersama Pasangan Kekasih50 Kata Kata Menikmati Hidup Apa Adanya dengan Bersyukur40 Kata Kata untuk Pahlawan yang Telah Gugur Menikah Dulu atau Membahagiakan Orang Tua Dulu, Mana yang Lebih Baik? Kumpulan Ucapan Valentine Day untuk orang Spesial50 Kata Kata Ucapan Terima Kasih Kepada Pahlawan 30+ Kata Kata Pura Pura Bahagia Itu Sakit untuk Status dan Caption Instagram50 Quotes Kata Kata Tentang Bayangan Cocok untuk Caption Instagram50 Kata Kata Rebahan Lucu untuk Caption Instagram dan Update Status14 Macam Seserahan Pernikahan Adat Jawa ( Piranti atau Sarana Paningset ) Doa Katolik Mohon Kesehatan di Masa Pandemi50 Kata Kata Jangan Mencintai Seseorang Berlebihan dan Terlalu Dalam50 Kata Kata Bijak Tentang Persaudaraan Sejati30 Quotes Kata Kata Bertemu Teman Lama Cocok untuk Caption Instagram30 Kata Kata Ucapan Selamat Hari Ibu yang Sudah Meninggal Sedih Menyentuh Hati79 Nama Pekerjaan (Panggaweyan) dalam Bahasa Jawa50 Kata Kata Saling Cinta Tapi Tak Bisa Bersama Menyentuh Hati50 Kata Kata Kasih Sayang Ibu Terhadap Anaknya yang Menyentuh Hati50 Kata Kata Bosan dalam Hubungan Itu Wajar50 Kata Kata Jangan Pernah Bosan Menghadapi Sikapku 50 Kata Kata Kesetian Cinta pada Pasangan Paling Romantis20 Kata Kata Bijak Nadiem Makarim Tentang Pendidikan, Bisnis, Teknologi dan Motivasi Kehidupan50 Kata Kata Mutiara Menanti Jodoh Terbaik5 Cara Cek Tagihan BPJS dengan Mudah60 Kata Kata Bijak Jangan Membandingkan Dirimu dengan Orang Lain50 Kata Kata Bijak Jangan Berprasangka Buruk Terhadap Orang LainKumpulan Nama Anak Hewan dalam Bahasa Jawa50 Kata Kata Kembang Api yang Indah Spesial Menyambut Tahun Baru 2020Contoh Doa Malaikat Tuhan ( Angelus ) dan Ratu Surga secara Katolik60 Kata Kata Bijak Sendiri Mungkin Lebih Baik50 Kata Kata Jangan Mengeluh dalam Bekerja Sebagai Motivasi Kerja Karyawan50 Kata Kata Rindu Ibu yang Jauh Di sana50 Quotes Kata Kata Bijak Rumput Tetangga Lebih Hijau Daripada Rumput SendiriCara Pencegahan dan Penularan Ibu HIV Positif ke BayiSebutan Nama Orang "Jenenge Wong" dalam Bahasa Jawa50 Kata Kata Bijak Tentang Prestasi yang Memotivasi50 Kata Kata Perjuangan Pahlawan40 Kata Kata Bijak Tentang Perjuangan Seorang Ayah50 Kata Kata Mutiara Tentang Menjaga Mulut30 Kata Kata Bijak BJ Habibie Terbaik Paling MenginspirasiManfaat dan Proses Hemodialisa ( cuci darah ) sampai komplikasi50 Kata Kata Ucapan Selamat Hari Toleransi Internasional 16 November 201950 Kata Kata Bijak Tentang Toleransi Antar Umat Beragama50 Kata Kata Ucapan Selamat Hari Kemerdekaan Indonesia 17 Agustus 202050 Kata Kata Bijak Tentang Kritik yang Baik dan Membangun50 Kata Kata Lelah dengan Keadaan Hidup yang Seperti Ini30 Kata Kata Bijak Rumah Tangga Harmonis50 Kata Kata Ucapan Terima Kasih 2020 dalam Rangka Menyambut Tahun 202150 Kata Kata Caption Tentang Makanan yang Menarik dan Lucu60 Kata Kata Bijak Tentang Pengalaman Hidup yang Berharga, Pengalaman Pahit dan Manis50 Kata Kata Mengagumi Seseorang Diam-diam11 Kerajaan pada Masa Hindu Dan Buddha di IndonesiaManfaat Buah Mangga untuk Kesehatan Anda50 Kata Kata Awan Mendung Belum Tentu Hujan Cocok untuk Caption Instagram30 Kata Kata Pahlawan yang Menginspirasi30 Kata Kata Sandal Jepit yang Bijak, Lucu dan Romantis50 Kata Kata Jangan Merendahkan Orang Lain 50 Quotes Kata Kata Pemuda Hebat dan KerenKumpulan Peribahasa Jawa lengkap dan Artinya50 Quotes Kata Kata Pergerakan Pemuda dan Mahasiswa Sebagai Agen Perubahan50 Kata Kata Prioritas dalam Hubungan Cinta, Keluarga dan Hidup50 Kata Kata Bijak Menghadapi Masalah BeratKata Motivasi Islam Terbaru dari Tokoh TerkenalKata Kata Ucapan Selamat Tahun Baru Islam 2019, 1 Muharram 1441 HijriyahCara Blokir STNK mobil untuk menghindari pajak progesif berdasarkan pengalamanDoa Katolik untuk Pekerjaan disetai Ayat-ayat EmasCara Membuat Pantun Jawa ( Parikan ) modern lucu bikin baper40 Kata Kata Pengorbanan Cinta yang Sia sia50 Quotes Kata Kata Bijak Tentang Tabayyun 50 Kata Kata Diriku Apa AdanyaIsi Teks Lengkap Pidato Nadiem Makarim untuk Hari Guru 25 November 2019 yang Viral50 Kata Kata Mutiara Tentang Adab dan Ilmu 'Dahulukan Adab Sebelum iImu'Kumpulan kata motivasi untuk diri sendiri50 Kata Kata Bijak Tentang Corona COVID-19 Kata-kata Hari Jumat Berkah untuk Status Media SosialUcapan Selamat ulang tahun lengkap dan doa untuk orang yang spesial50 Kata Kata Bijak untuk Teman yang Melupakan Kita50 Kata Kata Bijak Mengambil Keputusan yang Terbaik50 Kata-Kata Bijak Untuk Orang Pendiam50 Kata Kata Bijak Tentang Menjaga Lisan Kata-kata Ucapan Selamat Tidur buat Pacar terbaru50 Kata Kata Jangan Mengeluh dengan Keadaan Hidup Pelayanan Rumah Sakit Panti Rapih terbaru50 Kata Kata Ingin di Mengerti Pasangan32 Quotes Patah Hati dari Lirik Lagu Didi Kempot40 Kata Kata Kopi dan Rokok yang Bijak dan Lucu Terbaik50 Kata Kata Berjuang Sendiri dalam Hubungan Cinta10 Cara Mencegah Jerawat Sebelum Timbul di Wajah Anda50 Kata Kata Bijak Tentang Sabar yang Menyentuh Hati Syarat membuat AKTA Kelahiran anak terbaru yang mudah dan cepat40 Kata Kata Mutiara Ibu Menyentuh Hati50 Kata Kata Mutiara Tentang Petir Kilat dan Halilintar 40 Kata Kata Hanya Sebatas Teman50 Quotes Kata Kata Bijak Jangan Mencari Kesalahan Orang Lain50 Kata Kata Ucapan Selamat Tinggal Tahun 2019, Selamat Datang Tahun 202030 Kata Kata Ucapan Terima Kasih untuk Ibu yang Telah Melahirkan dan Membesarkan Kita 50 Kata Kata Bijak Jangan Meremehkan Orang LainKata Ucapan Selamat Pagi Terbaru untuk Pacar Tersayang40 Kata Kata Ucapan Selamat Hari Kesehatan Nasional 12 November 2019Kata-kata Malam Minggu Lucu buat Status WhatsAppKata Kata Ucapan Menyambut Ramadhan di Tengah Pandemi Corona COVID-1960 Kata Kata Bijak Tentang Menjatuhkan Orang Lain30 Kata Kata Bijak Tentang Banjir Diet ibu nifas dan menyusui yang perlu diketahui50 Quotes Kata Kata Harapan Tidak Sesuai Kenyataan 50 Kata Kata Cinta Tak Butuh Alasan Terbaik Menyentuh Hati14 Contoh Puisi Cinta Pendek, Romantis, Sedih dan Jomblo untuk seseorang50 Kata Kata Bijak Tentang Uang Bukan SegalanyaBayi Bibir Sumbing: Tips Pencegahan, Perawatan sampai Operasi30 Kata Kata Motivasi Berhenti Merokok Contoh Doa Permohonan Orang Tua untuk Anak Secara Katolik50 Quotes Kata Kata Bijak Tentang Bercanda Ada Batasnya40 Kata Kata Menyesal Telah MenyakitimuContoh Status Whatsapp tentang cinta yang sedang melanda (galau dan kerinduan)50 Kata Kata Mencari Jati Diri Sendiri yang Bagus dan MemotivasiKumpulan Pantun Lucu Terbaru yang Bikin Tertawa50 Kata Kata Bijak Tentang Mimpi dan Harapan5 Macam Hari Raya Katolik Kristen dalam Satu Tahun Sekali 40 Kata Kata untuk Orang Bermuka DuaKumpulan Kata Motivasi Lengkap untuk Status WhatsApp TerbaruKata-kata bijak Kristen Terbaru tentang Rohani kehidupanTips Cara Mengatasi Bau Sepatu dan Kaki5 Tips Membeli Apartemen Dengan Cermat dan Tepat60 Kata Kata Mutiara Bijak Tentang Cinta Tak Harus Memiliki50 Kata Kata Bijak Jangan Membandingkan Anak50 Kata Kata Jalani Nikmati dan Syukuri50 Kata Kata Hidup Penuh Drama 50 Kata Kata untuk Teman yang Datang Saat Butuh Saja50 Kata Kata Keberuntungan dan Orang Beruntung50 Kata Kata Kado Hadiah Terindah 50 Kata Kata Bijak Ekspektasi Tak Seindah Realita18 Rayuan Gombal Lucu buat Pacar Lengkap hubungan menjadi lebih dekat60 Kata Kata Belanja Shopping Lucu untuk Caption Instagram40 Kata Kata Anak Nakal yang Sukses30 Kata Kata Bijak Lucu Pulang Kampung dan Mudik yang Kata Pak Jokowi Berbeda60 Kata Kata Bijak Tentang Perhatian yang Diabaikan, Tidak Dihargai dan Disia-siakan50 Kata Kata Jangan Mengeluh di Sosmed Sosial Media 25 Kata Kata Malam Tahun Baru 2020 yang Indah 50 Kata Kata Ngomongin Orang di Belakang60 Kata Kata Bijak Tentang Kesempatan Tidak Datang Dua Kali 50 Kata Kata Perjuangan yang Tidak Dihargai