Postingan

Menampilkan postingan dengan label Widget

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

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 Featured Slider Keren di Blogger

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

Cara Menambahkan Fitur Ajax Search di Blog

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

Pembaruan Komentar Disqus dengan Onclick Event

Gambar
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. Untuk penjelasan tentang cara kerja tombol Komentar Disqus dengan Onclick Event bisa sobat cek pada link ini . Nah, berikut langkah-langkahnya. Selengkapnya »

Cara Memasang Recent Post by Label di Halaman Statis

Gambar
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 . Widget ini bisa kita manfaatkan sebagai Sitemap atau daftar isi blog di halaman statis. Bagi yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini. Selengkapnya »

Cara Memasang Widget ShareThis di Blogger

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

Cara Memasang Tombol Go Up dan Go Down di Blog

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

Cara Terbaru Menambahkan Formulir Kontak di Blog

Gambar
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. Baiklah, berikut Cara Terbaru Menambahkan Formulir Kontak di Blog . Selengkapnya »

Cara Memasang Recent Comments Disqus di Blog

Gambar
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. Bagi sobat yang ingin memasangnya, silakan ikuti langkah-langkah berikut ini. Selengkapnya »

Cara Memasang Tombol Reaksi di Blogger dengan Vicomi

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

Cara Menambahkan Light Gallery di Tema Blog

Gambar
Light Gallery ini berfungsi untuk menampilan galeri dari gambar atau video saat kita membuka gambar atau video pada 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 Selengkapnya »

Memasang Banner Iklan Melayang di Kanan dan Kiri Blog

Gambar
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. Tertarik untuk memasangnya? Silakan ikuti beberapa langkah berikut ini : Selengkapnya »

Cara Memasang Kotak Iklan di Blog

Gambar
Cara Memasang Kotak Iklan di Blog - Pada kesempatan ini Arlina Design akan membahas mengenai tutorial membuat kotak iklan di blog yang berukuran 125x125 pixels. Mungkin Anda sudah mengetahui bahwa kegiatan menulis artikel di blog kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu. Membuat blog dan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian. Selengkapnya »

Cara Membuat Recent Post Widget Berwarna

Gambar
Kali ini Arlina Design akan berbagi tutorial Cara Membuat Recent Post Widget Berwarna  yang cukup sederhana namun tetap menarik. Widget ini saya dapatkan dari widget recent post pada template Gravity yang sebelumnya saya publish di blog Idntheme. Widget ini sudah mendukung responsive yang akan mengikuti ukuran layar yang digunakan. Untuk tampilan live dari widget ini bisa sobat kunjungi pen di bawah ini Selengkapnya »

Cara Memasang Artikel Terkait di Dalam Postingan

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

Membuat Recent Post by Label dengan Fungsi Tab

Gambar
Membuat Recent Post by Label dengan Fungsi Tab - Kali ini Arlina Design akan memberikan tutorial cara membuat widget recent post berdasarkan label dengan bentuk tab yang bisa dengan mudah dipasang pada blog. Langsung saja, silakan ikuti tutorial berikut ini Selengkapnya »

Memasang Slide Out Tombol Follow di Blog

Gambar
Memasang Slide Out Tombol Follow di Blog - Kali ini Arlina Design akan memberikan sebuah Widget tutorial cara memasang "follow this blog" yang memang sudah disediakan oleh blogger, namun di sini saya akan berbagi tombol "follow this blog" efek slide out dengan posisi melayang di bawah blog yang bisa sobat pasang. Tombol ini akan lebih mudah terlihat oleh pengunjung. Apalagi jika pengunjung tertarik dengan artikel yang dibaca, tidak menutup kemungkinan pengunjung akan langsung join dan follow blog kita melalui tombol "follow this blog" yang kita pasang di bawah blog agar tombol ini lebih berfungsi dan bermanfaat. Selengkapnya »