Memberikan Efek Transisi Pada Gambar Postingan

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.

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

Membagi Halaman di Postingan dengan Nomor Navigasi

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.

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

Membuat Video Melayang Saat Halaman Digulir

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.

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

Cara Memasang jQuery Migrate di Blogger

Apa itu jQuery Migrate?

Dikutip dari dotlayer.com bahwa jQuery Migrate adalah javascript library yang memungkinkan untuk menjaga kompatibilitas kode jQuery yang dikembangkan untuk versi jQuery yang lebih lama dari jQuery versi 1.9. Ini pada dasarnya mengembalikan fungsi dan fitur sehingga kode yang lebih lama akan tetap berjalan dengan baik pada versi jQuery terbaru dan seterusnya.
Selengkapnya »

Cara Membuat Table of Contents di Postingan Blogger

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.

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

Memasang Efek Preloading Keren di 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.

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

Cara Memasang Syntax Highlighter di Postingan Blog

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.

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

Cara Membuat Judul Blog Muncul Satu Kata

Kali ini Arlina Design akan memberikan tips Cara Membuat Judul Blog Muncul Satu Kata. Tips ini bekerja jika sobat ingin memotong atau menyembunyikan judul blog yang terlalu panjang dan hanya satu kata pertama saja dari judul blog yang ingin dimunculkan.

Seperti contoh misalkan judul blog sobat adalah Tutorial Blogger 2017, maka dengan trik ini akan otomatis memotong judul blog menjadi Tutorial saja. Meskipun judul blog panjang agar terlihat rapi bisa diatasi dengan mengganti judul dengan logo, namun tidak ada salahnya untuk mencoba cara lain seperti yang akan saya berikan berikut ini.
Selengkapnya »

Membuat Tombol Demo dan Download Material Design

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.

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 »

Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide

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.

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 »

Memotong Snippet Popular Posts di Blogger

Memotong Snippet Popular Posts di Blogger - Kali ini Arlina Design akan berbagi tentang cara Memotong Snippet Popular Posts yang merupakan salah satu widget yang direkomendasikan untuk dipasang di blog.

Widget yang satu ini memberikan informasi kepada pembaca postingan atau artikel apa saja yang sering dilihat di blog yang bisa diatur berdasarkan 7 hari terakhir, 30 hari terakhir, atau setiap saat. Dengan begitu, pembaca mendapatkan lebih banyak pilihan untuk menjelajahi halaman blog kita. Yang pada akhirnya akan berdampak positif dan menambah pageview blog kita.
Selengkapnya »

Cara Memasang Lazy Load di Blog

Cara Memasang Lazy Load di Blog - Ada banyak cara untuk mempercepat loading suatu blog, yaitu salah satunya dengan cara memasang plugin Lazy Load. Kali ini Arlina Design akan berbagi trik yang merupakan salah satu dari optimasi blog dengan plug in jQuery Lazy Load untuk meringankan beban loading saat memuat halaman blog sobat.

Selengkapnya »

Membedakan Style Komentar Admin

Membedakan Style Komentar Admin - Membedakan Style Komentar Admin dengan pengunjung tentunya bisa dilakukan dengan CSS, namun di sini Saya mencoba untuk memanfaatkan penggunaan jQuery.

Selengkapnya »

Membuat Tabs Shortcode dengan jQuery di Blog

Membuat Tabs Shortcode di Blog - Ini adalah tabs yang sangat unik menurut saya karena HTML untuk memunculkannya menggunakan coding/html yang sangat unik dan berbeda dari biasanya. 



Pada umumnya html seperti ini  berbeda dengan tabs ini yang kode htmlnya seperti ini [tab], dan tab ini sangat simple dan mudah untuk di modifikasi sendiri, tabs ini menggunakan sedikit fungsi jQuery yang

Memasang Plugin Timeago dengan jQuery di Blog

Timeago adalah plugin jQuery yang membuatnya mudah untuk mendukung otomatis memperbarui waktu (misalnya "3 menit yang lalu" atau "sekitar 3 hari yang lalu")
Jika sobat tertarik untuk memasang Plugin jQuery Time ago silahkan ikuti tutorial di bawah ini dengan baik-baik.


Langkah Pertama Masukan jQuery Time ago di bawah ini tepat di atas atau .