HTML5 – Page 4 – News Today Buffington

Custom Search Engine Adsense Sesuai Label Post Atau Keyword Dalam Postingan Blog

Jan 1, 2019

—

by

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

Jawabannya tentu saja bisa. Kita bisa mengedit custom search engine agar iklan yang ditampilkan sesuai dengan label post atau bisa dengan target keyword tertentu (sebaiknya dengan keyword yang masih berhubungan dengan niche blog) dan kita menampilkannya di dalam postingan blog.Tentu saja dengan ini kita tidak tergantung pada pengunjung yang melakukan pencarian agar melihat atau mengklik…

Solusi Iklan Di Tengah Artikel Dengan Auto Ads Di Blogger

Dec 30, 2018

—

by

Mr Android

in Blogger, HTML5, Trik

Lalu bagaimana caranya untuk menampilkan iklan di tengah artikel tanpa bantuan javascript?Seperti sudah kita ketahui, Adsense menyediakan unit auto ads yang dapat menampilkan iklan di tempat-tempat strategis secara otomatis. Salah satu keunggulan auto ads adalah dapat menyisipkan iklan di antara paragraf di dalam postingan.Saya sudah menggunakan auto ads, tetapi iklan tidak muncul di dalam

Membuat Tombol Chat Whatsapp Melayang Di Blog Dengan SVG

Dec 18, 2018

—

by

Mr Android

in Blogger, CSS3, HTML5, Tutorial, Widget

Tombol ini saya buat dengan 2 versi yaitu menampilkan ikon dengan CSS dan menampilkan ikon dengan HTML. Tentu saja keduanya menggunakan ikon SVG. 1. Ikon dengan CSSDengan ini maka kode HTML menjadi lebih simpel karena tidak menggunakan kode HTML ikon SVG. Simpan kode HTML berikut di atas kode

Cara Embed Chatango Pada Blog AMP HTML

Dec 14, 2018

—

by

Mr Android

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 Multi Server Video Pada Fluid Player File m3u8

Nov 18, 2018

—

by

Mr Android

in Blogger, CSS3, HTML5, Trik, Widget

Seperti pada postingan saya sebelumnya tentang cara embed file m3u8, kita bisa menggunakan plugin FluidPlayer untuk memutar video HLS m3u8. Dan ada sahabat Kompi yang menanyakan cara membuat multi server pada player m3u8 ini. Untuk itu sebelum ini saya sudah melakukan beberapa percobaan untuk mencoba mengganti source video dengan javascript, namun gagal. Dan kemudian saya…

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 File m3u8 Dengan Responsive Video HTML5

Oct 14, 2018

—

by

Mr Android

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

Kita bisa mengunakan plugin yang support HLS yang gratis yaitu plugin Fluid Player. Dengan ini kita bisa melakukan kustom video HTML5. Jika Anda memiliki file m3u8 dan ingin menampilkannya di blog untuk ditonton secara online, silahkan ikuti langkah-langkahnya di bawah ini. Silahkan simpan kode berikut ini di atas kode //function loadCSS(e, t, n) { “use…

Cara Embed Video Google Drive Dengan Elemen Video HTML5

Oct 13, 2018

—

by

Mr Android

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

Seperti kita ketahui bahwa Google Drive memang sudah menyediakan kode embed dengan iframe, namun ada sedikit yang mengganjal untuk saya khususya jika digunakan untuk embed video. Yaitu kita harus klik 2 kali untuk memutar video dan terdapat ikon link untuk preview video ke Google Drive di kanan atas player yang cukup mengganggu tampilan player. Dengan…

Memainkan Dua Sumber Video Atau Lebih Dalam Satu Elemen Video HTML5

Sep 30, 2018

—

by

Mr Android

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

Hal ini bisa dilakukan dengan bantuan javascript untuk memutar bagian pertama kemudian menyambung ke bagian selanjutnya sampai video selesai. Berikut javascript-nya, silahkan simpan di atas kode //var myvid = document.getElementById(‘video-id’); myvid.addEventListener(‘ended’, function(e) { // get the active source and the next video source. // I set it so if

Category: HTML5