CSS3 – News Today Buffington

Bagian 3 Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Jun 12, 2019

—

by

Dengan ini kita akan membuat tema custom sederhana dan selanjutnya terserah Anda untuk mengembangkannya lebih lanjut agar sesuai dengan desain yang Anda inginkan.Kemarin kita berhasil membuat blog dengan lebar penuh baik di desktop maupun ponsel, dan kini kita akan mengatur lebar blog pada tampilan desktop.Tambahkan kode berikut di bawah kode Dan tambahkan

Bagian 2 Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Jun 11, 2019

—

by

Mr Android

in Blogger, CSS3, HTML5, Tutorial

Setelah kemarin kita berhasil membuat sebuah custom template, tetapi tampilan dan lainnya masih sangat sederhana. Untuk itu diperlukan tindakan lanjutan, salah satunya yang akan kita lakukan sekarang adalah merubah dan membuat header blogger menjadi dinamis sehingga menjadi lebih SEO friendly.Secara default, header blogger menggunakan tag H1 untuk semua halaman. Dan akan menjadi masalah jika

Belajar Membuat Tema Kustom Blogger Dari Awal

Jun 9, 2019

—

by

Mr Android

in Blogger, CSS3, HTML5, TOC, Tutorial

Contents Mulai Belajar Membuat Tema Kustom Blogger Dari Awal Membuat Halo Dunia Mulai Membuat Postingan Blog Kode-kode Tema Blogger Membuat Header Blog Membuat Sidebar Blog Membuat Footer Blog Membuat Style Untuk Tampilan Blog Menampilkan Konten Head Default Blogger Merapihkan Tampilan Tata Letak Tindakan Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Menggunakan Skin Blogger Hanya Untuk Halaman Layout

Jun 7, 2019

—

by

Mr Android

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

Untuk itu, kita gunakan skin blogger hanya untuk halaman layout, sehingga tidak akan menyebabkan error validasi HTML5 ataupun AMP HTML.Skin BloggerApa sih skin blogger itu? Skin blogger adalah sebuah tag untuk CSS custom blogger dengan kode dan penampakannya pada HTML menjadi Jika Anda sering kutak-katik edit HTML Blogger, maka Anda akan

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…

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

Horizontal Menu Dan Mobile Full Vertical Menu Dengan CSS Saja

May 16, 2019

—

by

Mr Android

in Blogger, CSS3, HTML5, Tutorial, Widget

Tutorial ini direquest oleh sahabat Kompi Ajaib beberapa waktu yang lalu, namun baru bisa saya buatkan sekarang ini.Jika Anda sedang belajar utak-atik template atau sedang belajar membuat template sendiri, silahkan dicoba menu horizontal ini dan silahkan ikuti langkah-langkahnya berikut ini. 1. Kode CSS Menu HorizontalSilahkan copy kode CSS berikut dan paste di style blog Anda.…

Category: CSS3