Postingan

Menampilkan postingan dari Desember, 2018

Cara Mempercepat Loading Blog di Blogger Terbaru

Gambar
Cara Mempercepat Loading Blog di Blogger Terbaru  - Mempercepat Pagespeed Blog adalah PR penting selain masalah SEO. Mesin pencari, khususnya Google, akan lebih mengutamakan blog yang memiliki loading atau pemuatan halaman yang lebih cepat untuk urutan hasil pencarian. Misalnya, jika ada 2 Blog yang memiliki kualitas konten dan SEO yang sama baiknya, maka faktor kedua yang akan Google pilih untuk menentukan urutan hasil pencarian adalah Pagespeed atau seberapa cepat halaman Blog dimuat. Jadi, jangan ragu untuk melakukan langkah-langkah mempercepat loading blog ini. Cara Mempercepat Loading Blog di Blogger Terbaru Format Image Pada awalnya, Google tidak mempermasalahkan format gambar atau image yang digunakan pada sebuah Blog. Cukup dengan melakukan kompres gambar saja sudah cukup agar ukuran gambar tidak terlalu besar. Tapi sekarang, Google menganjurkan para pemilik Blog untuk menggunakan gambar dengan format webp  karena format tersebut lebih cepat dimuat dibandingkan

Cara Meringankan Gambar Image pada Blog

Gambar
Cara Meringankan Gambar Image pada Blog   - PR lagi dan lagi. Selalu saja Pagespeed alias Loading Blog yang menjadi masalah utama para blogger. Pastinya, saat kamu cek website mu di Google Pagespeed, hasilnya akan memberitahu bahwa gambar yang kamu gunakan pada Blog masih tergolong berat untuk di muat. Walaupun gambar yang kamu gunakan sudah di Kompres. Dari peringatan tersebutlah, saya tahu bahwa format yang dianjurkan untuk gambar yang digunakan pada Blog haruslah berformat webp . Cara Meringankan Gambar Image pada Blog Untuk mengatasi masalah ini tergolong mudah. Hal pertama yang harus kamu lakukan adalah menyiapkan gambar yang akan digunakan untuk Blog. Misalnya untuk postingan blog. Pergilah ke website converter image webp di  webp-converter.com . Upload Gambar ke website tersebut untuk mengubah format gambar menjadi Webp. Tunggu beberapa saat maka otomatis gambar baru berformat webp akan terunduh. Apakah saya harus meng-kompres lagi gambar tersebut?

Cara Meringankan Google Font di Blogger

Gambar
Cara Meringankan Google Font di Blogger  -  Anggap kamu sudah melakukan optimasi pada CSS, Javascript, Fontawesome dan JQuery yang ada pada Template blog milikmu. Tapi masih ada satu hal lagi yang membuat Loading Blog menjadi berat. Yakni karena penggunaa Google Font. Saya rasa, semua Template blogger saat ini menggunakan Google Font, begitu juga Galihdesign. Untuk kamu yang mempunyai masalah tersebut, Galih punya solusinya. Baca juga  : Cara meringankan JQuery di Blogger Cara meringankan Fontawesome di Blogger Cara meringankan CSS dan Javascript di Blogger Cara Menghapus CSS Bundle Blogger Cara Meringankan Google Font di Blogger Saat pertama kali menggunakan Google Font, saya menggunakan tag pemanggil standar seperti berikut ini. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> Sudah pasti kode pemanggil diatas akan membuat Blog mu menjadi berat saat Loading. Kemudian saya menemukan cara lain yang lebih

Cara Meringankan Fontawesome di Blogger

Gambar
Cara Meringankan Fontawesome di Blogger  - Lagi dan lagi loading blog lambat atau lama menjadi masalah utama yang didapat para pemilik Blog. Sudah coba berbagai cara seperti minfy css dan javascript tapi hasilnya masih belum maksimal. Mungkin salah satu penyebabnya adalah penggunaan Fontawesome pada template blog. Untuk beberapa template yang tidak menggunakan Fontawesome, sudah pasti tidak akan mengalami kendala ini. Tapi, sebuah template blog yang tidak menggunakan icon sudah pasti akan terlihat kurang menarik. Jadi, disini saya akan memberikan solusinya untuk membuat Fontawesome pada template blogger menjadi jauh lebih ringan. Cara Meringankan Fontawesome di Blogger Saat pertama kali menggunakan Fontawesome di template blog Galihdesign, saya langsung menggunakan tag pemanggil css eksternal fontawesome. Seperti berikut: <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css'/> Su

Cara Meringankan Jquery di Blogger

Gambar
Cara Meringankan Jquery di Blogger  - Apakah kamua adalah salah satu pengguna Blogger yang sedang pusing karena Loading Blog kamu berat? Mungkin salah satu penyebabnya adalah JQuery yang ada pada Template blogger yang kamu gunakan. Untuk masalah tersebut, saya sudah punya solusinya. Cara Meringankan Jquery di Blogger Sebelum ini, saya memasang JQuery dengan langsung memberikan tag Script seperti berikut, <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> Namun, cara penggunaan JQuery seperti itu membuat Loading Blog terasa berat. Lalu, bagaimana caranya Cuk? 1. Bukalah link Jquery yang kamu gunakan, berapapun versinya. Buka menggunakan Browser. Disini saya menggunakan Chrome. Contoh link Jquery yang saya gunakan adalah, https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js 2. Setelah saya buka di Browser, maka akan muncul script aslinya seperti gambar dibawah ini. 4. Copy semua kode terseb

Cara Membuat Infinite Scroll Post Loading pada Blogger ala Jalantikus

Gambar
Cara Membuat Infinite Scroll Post Loading pada Blogger ala Jalantikus  - Halo sobat, maaf baru sempat buat tutorial lagi karena sebelum ini saya sedang sibuk membuat blogger template Sakarepmu . Jika sobat sudah melihat template Sakarepmu, sobat pasti tahu bahwa salah satu fitur pada template tersebut adalah adanya navigasi postingan yang berbeda daripada template blogger kebanyakan . Ya, template tersebut menggunakan Infinite Scroll Post Loading. Artinya, untuk melihat postingan sebelumnya, kita tidak perlu berpindah halaman. Namanya juga penasaran, akhirnya saya intip CSS yang dipakai oleh Jalantikus karena saya tertarik dengan Infinite scroll miliknya. Setelah coba beberapa kali dengan Javascript, akhirnya selesai juga Infinite Scroll ala Jalantikus yang berhasil saya gunakan pada template Sakarepmu. Cara Membuat Infinite Scroll Post Loading 1. Masuk ke Blogger > Tema > Edit HTML lalu cari kode berikut ini! <b:includable id='nextprev'>...</b:incl

Sakarepmu Responsive Blogger Template

Gambar
Sakarepmu Responsive Blogger Template - Iseng-iseng maen ke Jalantikus, liat tampilannya kok keren ya. Sedikit mengadaptasi dan akhirnya jadi juga template blogger ini yang ane kasih nama 'Sakarepmu' karena ane  bingung mau ngasih nama aja. Nama gak penting ya, yang penting itu fitur-fitur dan keunggulannya. Berhubung ane cuma pengangguran, Template ini ane bikin  2 versi yakni  Premium dan Gratis. Buy Premium Rp.50.000,/ USD 4 Demo Download Free Version Fitur Sakarepmu Blogger Template Sticky Header Top Menu Custom Search Box Custom Popular Posts Widget Custom Subscribe Box Jalantikus Style Ads Slot SEO Fast Loading Breadcrumbs Custom Error Page Footer Widget Related Post Widget Custom Comment Form Disqus Onclick Comment Form No Encrypt Data - PREMIUM VERSION No Credit Link - PREMIUM VERSION Free Update - PREMIUM VERSION Documentations Colorful And many more. Jika kamu tertarik, silahkan gunakan tombol Unduhan diatas. Dan jika kamu in