Arlina Design: CSS
Night Mode adalah sebuah fitur yang bertujuan untuk membuat tampilan menjadi gelap. Fitur ini biasanya kita temui pada perangkat mobile yang menyematkan fungsi Night Mode atau Dark Mode yang memiliki manfaat yaitu menghemat penggunaan baterai.

Cara Membuat Night Mode di Blogger dengan Cookie

Di sini Arlina Design akan berbagi tips tentang Cara Membuat Night Mode di Blogger dengan Cookie. Di sini saya menambahkan fitur Cookie agar saat kita refresh halaman yang sudah diaktifkan dengan Night Mode tidak akan kembali ke mode awal meskipun sobat sudah berganti halaman. Bagaimana, menarik bukan? Bagi yang tertarik memasang fitur Night Mode ini silakan ikuti langkah-langkah di bawah ini.

Cara Membuat Night Mode di Blogger dengan Cookie

Untuk tips Blogger kali ini Arlina Design akan berbagi Cara Memasang Floating Subscription box di Blogger. Seperti yang kita ketahui Subscription box atau widget berlangganan lewat email merupakan salah satu bagian yang penting di dalam sebuah blog, karena akan meningkatkan jumlah pengunjung selain itu dari sisi lain pelanggan postingan akan mengetahui secara langsung update yang diterima lewat email.

Cara Memasang Floating Subscription box di Blogger

Sebelumnya saya juga sudah berbagi tips Cara Membuat Push Notifications di Blog dengan OneSignal yang memiliki fungsi serta manfaat yang kurang lebih sama. Baiklah, berikut ini adalah langkah-langkahnya.

Cara Memasang Floating Subscription box di Blogger

Kali ini Arlina Design akan berbagi Cara Membuat Responsive Mega Menu di Blogger. Seperti yang sobat tahu, Menu Navigasi adalah salah satu bagian yang penting dalam sebuah blog untuk memberikan informasi kepada pengunjung tentang apa saja konten yang ada di blog tersebut dan akan ditampilkan berupa link yang nantinya akan menunjukkan tiap halaman-halaman tertentu yang ada di blog.

Cara Membuat Responsive Mega Menu di Blogger

Yang akan saya bagikan ini adalah mega menu dengan off-canvas yang sudah responsive dengan tampilan yang cukup menarik dan juga sudah dilengkapi dengan fitur pencarian sehingga akan memudahkan pengunjung untuk mencari halaman yang ia cari. Nah, bagi yang ingin menambahkannya pada blog, silakan ikuti langkah-langkahnya di bawah ini.

Cara Membuat Responsive Mega Menu di Blogger

Beberapa waktu lalu di salah satu blog demo dari template yang saya buat muncul pesan peringatan error khususnya pada bagian Breadcrumb yang terpasang di template. Mungkin untuk beberapa template lain tidak mengalami masalah ini termasuk template blog yang blog ini dan Idntheme gunakan, namun masalah ini muncul pada template Nubie Fast yang saya share di Idntheme.

Cara Mengatasi Error Breadcrumb di Search Console Blogger

Breadcrumb yang akan saya share ini sudah menggunakan markup breadcrumb versi terbaru yaitu schema.org yang direkomendasikan mesin pencari seperti Google dan Bing.

Cara Mengatasi Error Breadcrumb di Search Console Blogger

Untuk menentukan posisi objek terhadap objek lain, atau objek terhadap browser, perlu pemahaman tentang CSS Position. Oleh karena itu saya akan coba menjelaskan Apa itu CSS Position dan bagaimana cara kerja properti dari CSS Position ini.

Lebih Memahami CSS Position Property dan Valuenya

Pernahkah kalian melihat elemen yang tampak saling bertumpukan, melayang, atau tampak keluar dari garis batas? Itu semua dibuat menggunakan CSS Position Seperti : Static, Relative, Absolute dan Fixed. Selain deklarasi posisi, terdapat pula beberapa properti yang biasanya dituliskan bersama dengan deklarasi posisi seperti top, right, bottom, left dan z-index.

Lebih Memahami CSS Position Property dan Valuenya

Tidak terasa bulan ramadhan di tahun 2019 ini telah tiba, bulan suci yang penuh berkah tidak lama lagi akan kita masuki. Bulan Ramadhan adalah salah satu momen yang paling ditunggu-tunggu oleh umat Islam di seluruh dunia. Karena di saat inilah banyak manfaat dan hal spesial yang selalu dirasakan oleh umat Islam. Maka ketika Ramadhan tiba, bulan yang istimewa tersebut akan selalu disambut dengan penuh suka cita.

Cara Memasang Pop Up Ucapan Selamat Berpuasa

Untuk menyambut bulan suci yang penuh berkah ini Arlina Design akan memberikan tips Cara Memasang Pop Up Ucapan Selamat Berpuasa. Cara kerjanya cukup sederhana, pesan pop up akan muncul ketika kita membuka suatu halaman di dalam blog yang dilengkapi dengan tombol close untuk menutup pesan tersebut. Bagi yang penasaran, yuk ikuti caranya di bawah ini!

Cara Memasang Pop Up Ucapan Selamat Berpuasa

Pernahkah sobat melihat link related post yang disisipkan diantara isi artikel pada situs-situs besar? Di Blogger pun kita bisa menambahkannya dengan menambahkan link tersebut di dalam postingan secara manual, namun akan sedikit dibuat repot jika tiap kali kita membuat postingan karena sudah terbiasa untuk menambahkannya.

Cara Memasang Multi Related Post di Postingan

Tips Blogger kali ini Arlina Design akan berbagi Cara Memasang Multi Related Post di Postingan.

Cara Memasang Multi Related Post di Postingan

Sebelumnya saya pernah share tentang masalah ini dan perbaikannya di Fanspage Facebook Arlina Design. Namun bagi sobat yang belum mengetahui dan memiliki masalah Background Putih Pada widget ShareThis, sobat bisa ikuti caranya di bawah ini.

Perbaikan Background Putih Pada widget ShareThis

Seperti yang sobat ketahui, widget ShareThis merupakan salah satu platform plugin berbagi ke sosial media terbesar yang ada di internet saat ini. Selain bermanfaat untuk media berbagi, ShareThis juga didukung dengan beberapa fitur menarik yang ada di dalamnya.

Baru-baru ini saya melihat ada yang janggal dengan ShareThis, yaitu terdapat background putih pada tiap iconnya. Kenapa bisa begitu? Setelah diselidiki ternyata masalah ini ada karena pada CSS img di blog terdapat nilai background:#fff, sehingga akan membuat semua format img yang ada di dalam blog memiliki background tak terkecuali background pada icon ShareThis. Kemungkinan ini terjadi karena ShareThis mengganti sistem icon-nya dengan format img.

Perbaikan Background Putih Pada widget ShareThis

Sesuai permintaan, kali ini Arlina Design akan berbagi tips cara Memberikan Efek Transisi Pada Gambar Postingan. Cara kerjanya hampir sama seperti pada postingan Mempercepat Loading Blog dengan Lazy Load AdSense, yaitu konten akan muncul saat kita menggulirkan halaman ke bawah.

Memberikan Efek Pada Gambar Postingan

Bagi sobat yang ingin memasangnya, caranya cukup mudah. Silakan ikuti Tips Blogger pertama dari Arlina Design di awal tahun 2019 ini.

Memberikan Efek Transisi Pada Gambar Postingan

Beberapa waktu lalu saya pernah berbagi postingan tentang cara Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide dan pada postingan kali ini Arlina Design akan berbagi tips cara Membagi Halaman di Postingan dengan Nomor Navigasi.

Membagi Halaman di Postingan dengan Nomor Navigasi

Mungkin sobat pernah mengunjungi situs berita atau situs baca komik yang di setiap isi postingannya dibagi menjadi beberapa halaman, biasanya pada postingan tersebut terdapat tombol Next yang ketika kita menekan tombol tersebut akan mengarah ke halaman selanjutnya. Begitupun dengan tips yang akan saya berikan ini, cara kerjanya adalah membagi beberapa paragraf dari isi postingan menjadi beberapa bagian sesuai keinginan sobat.

Membagi Halaman di Postingan dengan Nomor Navigasi

Bagaimana sih cara Membuat Video Melayang Saat Halaman Digulir? Mungkin sobat pernah melihat video di situs Youtube, Vidio atau situs lain yang ketika video sedang dimainkan dan sobat menggulirkan halaman ke bawah maka video tersebut otomatis akan mengikuti kemana sobat menggulirkan halaman. Cara kerja dari tips yang akan saya bagikan ini pun hampir sama, namun bedanya video akan tetap melayang mengikuti halaman yang kita gulir meskipun video belum dimainkan.

Membuat Video Melayang Saat Halaman Digulir

Beberapa waktu lalu saya pernah berbagi tips tentang Cara Memasang Video Youtube Responsive di Blog, dengan cara tersebut video Youtube yang ditambahkan di dalam postingan akan otomatis mengikuti dimensi layar dari perangkat yang sobat gunakan. Nah, pada tips kali ini Arlina Design akan menggabungkan tips video responsive dengan tips video melayang saat digulir. Bagi yang tertarik, bisa ikuti langkah-langkah di bawah ini.

Membuat Video Melayang Saat Halaman Digulir

Kemarin ada yang request Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan di Blogger. Sebenarnya caranya sangat mudah, namun bagi sobat yang sudah mengetahui caranya tidak perlu lagi mengikuti cara ini karena sobat sudah melakukan cara ini sebelumnya.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Bagi sobat yang ingin menampilkan iklan baik itu iklan banner atau unit iklan AdSense khusus seperti In-article Ads di dalam postingan bisa ikuti cara di bawah ini.

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

Assalamualaikum, kali ini Arlina Design akan berbagi tips Cara Menambahkan Fitur Ajax Search di Blog yang saya temukan di blognya Taufik Nurrohman (www.dte.web.id).

Cara Menambahkan Fitur Ajax Search di Blog

Fitur Ajax ini memiliki banyak kelebihan jika dibandingkan dengan opsi penelusuran biasa, salah satunya adalah bisa memuat daftar artikel secara otomatis tanpa perlu menekan tombol search atau enter sesuai dengan kata kunci yang kita cari. Cukup menarik bukan? Bagi yang penasaran, mari kita simak tips berikut ini.

Cara Menambahkan Fitur Ajax Search di Blog

Table of Contents adalah daftar yang terdiri dari poin-poin atau bagian-bagian pokok bahasan yang terdapat pada sebuah artikel. Table of Contents bisa kita gunakan sebagai rincian dari isi artikel yang berupa link sehingga akan memudahkan pembaca untuk memilih informasi bagian pokok bahasan apa yang akan dibacanya. Table of Contents ini sering kita temui pada situs Wikipedia, Ensiklopedia, dan juga file PDF dari E-Book yang biasanya diletakkan setelah tulisan kata pengantar atau ide pokok dari sebuah artikel.

Cara Membuat Table of Contents di Postingan Blogger

Baiklah, di sini Arlina Design akan memberikan tips tentang bagaimana Cara Membuat Table of Contents di Postingan Blogger dengan mudah.

Cara Membuat Table of Contents di Postingan Blogger

Ada banyak cara usaha untuk mempercantik blog, salah satunya dengan Memasang Efek Preloading Keren di Blogger ini. Bagi yang penasaran, simak tipsnya di bawah ini.

Memasang Efek Preloading Keren di Blogger

Cara kerja dari Efek Preloading di Blogger ini yaitu transisi yang akan muncul otomatis saat memuat halaman di blog dan akan hilang setelah halaman tersebut termuat dengan penuh. Efek Preloading yang akan saya bagikan ini tidak akan mempengaruhi kecepatan blog karena sangat ringan murni CSS dan SVG tanpa gambar. Sebelumnya saya juga pernah berbagi postingan terkait di sini Cara Memberikan Efek Animasi Loading Sederhana Saat Halaman Dimuat. Berikut tips Cara Memasang Efek Preloading

Memasang Efek Preloading Keren di Blogger

Selain mempercantik tampilan barisan kode di postingan blog, penggunaan Syntax Highlighter juga dimaksudkan untuk pembaca agar dapat dengan mudah mengenali jenis kode yang diberikan oleh penulis. Efek penggunaan Syntax Highlighter lainnya yaitu pengunjung akan merasa lebih nyaman membaca isi konten blog, dan bagi penulis atau admin blog akan membuatnya menjadi lebih professional dalam menyajikan artikel-artikel pada blog tutorial mereka.

Cara Memasang Syntax Highlighter di Postingan Blog

Syntax Highlighter merupakan fitur khusus sebuah proses pemindahan kode bahasa pemrograman tertentu dengan tulisan, warna teks, posisi sama persis dengan yang terdapat pada sebuah kode bahasa pemrograman untuk dipindahkan maupun disalin ke dalam bentuk tulisan lain agar lebih mudah dalam membaca atau mempelajarinya.

Cara Memasang Syntax Highlighter di Postingan Blog

Subscribe Our Newsletter