Arlina Design: CSS
Salam Blogger, kali ini Arlina Design akan berbagi tutorial cara memberikan notifikasi adblocker adsense saat pengguna mengakses blog dan mengaktifkan ekstensi adblock di browser.

Notifikasi Adblocker Adsense Ala Kompi Ajaib

Tutorial ini saya dapat dari blog Kompi Ajaib yang dikelola oleh admin +Adhy Suryadi yang senantiasa memberikan trik dan tips blogger yang bermanfaat dan beliau sangat menginspirasi saya untuk membangun blog menjadi lebih baik. Mengenai penjelasan kenapa sobat perlu Menambahkan Notifikasi Adblocker Adsense di dalam blog sobat bisa mengunjungi sumbernya di https://www.kompiajaib.com/2016/07/membuat-notifikasi-untuk-pengguna.html

Notifikasi Adblocker Adsense Ala Kompi Ajaib

Membuat Tombol Demo dan Download Material Design - Seperti yang kita ketahui, kini Material Design sudah menjadi tren sebagai antarmuka web atau UI (User Interface) baik itu pada perangkat mobile maupun desktop dalam sebuah halaman website. Antarmuka web ini pun disambut baik oleh pengguna maupun pengembang website karena memiliki segudang fitur yang bermanfaat serta tampilan yang lebih menarik.

Membuat Tombol Demo dan Download Material Design

Pada kesempatan ini Arlina Design akan memberikan contoh tombol demo dan download yang ditambahkan dengan efek animasi ripple (gelombang) pada saat kita menekan tombol tersebut yang merupakan salah satu fitur seperti efek animasi dari Material Design.

Membuat Tombol Demo dan Download Material Design

Cara Memasang Artikel Terkait di Dalam Postingan - Halo sobat blogger, tentunya sobat sudah mengetahui dengan fungsi sebuah widget artikel terkait di blog yang menampilkan sejumlah artikel terkait sesuai label di bawah artikel baik itu dalam bentuk link dan thumbnail ataupun link saja.

Cara Memasang Artikel Terkait di Dalam Postingan

Namun sedikit berbeda dari sebelumnya, di sini saya akan memberikan tutorial Cara Memasang Artikel Terkait di Dalam Postingan. Seperti yang saya singgung sebelumnya di artikel Cara Memasang Iklan Adsense di Tengah Postingan bahwa sobat juga bisa memasang kode atau widget lain di dalam kode tersebut, tutorial blogger kali ini pun masih menggunakan kode yang sama. Tutorial ini saya dapatkan dari blog http://www.bungfrangki.com/2015/12/membuat-related-pos-dalam-postingan.html dan telah saya modifikasi kembali disesuaikan dengan style saya.

Cara Memasang Artikel Terkait di Dalam Postingan

Cara Memasang Iklan Adsense di Tengah Postingan - Masih membahas seputar Adsense, kali ini Arlina Design membahas tentang trik dan tips Cara Memasang Iklan Adsense di tengah postingan. Sebetulnya sudah banyak sekali artikel yang membahas tentang trik ini, namun kebetulan di blog ini belum ada jadi saya bagikan dan mungkin judulnya agak mainstream menurut saya tapi tidak apa-apa yang penting berbagi.

Cara Memasang Iklan Adsense di Tengah Postingan

Manfaat dari trik Memasang Iklan Adsense di tengah postingan ini yaitu sobat bisa lebih meningkatkan pendapatan Google Adsense blog sobat dengan jumlah rasio klik yang lebih tinggi dan biasanya akan lebih menarik minat pembaca dengan konten iklan yang ditampilkan karena posisi iklan yang strategis berada di tengah postingan. Singkat saja, berikut Cara Memasang Iklan Adsense di Tengah Postingan.

Cara Memasang Iklan Adsense di Tengah Postingan

Membuat Halaman Error 404 di Blogger - Kali ini Arlina Design akan memberikan tutorial sederhana Cara Membuat Halaman Error 404 di Blogger. Dalam tutorial ini kita akan menggunakan Tag Kondisional Halaman error untuk membuatnya, karena dengan menggunakan Tag kondisional Pengerjaan tutorial ini akan lebih mudah dan halaman Error dapat termuat dengan cepat sabagai mana mestinya, karena tidak menggunakan Redirect.

Membuat Halaman Error 404 di Blogger

Membuat Halaman Error 404 di Blogger

Memasang Unlimited Page Navigation di Blogger - Pada kesempatan ini Arlina Design akan berbagi tutorial Cara Membuat atau Memasang Unlimited Page Navigation di Blogger. Page navigation ini berfungsi untuk membuka artikel selanjutnya pada halaman blog dengan penomoran yang ditampilkan sesuai dengan jumlah artikel yang ada di blog.

Memasang Unlimited Page Navigation di Blogger

Keunggulan dari Page Navigation ini adalah dapat memuat 10000 artikel lebih yang pada umumnya Page Navigation hanya dibatasi hingga 500 artikel saja dan alhasil artikel sebelumnya tidak dapat ditampilkan di halaman blog. Bagi sobat blogger yang kemarin sempat request berikut langkah-langkah Cara Memasang Unlimited Page Navigation di Blogger.

Memasang Unlimited Page Navigation di Blogger

Tutorial berikutnya Arlina Design akan memberikan sebuah tutorial Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide. Di sini sobat hanya perlu menambahkan kode HTML di editor postingan yang nantinya akan muncul di blog sobat.

Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Tutorial ini sangat cocok bagi sobat yang memiliki tulisan artikel yang cukup panjang di blognya, sehingga akan menghemat ruang di halaman posting. Oke, langsung saja silakan ikuti langkah-langkah berikut ini.

Membagi Konten Artikel Menjadi Beberapa Halaman

Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

Cara Membuat Tombol Demo dan Download Flat UI - Pada tutorial ke 4 hari ini Arlina Design akan berbagi tutorial Cara Membuat Tombol Demo dan Download Flat UI dengan tambahan icon Font Awesome. Untuk sobat yang biasa membagikan sesuatu melalui blog baik itu berbagi template, software, film, dan hal lain yang dapat dibagikan pastinya akan membutuhkan tombol demo dan download.

Cara Membuat Tombol Demo dan Download Flat UI

Tampilan tombol demo dan download yang saya bagikan ini sangat menarik, karena terdapat icon Font Awesome pada tombol tersebut :

Cara Membuat Tombol Demo dan Download Flat UI

Membuat Responsive Flat UI Color Picker - Postingan berikutnya Arlina Design akan berbagi artikel yang berkaitan dengan Tips Blogger yakni Cara Membuat Responsive Flat UI Color Picker di Blogger. Flat UI Color Picker berfungsi untuk mengetahui lebih cepat kode warna pilihan sobat jika tengah memodifikasi template.

Membuat Responsive Flat UI Color Picker

Kode Flat UI Color Picker ini sudah responsive, jadi akan menyesuaikan dengan ukuran layar ditambah widget ini hanya menggunakan HTML dan CSS jadi tidak akan mempengaruhi loading blog. Baiklah tanpa panjang lebar silakan ikuti langkah-langkah berikut ini

Membuat Responsive Flat UI Color Picker

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini Arlina Design akan berbagi tutorial memasang efek animasi loading saat halaman dimuat yang bisa sobat tambahkan di blog. Cara kerja dari trik ini sebetulnya sangat sederhana yaitu kode akan berjalan ketika sobat membuka blog saat proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Bagi sobat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

Memasang Efek Animasi Loading Sederhana di Blog

Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat

Cara Memberikan Efek Rating Bintang di Popular Post dengan Font Awesome - Selamat siang sobat Arlina Design, kali ini saya akan memberikan trik cara menambahkan icon rating bintang di dalam widget Popular Post dengan Font Awesome.

Memberikan Efek Rating Bintang di Popular Post dengan Font Awesome

Tentunya di sini sobat sudah mengerti dengan penggunaan dan manfaat dari widget Popular Post di Blogger. Penambahan efek rating bintang ini terinspirasi dari widget Popular Post pada platform WordPress yang berfungsi untuk menampilkan hasil voting yang diberikan pengunjung pada artikel tertentu.

Memberikan Efek Rating Bintang di Popular Post dengan Font Awesome

Cara Memasang Tool CSS Minifier di Halaman Statis Blogger - Pada kesempatan kali ini Arlina Design akan berbagi sebuah tools yang berguna untuk mengkompres kode CSS, dengan mengkompres kode CSS di dalam template otomatis kita bisa mempercepat loading blog dan itu akan sangat baik untuk mendukung SEO blog. Dan juga tools ini akan membantu sobat yang hobi memodifikasi template blogger. Oke langsung saja, berikut cara menambahkannya.

Cara Memasang Tool CSS Minifier di Laman Statis Blogger

Cara Memasang Tool CSS Minifier di Halaman Statis Blogger

Memasang Catatan dengan Efek Lipatan - Mungkin bagi Anda dengan niche tutorial blogger atapun template pasti Anda pernah membuat catatan untuk Pengunjung. Sebelum menggunakannya, tutorial ini sangat cocok bagi Anda. Trik ini diberi nama Catatan dengan Efek CSS Lipatan.

Memasang Catatan dengan Efek Lipatan

Memasang Catatan dengan Efek Lipatan

Memasang Catatan dengan Efek Lipatan

Subscribe Our Newsletter