
Assalamualaikum Sahabat Blogger.
Cara Menghilangkan JavaScript, CSS dan Wigdet Bundle - Waktu lalu saya sempat membagikan tentang mengetahui kecepatan blog. Jika anda sudah mengecek kecepatan blog anda namun, hasilnya kurang maksimal atau ada pemberitahuan dari Google untuk menghilangkan Widget Bundle, Javascript dan CSS. Mungkin cara dibawah ini bisa meningkatkan kecepatan blog anda.!!Sebelum menerapkan cara ini, ada baiknya anda back up telebih dahulu template anda untuk berjaga - jaga apabila ada kesalahan.Baca Juga : Cara Setting Robot.txt dan Custom Robot Tag Header di Blog
Menghilangkan CSS Bundle pada Blogger
Untuk menghilangkan bundle ini, ikuti langkah-langkah dibawah ini :
Tahap #1
Buka akun Blogger -> Tema -> Klik Edit HTML kemudian cari kode berikut <head>
Tahap #2
Silakan anda ganti tag <head> dengan kode di bawah ini
<head>
Tahap #3
Kemudian cari kode <b:skin><![CDATA[ untuk menyembunyikan CSS reset
Tahap #4
Ganti kode <b:skin><![CDATA[ dengan kode dibawah ini
<style type="text/css"> <!--
/*
<b:skin>
<![CDATA[*/]]>
</b:skin>
<style type='text/css'>
Tahap #5
Selanjutnya anda cari kode ]]></b:skin> dan ganti kode tersebut dengan kode dibawah ini
</style>
Tahap #6
Kemudian anda cari kode penutup </head> dan ganti dengan kode dibawah ini
</head><!-<head/>->
Tahap #7
Terakhir Klik Simpan tema.
Selanjutnya Menghilangkan Java Script Bundle
Sama seperti CSS blogger secara otomatis membuat paket widgets.js untuk javascript.
Untuk menghapus bundle ini silakan anda ikuti tutorial di bawah ini.
Baca Juga : Cara Redirect URL Blog
Baca Juga : Cara Redirect URL Blog
Tahap #1
Pertama anda cari kode </body> dan ganti dengan kode berikut
<!-</body>-></body>
Tahap #2
Simpan tema
Setelah anda melalukan cara diatas, sekarang silakan cek kembali kecepatan blog anda di Google PageSpeed Insights.
Cara memperbaiki masalah bentuk formulir kontak setelah menerapkan trik mengelompokkan JavaScript bundle
Jika anda menggunakan formulir kontak di halaman statis dan juga ingin menghapus bundle js maka, anda harus mengikuti trik ini. Karena setelah menghapus js bundle, formulir kontak anda mungkin tidak akan berfungsi lagi. Trik ini tidak akan berfungsi, jika anda menggunakan formulir kontak di sidebar atau footer.
Baca Juga : Cara Memasang Script Auto Refresh di Blog
Baca Juga : Cara Memasang Script Auto Refresh di Blog
Apabila formulir kontak anda masih berfungsi dengan baik, maka cara ini tidak perlu dilakukan.
Berikut cara memperbaiki formulir kontak pada halaman statis
Tahap #1
Pertama anda cari kode </body> atau & lt;! - </body> - ></body & gt; dan ganti dengan kode dibawah ini
<b:if cond='data:blog.url!="https://www.masputro.com/search/label/Contact"'><!-
</b:if>
</body>
<b:if cond='data:blog.url!=" https://www.masputro.com/search/label/Contact"'>-></body>
</b:if>
Catatan :
Ganti https://www.masputro.com/search/label/Contact dengan url tautan halaman kontak anda.
Tahap #2
Terakhir Klik Simpan tema.
Dalam trik ini, saya menggunakan tag kondisional blogger sehingga file javascript widget.js default hanya memuat ketika seseorang mengunjungi halaman kontak, dan halaman lainnya akan diabaikan.
Perbaikan Pada Blog Pager
Anda cukup edit atau tambahkan CSS blog pager pada template
Berikut kodenya :
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
Demikianlah, tutorial Menghilangkan Javascript, CSS dan Widget Bundle kali ini yang dapat saya bagikan. Semoga bermanfaat. Terimakasih Wassalamualaikum
Penulis : MasPutro.com
Posting Komentar