Arlina Design: Widget
Beberapa waktu yang lalu ada sobat blogger yang request tips Tools Untuk Parse HTML seperti di blog ini. Nah, pada kesempatan kali ini Arlina Design akan berbagi tips Cara Memasang Tools Untuk Parse HTML yang berfungsi untuk memparse markup HTML yang biasanya digunakan untuk postingan-postingan yang berhubungan dengan pengembangan web atau tips blogger seperti pada blog ini.

Cara Memasang Tools Untuk Parse HTML

Sebelumnya saya juga pernah membuat tips serupa yaitu Memasang Tool CSS Minifier di Halaman Statis Blogger. Baiklah, tanpa berlama-lama. Berikut ini adalah Cara Memasang Tools Untuk Parse HTML.

Cara Memasang Tools Untuk Parse HTML

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.

Cara Membuat Push Notifications di Blog dengan OneSignal

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.

Cara Membuat Push Notifications di Blog dengan OneSignal

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.

Cara Menambahkan Tombol Show All di Widget Cloud Label

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.

Cara Menambahkan Tombol Show All di Widget Cloud Label

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

Pada postingan kali ini Arlina Design akan berbagi sebuah widget Featured Slider dari Owl Carousel. Widget ini berguna untuk menampilkan postingan terbaru berdasarkan label dengan animasi slider yang halus dan sudah mendukung tampilan responsive.

Cara Memasang Featured Slider Keren di Blogger

Widget ini mungkin kurang cocok bagi sobat yang sangat "menjunjung tinggi" dengan kecepatan, alasannya karena memang akan membebani loading blog... Selalu ada harga yang mesti dibayar untuk sebuah keindahan dalam hal apapun dan itu sepadan, iya kan? Namun bagi sobat yang tidak terlalu mementingkan hal tersebut dan kebetulan sedang mencari serta ingin memasang widget ini di blognya, mari kita simak Cara Memasang Featured Slider Keren di Blogger di bawah ini.

Cara Memasang Featured Slider Keren di Blogger

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

Bagi yang sudah melakukan tips cara Memuat Komentar Disqus dengan Onclick Event pada postingan Arlina Design yang lalu dan tips tersebut tidak bekerja pada template blog sobat, Di sini saya akan memberikan perbaikan atau pembaruan agar tips ini bisa berfungsi dengan baik.

Pembaruan Komentar Disqus dengan Onclick Event

Untuk penjelasan tentang cara kerja tombol Komentar Disqus dengan Onclick Event bisa sobat cek pada link ini. Nah, berikut langkah-langkahnya.

Pembaruan Komentar Disqus dengan Onclick Event

Kali ini Arlina Design akan memberikan widget Recent Post by Label yang bisa sobat pasang di halaman statis blog sobat. Widget ini merupakan hasil modifikasi dari widget recent post yang pernah saya publish pada postingan Recent Post Widget dengan Navigasi. Widget ini berfungsi untuk menampilkan daftar artikel terbaru berdasarkan label.

Cara Memasang Recent Post by Label di Halaman Statis

Widget ini bisa kita manfaatkan sebagai Sitemap atau daftar isi blog di halaman statis. Bagi yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini.

Cara Memasang Recent Post by Label di Halaman Statis

Menambahkan widget share button merupakan salah satu cara untuk mendapatkan pembaca lebih banyak di blog kita. Karena, dengan memasang widget share ini pengunjung akan jadi lebih mudah untuk membagikan konten di sosial media miliknya.

Cara Memasang Widget ShareThis di Blogger

Mungkin sudah banyak yang sudah tahu bagaimana cara menambahkan widget share dan mungkin juga ada sebagian yang belum tahu, jadi tidak ada salahnya kali ini Arlina Design akan berbagi tips Cara Memasang Widget ShareThis di Blogger dengan efek melayang di pinggir halaman atau dipasang di dalam postingan blog. Tips ini juga sekaligus untuk menjawab permintaan dari Andika Pandanu lewat formulir kontak blog ini sebagai berikut

Cara Memasang Widget ShareThis di Blogger

Kali ini Arlina Design akan berbagi tips Cara Memasang Tombol Go Up dan Go Down di Blog. Apa itu Tombol Go Up dan Go Down? Tombol Go Up dan Go Down adalah tombol yang berfungsi baik cara untuk melompat ke atas maupun ke bawah dengan mudah dan singkat, daripada menggerakannya dengan mouse. Ini adalah salah satu cara untuk mendorong pengguna menelusuri lebih banyak konten-konten yang lainnya dengan mudah.

Cara Memasang Tombol Go Up dan Go Down di Blog

Tombol Go Up dan Go Down memiliki peranan cukup penting bagi sebuah situs dengan konten yang memiliki halaman yang panjang. Untuk situs yang memiliki banyak informasi pada halamannya akan membuat konten-konten lain terlewati tanpa disadari menggulir jauh ke bawah halaman.

Cara Memasang Tombol Go Up dan Go Down di Blog

Kali ini Arlina Design akan berbagi Cara memasang Widget Formulir Kontak pada Halaman Statis seperti pada blog ini. Sebelumnya saya juga pernah berbagi caranya pada postingan ini Memasang Formulir Kontak Pada Halaman Statis, perbedaan dari yang akan saya bagikan sekarang hanya pada tampilan saja karena ada permintaan dari sobat blogger untuk berbagi tampilan formulir kontak seperti blog ini.

Cara Terbaru Menambahkan Formulir Kontak di Blog

Baiklah, berikut Cara Terbaru Menambahkan Formulir Kontak di Blog.

Cara Terbaru Menambahkan Formulir Kontak di Blog

Recent Comments Disqus berfungsi menampilkan komentar terbaru dari Disqus di situs sobat dengan tampilan slide dari samping dan jika sobat menekan tombol icon lonceng di pojok atas maka widget recent comments ini akan terbuka. Dengan widget ini sobat akan jadi lebih mudah mengetahui komentar terbaru dari Disqus di situs sobat.

Cara Memasang Recent Comments Disqus di Blog

Bagi sobat yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini.

Cara Memasang Recent Comments Disqus di Blog

Diantara sobat blogger mungkin sudah familiar dengan tombol reaksi yang sering muncul di situs-situs berita disertai dengan ikon/emoji yang eye catching, di akhir tulisan artikel biasanya sobat akan melihat tombol reaksi tersebut. Tombol reaksi ini berfungsi untuk menambah umpan balik dari pembaca mengenai tanggapan dari artikel yang sedang ia baca.

Cara Memasang Tombol Reaksi ke Blogger dengan Vicomi

Bagi yang menggunakan platform WordPress terdapat plugin DW Reaction, Emotify Reaction, dan plugin tombol reaksi lainnya yang bisa ditambahkan dengan mudah ke situs WordPress. Namun bagaimana dengan platform Blogger? Sebetulnya di blogger sendiri sudah menyediakan fitur tombol reaksi yang bisa kita tambahkan ke blog hanya saja tampilannya tombol radio saja bisa dibilang sangat sederhana, namun pada kesempatan ini saya akan berbagi bagaimana cara memasang tombol reaksi di blog dengan third party Vicomi yang lebih keren dari tombol reaksi bawaan blogger.

Cara Memasang Tombol Reaksi di Blogger dengan Vicomi

Light Gallery ini berfungsi untuk menampilan galeri dari gambar atau video saat kita membuka gambar atau video pada blog.

Cara Menambahkan Light Gallery di Tema Blog

Light Gallery adalah plugin untuk sebuah website dibuat oleh Sachin N di Github. Untuk fungsi menurut saya hampir sama dengan Lightbox yang sudah ada di Blogger, namun dengan fitur yang lebih baik. Sperti sudah support Responsive, galeri gambar yang bisa digeser, tampilan yang lebih menarik, tombol untuk mendownload gambar dan tombol fullscreen, transisi yang lebih smooth, serta kelebihan lainnya yang tidak dimiliki Lightbox standar Blogger.

Untuk menambahkannya ke dalam blog sobat, silakan ikuti Cara Menambahkan Light Gallery di Tema Blog berikut ini

Cara Menambahkan Light Gallery di Tema Blog

Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog - Pada tutorial kali ini, Arlina Design akan memberikan tutorial Cara Memasang Banner Iklan Melayang di Kanan dan Kiri Blog. Dalam pemasangan iklan melayang ini, tampilan iklan akan terlihat pada sisi kanan dan sisi kiri blog. Jadi bukan hanya satu iklan melainkan dua banner iklan.

Memasang Banner Iklan Melayang di Kanan dan Kiri Blog



Tertarik untuk memasangnya? Silakan ikuti beberapa langkah berikut ini :

Memasang Banner Iklan Melayang di Kanan dan Kiri Blog

Subscribe Our Newsletter