Articles by "HTML"

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 http://www.kompiajaib.com/2016/07/membuat-notifikasi-untuk-pengguna.html
Selengkapnya »

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.
Selengkapnya »

Meta Tag Seo Friendly dan Valid HTML5 - Kali ini saya akan menjawab pertanyaan yang pernah ditanyakan sobat blogger yaitu tentang cara mengisi kode xxxxx yang saya tambahkan pada template-template yang saya bagikan.

Meta Tag Seo Friendly dan Valid HTML5

Mungkin diantara sobat blogger masih ada yang belum faham dengan meta tag ini, baiklah di sini saya akan menjelaskan sedikit tentang meta tag pada template blogger.
Selengkapnya »

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.
Selengkapnya »

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.
Selengkapnya »

Seperti yang kita tahu sesuai dengan perkembangan zaman kini perangkat mobile sudah menjadi kebutuhan pokok setiap orang sebagai alat komunikasi yang memberikan banyak manfaat bagi kita semua.

Cara Menyembunyikan atau Menampilkan Widget di Mobile Device

Masih berhubungan dengan hal ini, setelah Algoritma Google Mobile Friendly diperbarui pada tanggal 21 April 2015 lalu. Banyak webmaster membuat situs yang Mobile Friendly dan juga responsive agar dapat diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya hal ini merupakan langkah positif dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut.
Selengkapnya »

Menandai Post Label Tertentu dengan Tag Kondisional - Seperti yang kita tahu kini Blogger mengupdate fitur-fitur terbaru yang bisa kita manfaatkan agar kegiatan blogging menjadi semakin menarik. Salah satu fitur barunya adalah fitur Lambda Expression yang bisa mempersingkat penuisan markup pada tag kondisional tertentu sehingga akan menjadi lebih sederhana dan menghemat penulisan kode.

Menandai Post Label Tertentu dengan Tag Kondisional

Sebagai contoh pada tutorial blog kali ini saya akan memanfaatkan fitur tersebut pada post label di halaman index.
Selengkapnya »

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
Selengkapnya »

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.
Selengkapnya »

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

Selengkapnya »

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 :
Selengkapnya »

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
Selengkapnya »

Cara Memasang Breadcrumb SEO Friendly - Breadcrumbs adalah sebuah menu navigasi yang biasanya berada di atas judul postingan suatu blog atau website. Isinya berupa link yang menuju home atau halaman utama yang diikuti dengan label kemudian judul dari postingan yang dibuka. Breadcrumbs ini cukup penting sebagai faktor pendukung SEO di blog, karena dengan breadcrumbs kita bisa menginformasikan kepada pengunjung mengenai kategori dari artikel yang ada di dalam blog tersebut.

Cara Memasang Breadcrumbs SEO Friendly
Selengkapnya »

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

Selengkapnya »

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget