Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog

Cara Menghapus Widget Bundle CSS untuk Mempercepat Tampilan Blog

JIKA kita "bedah" daleman template blog SEO Friendly & Fast Loading, maka umumnya menghapus kode bawaan blogger yang disebut  Widget Bundle CSS.

Diyakini, dan terbukti, dengan menghilangkan kode tersebut, tampilan blog akan kian kenceng & ringan alias mengurangi waktu tampilan (reduce blog load time).

Apa tidak berbahaya? Tentu tidak. Buktinya, penghapusan Widget Bundle CSS memang tidak membuat tampilan blog jadi error, malah makin ringan.

Kode Widget Bundle CSS tersebut adalah kode yang berakhiran widget_css_bundle.css.

Cek saja template Anda dengan cara Template > Edit HTML > Ctrl+F > masukkan kata bundle.css. Jika masih ada, Anda bisa menghapus atau men-disable-nya agar tampilan blog lebih ringan dan cepat.

Kode Widget Bundle CSS lengkapnya adalah:

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1738504331-widget_css_bundle.css' />

Cara Menghapus Widget Bundle CSS Blogger

1. Klik "Template" > "Backup Template". Backup dulu template Anda, jaga-jaga kalo error
2. Klik "Edit HTML"
3. Hapus kode widget_css_bundle.css!
4. Temukan kode ini di template Anda: <b:skin><![CDATA[
5. Select All alias Copy & Paste SEMUA kode css yang ada di antara kode <b:skin><![CDATA[
dan ]]></b:skin> ke notepad

Baca Juga

• Cara Mengubah Warna Judul Blog
• Cara Memunculkan Jumlah Komentar Lebih dari 200 di Posting Blog
• Mengatasi Reply Comment (Balas Komentar) Tidak Berfungsi di Blogger
• Cara Termudah Membuat Tabber Tab di Sidebar Blogger
• Cara Setting SEO Dashboard Blogger ala Contoh Blog
• Cara Membuat Contact Form di Halaman Statis Blog
• Cara Membuat Daftar Isi Blog Berdasarkan Label Pilihan Sendiri
• Top 10 Website Dofollow 2015 untuk Backlink Gratis Blog
• Mengganti Link Posting Lama, Beranda, dan Posting Baru Menjadi Judul
• Teknik SEO On-Page untuk Meningkatkan Pengunjung Blog
• Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog
• Pengertian & Tips Hindari Google Sandbox
• Mengganti Link Newer Post, Home, Older Post dengan Judul Posting
• Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog
• Mempercantik Tampilan Numbered List Posting Blog

6. Setelah dicopypaste, hapus semua kode tersebut, sehingga yang tersisa hanya kode berikut ini:

<b:skin><![CDATA[
]]></b:skin> 

7. Hapus kode tersebut dan ganti (replace) dengan kode berikut ini:

<style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>

atau gunakan kode ini:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

7. Copas kode berikut ini di bawahnya atau di bawah kode </b:skin>

<style type="text/css"> 

... kode CSS di sini... 

</style>

8. Copy & Paste kode CSS yang di langkah no. 4 disimpan di Notepad ke dalam kode di atas (di bagian yang ada tulisan ... kode CSS di sini...)

9. Save Template!

Itu dia Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog. Silakan klik dua link sumber di bawah ini untuk lebih jelasnya. Good Luck! (http://www.contohblog.net/).*

Sumber
Sumber