Postingan

Menampilkan postingan dengan label Tips Blogger

Cara Membuat Night Mode di Blogger dengan Cookie

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

Cara Memasang Floating Subscription box di Blogger

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

Cara Membuat Responsive Mega Menu di Blogger

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

Cara Membuat Push Notifications di Blog dengan OneSignal

Gambar
Kali ini Arlina Design akan berbagi Cara Membuat Push Notifications di Blog dengan OneSignal . Apa itu OneSignal? OneSignal merupakan salah satu layanan yang memiliki kemampuan untuk menerapkan fungsi Push Notifications di sebuah website sehingga pengguna yang mengikuti situs tersebut akan langsung mendapatkan pemberitahuan di perangkatnya. Push Notifications adalah sebuah notifikasi yang akan muncul dimanapun dan kapanpun. Pesan notifikasi ini akan muncul ketika pengguna sudah mengaktifkan pesan ini pada suatu situs yang ia ikuti. Walaupun saat pengguna tidak membuka situs tersebut di browser, pesan tersebut akan tetap muncul sebagai notifikasi ketika ada update artikel di situs tersebut yang berfungsi dengan baik pada perangkat desktop maupun mobile. Fungsinya sama seperti tombol lonceng yang ada di Youtube. Selengkapnya »

Cara Mengatasi Error Breadcrumb di Search Console Blogger

Gambar
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. Breadcrumb yang akan saya share ini sudah menggunakan markup breadcrumb versi terbaru yaitu schema.org yang direkomendasikan mesin pencari seperti Google dan Bing. Selengkapnya »

Cara Membuat Link Sumber Otomatis di Blogger

Gambar
Masih tentang duplikasi konten yang sebelumnya saya share di Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger , kali ini Arlina Design akan memberikan tips Cara Membuat Link Sumber Otomatis di Blogger . Kegiatan copas mencopas di Blogger sudah dianggap menjadi hal yang biasa, karena menyalin artikel dari sebuah situs tidak melanggar ketentuan apa pun apabila sekedar mengumpulkan materi, informasi dan hal lainnya. Tetapi bagaimana jika seseorang menyalin seluruh artikel blog sobat untuk diduplikasi tanpa adanya link sumber? Selengkapnya »

Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger

Gambar
Salah satu alasan sobat untuk mengaplikasikan Cara Menonaktifkan Klik Kanan dan Inspect Element di Blogger adalah untuk mengurangi duplikasi konten yang sengaja dicopas dan dipublish kembali di blog orang lain. Duplikasi konten adalah salah satu hal yang buruk bagi sebuah blog, kebanyakan seorang blogger pemula yang tidak punya pengetahuan seenaknya mengcopy paste semua artikel dari web atau blog orang lain dan mempublishnya di blog sendiri untuk kepentingan kemajuan blog. Selengkapnya »

Cara Lain Menambahkan Font Library di Dalam Template

Gambar
Kemarin ada yang bertanya lewat inbox dengan isi pesan "Kak, blog Arlina Design ini menggunakan font apa?" kemudian saya jawab "Blog ini menggunakan font Google Sans", lalu ia kembali bertanya "Bagaimana cara memasangnya di blog saya?". Ya, dan inilah jawabannya. Ada beberapa cara menambahkan font di dalam template blogger yaitu dengan menambahkan link yang menuju hostingan font atau dengan cara menambahkan pemanggil CSS font dengan Javascript. Namun ada cara lain untuk menambahkan font di dalam template blogger yaitu dengan cara menambahkan langsung link dari library font di dalam CSS. Tentunya alasan sobat untuk mengganti font di blogger adalah ingin tampil lebih menarik dengan blog lainnya dan tidak ada salahnya juga untuk mengganti font selama visibilitas font masih nyaman ketika pengunjung membaca isi tulisan di blog. Selengkapnya »

Membuka Semua Link Otomatis di Tab Baru dengan Javascript

Gambar
Link Otomatis Terbuka di Tab Baru merupakan sebuah pilihan ketika dalam sebuah blog menggunakan link. Link sendiri ditandai dengan adanya tag "a" yang di dalamnya memuat sebuah alamat (URL) tertentu yang bisa berupa alamat blog lain, alamat sebuah posting, alamat image atau bahkan alamat khusus dalam blog itu sendiri. Secara umum link open in new tab diperuntukkan untuk membuka alamat baru diluar blog. Penggunaan javascript memungkinkan link terbuka di tab baru berlaku pada semua link yang ada di blog. Jadi ketika kita menambahkan fungsi otomatis tab baru ini melalui javascript, maka blogger tidak perlu lagi membuat fungsi link manual melalui kode html karena secara otomatis semua link sudah di-setting untuk terbuka di tab baru. Membuka Semua Link Otomatis di Tab Baru dengan Javascript Selengkapnya »

Cara Membuat Sub Domain dari Custom Domain Blogger

Gambar
Apa kabar sobat blogger dimana pun Anda berada, semoga dalam keadaan sehat walafiat. Kali ini Arlina Design akan memberikan tips Cara Membuat Sub Domain dari Custom Domain Blogger . Bagi sobat yang sudah memiliki blog dengan custom domain atau biasa juga disebut TLD (Top Level Domain) sobat juga bisa membuat beberapa sub domain dari parent custom domain yang sobat gunakan. Hal ini berguna jika sobat memiliki blog lain yang ingin ditautkan ke custom domain sehingga sobat tidak perlu menyewa custom domain baru lagi dan itu cukup bermanfaat untuk menghemat pengeluaran Anda. Selengkapnya »

Lebih Memahami CSS Position Property dan Valuenya

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

3 Cara Cepat dan Mudah Menghasilkan Uang dari Blog, Yuk Coba!

Gambar
Blogging adalah hobi yang menyenangkan, karena selain bisa menulis dan mengekspresikan pendapat kita juga bisa menghasilkan uang tambahan dari kegiatan ini. Bahkan kalau kamu serius dibidang blogging, kamu sebenarnya juga bisa menjadi blogger full time loh. Ada banyak model bisnis online yang sebenarnya bisa menghasilkan uang; ikut adsense , jadi affiliate, menjual produk informasi, dll. Tapi cara tersebut sedikit memakan waktu, karena kita harus membuat banyak artikel, optimasi SEO, copywriting, dll. Selengkapnya »

Cara Memasang Pop Up Ucapan Selamat Berpuasa

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

Cara Menambahkan Tombol Show All di Widget Cloud Label

Gambar
Seperti yang kita tahu, widget label merupakan salah satu elemen penting yang ada di sebuah blog yang berfungsi memberikan informasi kepada pengunjung untuk melihat postingan yang sudah diberi label sehingga pengunjung dapat mencari postingan dengan kategori apa saja yang ada di blog tersebut. Terkadang jika kita memiliki blog dengan label postingan yang banyak sampai puluhan hingga ratusan tentunya akan sedikit mengganggu penampilan blog. Namun hal tersebut bisa diatasi dengan cara membatasi jumlah label yang tampil atau bisa juga dengan Mengganti Fungsi Widget Label Menjadi Dropdown agar tampilan blog terlihat lebih rapi dan minimalis. Pada tips blogger kali ini saya akan memberikan tips Cara Menambahkan Tombol Show All di Widget Cloud Label , berikut ini langkah-langkahnya. Selengkapnya »

Memperbaiki Komentar Blogger yang Tidak Bisa Membalas

Gambar
Wah, sudah lebih dari satu bulan blog ini tidak diupdate. Kalau seumpama rumah sudah ada ramat lancah 😹 Ya, itu dikarenakan beberapa waktu kebelakang saya sedang fokus untuk perbaikan dan update template-template lama di blog tetangga, salah satunya perbaikan untuk masalah tombol komentar blogger yang tidak bisa membalas. Jadi agak ribet juga kemarin update satu-persatu dan juga sekalian update tampilan untuk beberapa template tertentu. Nah, sampai saat ini pun perbaikan untuk template masih saya lakukan karena masih ada beberapa template yang belum selesai diupdate. Dan maaf untuk teman-teman Blogger yang menggunakan template saya dan mengalami masalah pada template yang belum sempat saya tanggapi karena terbentur dengan kegiatan offline yang saya kerjakan. Selengkapnya »

Segera Beralih dari Profil Google+ ke Profil Blogger

Gambar
Sama halnya seperti media sosial Facebook dan Twitter, Google+ merupakan salah satu media sosial untuk berinteraksi antar sesama pengguna Blogger dan produk lain yang terkait dengan Google+. Baru-baru ini saya mendapatkan pesan dari Google terkait penutupan salah satu produk Google yaitu Google+. Penutupan produk tersebut dikarenakan terdapat bug pada Google+ yang mengekspos 500.000 lebih data pengguna pada tahun 2018 lalu dan alasan lain penutupan produk ini adalah karena minimnya tingkat pengguna dalam menggunakan Google+ dibanding dengan media sosial lainnya terutama Facebook dan Twitter. Selengkapnya »

Cara Memasang Multi Related Post di Postingan

Gambar
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. Tips Blogger kali ini Arlina Design akan berbagi Cara Memasang Multi Related Post di Postingan . Selengkapnya »

Perbaikan Background Putih Pada widget ShareThis

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

Cara Memasang Efek Smooth Scroll di Blogger

Gambar
Mungkin sobat sudah tidak asing lagi dengan widget tombol back to top yang akan memberikan kemudahan bagi pengunjung dalam hal navigasi di dalam situs, begitupun dengan Efek Smooth Scroll di Blogger ini. Efek smooth scroll ini akan memberikan transisi halus saat kita scroll halaman sama halnya seperti efek scroll yang halus pada tombol back to top. Bagi yang tertarik, bisa ikuti langkah mudah untuk memasangnya di bawah ini. Selengkapnya »

Cara Redirect URL Blog ke Beberapa Situs Lain

Gambar
Bagi sobat yang ingin membuat situs baru tetapi tidak ingin kehilangan pengunjung dari situs lama, sobat bisa menambahkan Cara Redirect URL Blog ke Beberapa Situs Lain di situs lama sobat. Cara kerja dari Redirect URL Blog ke Beberapa Situs Lain ini hampir sama dengan Cara Redirect Page Not Found ke Halaman Lain . Namun perbedaannya, di sini sobat bisa menambahkan beberapa link situs dan akan otomatis beralih ke situs yang sudah ditentukan secara acak. Bagaimana caranya? Caranya cukup mudah, mari kita ikuti tips di bawah ini. Selengkapnya »