Beranda
Tutorial

Cara Menghilangkan JavaScript, CSS dan Wigdet Bundle

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.
Cara Menghilangkan JavaScript, CSS dan Wigdet Bundle
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
    &lt;head&gt;

    Tahap #3
    Kemudian cari kode <b:skin><![CDATA[ untuk menyembunyikan CSS reset

    Tahap #4
    Ganti kode <b:skin><![CDATA[ dengan kode dibawah ini
      &lt;style type=&quot;text/css&quot;&gt; &lt;!-- 
/*
<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
          &lt;/head&gt;&lt;!-<head/>-&gt;

          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

            Tahap #1
            Pertama anda cari kode </body> dan ganti dengan kode berikut
              &lt;!-</body>-&gt;&lt;/body&gt;

              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

                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> - &gt;&lt;/body & gt; dan ganti dengan kode dibawah ini
                  <b:if cond='data:blog.url!=&quot;https://www.masputro.com/search/label/Contact&quot;'>&lt;!- 
  </b:if> 
</body> 
<b:if cond='data:blog.url!=&quot; https://www.masputro.com/search/label/Contact&quot;'>-&gt;&lt;/body&gt; 
  </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