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 »

Ada Apa dengan Tombol Balas Komentar Blogger?

Beberapa waktu lalu ada keluhan lewat email tentang tombol balas komentar di blogger yang tidak berfungsi. Disinggung dari artikel www.bungfrangki.com yang berjudul Komentar Blog Error, Tombol Reply Not Working, Apa Solusinya?. Di sini saya mencoba untuk mengecek ternyata memang betul bahwa tombol balas pada komentar Blogger tidak berjalan sebagaimana mestinya. Nah di sini saya bingung kok bisa? Kemungkinan ada perubahan di blogger yang tidak saya ketahui.

Bagi sobat yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat bisa mengembalikan beberapa optimasi tersebut ke semula seperti pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Jadi bagi yang sebelumnya melakukan tips Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger bisa kembalikan seperti semula.
Selengkapnya »

Cara Membuat Slot Iklan Sebelum dan Sesudah Isi Postingan

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.

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.
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 Menonaktifkan Inspect Element di Blog

Kemarin ada sobat blogger yang bertanya tentang bagaimana sih Cara Menonaktifkan Inspect Element di Blog seperti di blog Arlina Design ini?

Penjelasan singkatnya, Inspect Element adalah salah satu fitur bermanfaat bawaan browser versi desktop yang mampu memperlihatkan, mengedit, bahkan mengubah kode HTML yang diambil dari sumber situs. Inspect Element sering digunakan oleh designer blog untuk mengetahui kode seperti kode CSS, HTML, javascript di blog.
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 Menyortir Komentar Blogger dari yang Terbaru

Seperti yang kita tahu, komentar blogger pada umumnya menyortir komentar dari komentar lama yang posisinya di atas dan komentar baru yang posisinya paling bawah. Nah bagaimana jika posisi komentar terbaru itu dibalik? Tumpah? 😅 nggak lah... Posisi komentar diurutkan dari yang terbaru, jadi posisi komentar terbaru akan berada di atas komentar lama.

Bagaimana caranya? Caranya sangat mudah, silakan lakukan langkah mudah di bawah ini.
Selengkapnya »

Perbaikan Tombol Share Whatsapp yang Tidak Berfungsi

Berikut ini adalah Perbaikan Tombol Share Whatsapp yang Tidak Berfungsi setelah saya cek memang tidak berjalan sebagaimana mestinya khususnya pada template Infinite dan template lain yang saya bagikan di blog ini maupun blog Idntheme. Terima kasih kepada sobat yang sudah aware dengan hal ini.

Untuk perbaikannya sangat mudah, silakan ikuti langkahnya di bawah ini
Selengkapnya »

Notifikasi Adblocker Adsense Ala Kompi Ajaib

Salam Blogger, kali ini Arlina Design akan berbagi tutorial cara memberikan notifikasi adblocker adsense saat pengguna mengakses blog dan mengaktifkan ekstensi adblock di browser.

Tutorial ini saya dapat dari blog Kompi Ajaib yang dikelola oleh admin +Adhy Suryadi yang senantiasa memberikan trik dan tips blogger yang bermanfaat dan beliau sangat menginspirasi saya untuk membangun blog menjadi lebih baik. Mengenai penjelasan kenapa sobat perlu Menambahkan Notifikasi Adblocker Adsense di dalam blog sobat bisa mengunjungi sumbernya di https://www.kompiajaib.com/2016/07/membuat-notifikasi-untuk-pengguna.html
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 »

Meta Tag Seo Friendly dan Valid HTML5

Meta Tag Seo Friendly dan Valid HTML5 - Kali ini saya akan menjawab pertanyaan yang pernah ditanyakan sobat blogger yaitu tentang cara mengisi kode xxxxx yang saya tambahkan pada template-template yang saya bagikan.

Mungkin diantara sobat blogger masih ada yang belum faham dengan meta tag ini, baiklah di sini saya akan menjelaskan sedikit tentang meta tag pada template blogger.
Selengkapnya »

Cara Memasang Artikel Terkait di Dalam Postingan

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 »

Cara Memasang Iklan Adsense di Tengah Postingan

Cara Memasang Iklan Adsense di Tengah Postingan - Masih membahas seputar Adsense, kali ini Arlina Design membahas tentang trik dan tips Cara Memasang Iklan Adsense di tengah postingan. Sebetulnya sudah banyak sekali artikel yang membahas tentang trik ini, namun kebetulan di blog ini belum ada jadi saya bagikan dan mungkin judulnya agak mainstream menurut saya tapi tidak apa-apa yang penting berbagi.

Manfaat dari trik Memasang Iklan Adsense di tengah postingan ini yaitu sobat bisa lebih meningkatkan pendapatan Google Adsense blog sobat dengan jumlah rasio klik yang lebih tinggi dan biasanya akan lebih menarik minat pembaca dengan konten iklan yang ditampilkan karena posisi iklan yang strategis berada di tengah postingan. Singkat saja, berikut Cara Memasang Iklan Adsense di Tengah Postingan.
Selengkapnya »

Cara Menampilkan Tombol di Sidebar Pada Template Digizena

Pada kesempatan kali ini Arlina Design akan memberikan tips blogger atas permintaan sobat blogger di sini tentang Cara Menampilkan Tombol di Sidebar Pada Template Digizena.

Selengkapnya »

Cara Menyembunyikan atau Menampilkan Widget di Mobile Device

Seperti yang kita tahu sesuai dengan perkembangan zaman kini perangkat mobile sudah menjadi kebutuhan pokok setiap orang sebagai alat komunikasi yang memberikan banyak manfaat bagi kita semua.

Masih berhubungan dengan hal ini, setelah Algoritma Google Mobile Friendly diperbarui pada tanggal 21 April 2015 lalu. Banyak webmaster membuat situs yang Mobile Friendly dan juga responsive agar dapat diakses lebih cepat dan nyaman melalui perangkat mobile. Tentunya hal ini merupakan langkah positif dan sebagai pondasi awal dalam membangun sebuah website, untuk langkah selanjutnya tinggal bagaimana kita mengelola situs tersebut.
Selengkapnya »

Cara Memperbaiki Error Publisher, dateModified dan datePublished

Structured Data Testing Tool adalah alat untuk mengetahui lengkapnya informasi yang ada pada blog atau situs kita. Alat ini akan menjadi penguji informasi blog kita yang akan dikimkan ke Search Engine Google dan Yahoo. Google, Yahoo dan Microsoft mereka bertiga berkolaborasi dalam schema.org untuk meningkatkan metode pencarian.

Sobat Arlina Design bisa mengecek Structured Data Testing Tool dengan membuka halaman https://search.google.com/structured-data/testing-tool dan masukan halaman homepagenya saja. Sebaiknya sobat cek terlebih dahulu, jika mendapati Error Headline, Image, Publisher, dateModified dan datePublished silakan membaca cara berikut ini.
Selengkapnya »

Cara Membatasi jumlah Post di Halaman Pencarian

Cara Membatasi jumlah Post di Halaman Pencarian - Apa kabar sobat blogger, kali ini Arlina Design akan memberikan sedikit tips tentang cara membatasi jumlah pos yang tampil saat mencari sebuah artikel di halaman pencarian blog.

Trik ini cukup mudah, cara kerjanya sama seperti pada tutorial Membatasi Jumlah Posting di Halaman Label. Silakan ikuti langkah berikut ini.
Selengkapnya »

Menandai Post Label Tertentu dengan Tag Kondisional

Menandai Post Label Tertentu dengan Tag Kondisional - Seperti yang kita tahu kini Blogger mengupdate fitur-fitur terbaru yang bisa kita manfaatkan agar kegiatan blogging menjadi semakin menarik. Salah satu fitur barunya adalah fitur Lambda Expression yang bisa mempersingkat penuisan markup pada tag kondisional tertentu sehingga akan menjadi lebih sederhana dan menghemat penulisan kode.

Sebagai contoh pada tutorial blog kali ini saya akan memanfaatkan fitur tersebut pada post label di halaman index.
Selengkapnya »