AMP – Page 2 – News Today Buffington

Cara Embed Chatango Pada Blog AMP HTML

Dec 14, 2018

—

by

in AMP, Blogger, HTML5, Trik, Tutorial, Widget

Jika Anda ingin mencoba embed Chatango pada blog AMP Anda, silahkan ikuti langkah-langkahnya berikut ini. Yang pertama dilakukan adalah silahkan buat chat group Chatango pada akun Chatango Anda. Untuk Embed as silahkan pilih Box dan hilangkan centang pada Full width ticker on mobile. Untuk Size silahkan pilih Responsive. Untuk warna dan lainnya silahkan sesuaikan dengan…

Menyimpan Iklan Adsense Di Sidebar Blog AMP HTML

Nov 22, 2018

—

by

Mr Android

in AMP, Blogger, HTML5, Trik, Tutorial

Dan postingan kali ini saya buat untuk menjawab pertanyaan pengguna Template dengan AMP hanya di URL mobile, khususnya Template AMP dari Kompi Ajaib yaitu cara menyimpan iklan Adsense di sidebar blog AMP. Untuk menyimpan iklan Adsense di sidebar blog AMP, silahkan copy kode berikut ini dan simpan di antara widget di sidebar melalui EDIT HTML.…

Membuat Permalink Dengan Tombol Copy To Clipboard Untuk Blog AMP

Oct 31, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Trik, Tutorial, Widget

Permalink dengan tombol Copy to clipboard untuk blog AMP ini bisa disimpan di dalam postingan, misalnya di bawah postingan. Ini menggunakan amp-iframe, menjalankan JS kustom yang dimuat di latar belakang dengan tombol placeholder yang tetap terlihat. Untuk demonya silahkan coba di JSFiddle berikut ini. Silakan klik ikon Copy to clipboard untuk menyalin permalink-nya. Open Fiddle

Cara Embed Video Yang Diupload Di Blogger Agar Responsive

Sep 3, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Trik, Tutorial

Mengupload video di Blogger ini sangat mudah, yang jelas harus disiapkan file videonya misal dengan format MP4. Silahkan klik ikon upload video di bar atas di editor postngan pada mode compose seperti gambar berikut. Silahkan upload video Anda. Setelah proses upload video selesai, silahkan alihkan editor post ke mode HTML untuk mendapatkan kode videonya. Biasanya…

Membuat Tab Panel Di Dalam Postingan Blog AMP HTML

Aug 2, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Trik, Tutorial, Widget

Sebenarnya saya sebelumnya sudah membuat tab panel dengan jquery namun tentu saja tidak bisa digunakan pada amp html. Kemudian saya kembali membuat tab panel hanya dengan CSS saja agar bisa digunakan oleh blog amp dan non amp. Dan kini kita akan membuat tab panel khusus untuk blog amp dengan amp-selector. Kita juga akan menambahkan fungsi…

Membuat Show Hide Simple Web Chat Dari Tlk.io Untuk AMP Dan Non AMP

May 28, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Javascript, Trik, Tutorial, Widget

Tool chat ini saya temukan dari tlk.io, penggunaannya cukup simple dan tidak perlu mendaftar. Anda hanya perlu membuat channel maka ruang chatting pun telah siap digunakan. Anda tinggal membagikan URL ruang chat Anda ke teman Anda untuk bergabung di dalam ruang chat. Dan widget chat dari talk.io ini pun bisa di-embed di dalam web atau…

Memperbaiki Item Data Terstruktur Tidak Ada Atau Tidak Valid Pada AMP HTML

May 10, 2018

—

by

Mr Android

in AMP, Blogger, HTML5, Trik, Tutorial

Untuk memperbaiki item data terstruktur tidak ada atau tidak valid (Missing or invalid structured data item) pada halaman AMP ini, kita harus merubah struktur data yang sudah ada menjadi sesuai anjuran AMP. Yang pertama dilakukan adalah menghapus semua elemen schema.org seperti atau mirip seperti berikut ini. =’mainContentOfPage’ =’’ =’https://schema.org/…

Widget Recent Comments Disqus Untuk Blog AMP HTML

May 6, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Tutorial, Widget

Widget recent comments Disqus berfungsi untuk menampilkan komentar Disqus terbaru sehingga ini akan lebih memudahkan untuk mengelola komentarnya. Admin blog akan menjadi lebih mudah untuk menjawab pertanyaan-pertanyaan yang diajukan pengunjung pada kolom komentar. Tinggal klik maka akan masuk ke halamannya. Nah kali ini saya akan membagikan sebuah widget recent comments Disqus untuk blog AMP

Cara Memasang Share Button AddThis Dengan Counter Pada Blog AMP

May 3, 2018

—

by

Mr Android

in AMP, Blogger, CSS3, HTML5, Tools, Trik, Tutorial, Widget

Tentu saja ini menjadi sebuah kabar gembira untuk pengguna AMP HTML dengan adanya share button AddThis. Karena dengan ini kini kita bisa menampilkan counter atau jumlah sharing sosial media dengan desain yang eye catching. Share button AddThis pun memberikan kemudahan untuk kustomisasi tombol-tombol share sosmed apa saja yang ingin ditampilkan, termasuk dengan warna, bentuk, dan…

Penggunaan Thumbnail Youtube Format WebP Untuk Amp-youtube Play Onclick Lightbox

May 2, 2018

—

by

Mr Android

in AMP, Blogger, HTML5, Trik, Tutorial, Widget

Karena seperti kita ketahui bahwa gambar dengan format WebP sebagaimana dianjurkan oleh Google dapat mempercepat proses pemuatan gambar oleh browser sehingga halaman menjadi lebih ringan ketika diakses. Untuk itu kita perlu mengakali penggunaan thumbnail Youtube dengan menggunakan format WebP. Seperti telah kita ketahui bahwa kita bisa mendapatkan thumbnail Youtube dengan mudah dengan format

Category: AMP