Trik – Page 3 – News Today Buffington

Mengatasi Masalah Warning Diindeks Meski Diblokir Oleh Robots.txt

Jun 4, 2019

—

by

Kalau kita cek semua URL yang diindeks, meski diblokir oleh robots.txt ini adalah semua halaman Search yaitu untuk halaman Search Label dan untuk halaman navigasi postingan lama.Seperti yang ditunjukan bahwa halaman-halaman tersebut diindeks, meski diblokir oleh robots.txt. Itu karena blogger menggunakan robots.txt seperti berikut: User-agent: Mediapartners-GoogleDisallow: User-agent: *

Mengatasi Masalah Defer Offscreen Images Tanpa Jquery Atau Lazy Loading

May 28, 2019

—

by

Mr Android

in Blogger, HTML5, Javascript, Trik, Tutorial

Sebenarnya untuk mengatasi masalah Defer offscreen images dan Serve images in next-gen formats ini sudah ada solusinya. Namun karena keduanya perlu penanganan khusus dalam menyimpan kode HTML untuk gambar, maka banyak blogger yang mengabaikannya dengan alasan “ribet”.Padahal untuk edit gambar untuk mengikuti kedua cara tadi cukup mudah, namun karena “malas” maka hal tersebut jadi “susah”.

Double Popup Banner Dengan CSS Dan Timeout Javascript

May 27, 2019

—

by

Mr Android

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

Sebelumnya saya sudah membagikan cara membuat popup banner dengan CSS Dan Timeout Javascript. Nah, kini saya membuat double popup banner yaitu popup ini berisi 2 buah banner dengan ditampilkan satu per satu.Klik pada banner pertama akan memunculkan banner kedua. Saya rasa ini masih termasuk wajar, namun jika lebih dari dua banner mungkin dapat membuat kesal…

Membuat Particle Animation Dengan Canvas Pada AMP HTML

May 25, 2019

—

by

Mr Android

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

Padahal dengan kreatifitas dan imajinasi, kita bisa membuat halaman AMP menjadi aktraktif dan tidak kalah menarik dengan halaman web biasa yang menggunakan javascript atau jquery.Salah satu elemen yang bisa membuat halaman web menjadi menarik dan aktraktif adalah membuat particle animation dengan canvas. Saya kadang suka main-main dengan cursor ketika menjumpai sebuah halaman dengan particle

Shrink Header on Scroll Hanya Dengan CSS Tanpa Javascript

May 25, 2019

—

by

Mr Android

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

Umumnya shrink header ini dibuat dengan CSS dan Javascript, namun kali ini kita akan membuatnya hanya dengan CSS saja tanpa Javascript.Di sini kita akan menggunakan trik seperti pada announcement bar dengan sticky header yang sebelumnya sudah saya posting.Kita akan membuat header tampak tinggi sebelum halaman di-scroll dan menjadi lebih pendek ketika halaman di-scroll seperti animasi…

Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org

May 21, 2019

—

by

Mr Android

in Blogger, HTML5, SEO, Trik

Error The value provided for item.id must be a valid URL ini menunjukan bahwa URL tidak terdeteksi. URL harus menggunakan tag ID agar terdeteksi dan merupakan bagian dari sebuah item breadcrumb.Berikut gambar untuk error pada breadcrumb yang menggunakan Schema.org, The value provided for item.id must be a valid URL. Kode breadcrumb dengan Schema.org yang error…

Menghilangkan Auto Ads Yang Muncul Di Tempat Tertentu Di Blog

May 19, 2019

—

by

Mr Android

in Blogger, CSS3, Trik, Tutorial

Keberadaan Auto ads ini bertujuan untuk semakin memudahkan para publisher menyimpan iklan di blog, dan tentunya juga untuk meningkatkan penghasilan publisher adsense.Cukup menyimpan kode auto ads, maka kita tidak perlu repot-repot menyimpan kode iklan satu per satu. Dengan auto ads, Adsense dapat membaca struktur blog dan kemudian menempatkan iklan di tempat-tempat yang potensial.Jika

Membuat Announcement Bar Dengan Header Sticky

May 17, 2019

—

by

Mr Android

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

Umumnya announcement bar ini diletakan di paling atas pada blog dengan warna yang lebih mencolok agar mendapat perhatian pengunjung.Kalimat yang digunakan pun biasanya tidak terlalu panjang, hanya beberapa kata namun jelas sehingga pengunjung menjadi penasaran untuk mengetahuinya lebih lanjut dengan mengklik tautannya.Nah, kali ini kita akan membuat announcement bar dan digabung dengan sticky

Menambahkan Widget Label Blogger Pada Amp-sidebar

May 14, 2019

—

by

Mr Android

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

Dan beragam cara untuk menampilkan widget label ini, dan yang paling biasa adalah menyimpan widget label di sidebar atau footer blog.Nah kali ini kita akan menyimpan atau menambahkan widget label blogger ini pada amp-sidebar bagi blog yang menggunakan AMP HTML.Amp-sidebar ini biasa digunakan sebagai show hide menu pada blog AMP. Dan widget label ini akan…

Membuat Fullscreen Halaman Blog Dengan Javascript

May 10, 2019

—

by

Mr Android

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

Mode fullscreen umumnya dipakai pada sebuah embed, misalnya embed sebuah video. Namun kali ini kita akan membuat mode fullscreen untuk sebuah halaman web.Namun kita tidak bisa membuat fullscreen otomatis ketika halaman dibuka, karena saat ini browser akan mengabaikannya. Jadi fullscreen ini harus ada keterlibatan user dengan aksi mengklik sebuah tombol fullscreen, mudahnya dengan menekan

Category: Trik