Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog

Contoh Blog
July 1, 2015

Published: July 1, 2015

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. Temukan kode ini di template Anda:

<b:skin><![CDATA[

4. Select All alias SEMUA kode css yang ada di antara kode:

<b:skin><![CDATA[
........... kode css di sini ............
]]></b:skin>

5. Copas ke Notepad

6. Setelah dicopypaste ke notepad, 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>

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

... 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! (contohblog.com).*

Sumber
Sumber

Thanks for reading Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog | Labels: Desain Blog, Tips SEO

22 komentar on Cara Menghapus Widget Bundle CSS untuk Fast Loading Blog

Timur MatahariJuly 02, 2015
Patut untuk di coba.
AnonymousJuly 03, 2015
CB, apakah cara ini sudah diterapkan pada Genesisseo?
Dedy IswanaJuly 16, 2015
Dah di coba belum ini trik kang?

Keraguan saya berawal dari sini:

1. Kode ini ga ada tag penutupnya : "<style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>"

2. Trus knapa tag komentar html dimasukin ke CSS "
Frans NathanaelOctober 05, 2015
Thanks infonya... Berguna sekali... Gak salah saya kunjungi nih blog... Good Job
dani asliOctober 26, 2016
Dah di coba sampai di ulang 2X GagalManing-GagalManing. Sebelum di coba page speed score sudah 96% tadinya mau sampai 100% Eeeeeee masih tetap. Kalau Pendapat Aa CB 96% sudah bagus belum ya ?
Mujib AliJanuary 13, 2017
untuk Template NJW Update apakah sdh terhapus dari sananya mas?
Budi StudioJanuary 29, 2017
Fungsi widget css bundle itu apaan sih gan??
Kok disetiap template ada semua??
Mr. RuiFebruary 15, 2017
ketika saya test speed blog saya di pagespeed insight ada peringatan seperti ini "Hapus JavaScript yang memblokir render: https://www.blogger.com/static/v1/widgets/127631110-widgets.js"
saya saya praktekkan tutorial abang CB sedetail mungkin dari a-z dan seharusnya work tapi kenapa tidak ada perubahan sama sekali ya? mohon pencerahanya mastah
SerizawaMarch 11, 2017
apakah ngaruh ke seo? tapi skor blog CB ini dapat skor 57 dan 59/100
ZakiMarch 14, 2017
gimana gan kalau di template ga ada bundle.css tapi di pagespeed insight tools masih ada
siaran satelitMay 30, 2017
saya coba dulu mas,, nanti kalo ga berhasil saya balik ke sini