Skip to main content
Ivhaa Design

follow us

Cara Menghapus CSS, Javascript dan Widget Bundle Di Blogger

Cara Menghapus CSS, Javascript dan Widget Bundle Di Blogger

Baca juga:



Hallo semua pada artikel kali ini saya akan memberikan tutorial lagi dengan kalian semua tutorial tersebut adalah Cara Menghapus Javascript, CSS dan Widget Budle di Blogger. Artikel ini saya kutip dari blog Arlina Design biasa saya tulis ulang di blog saya.

Dengan menghapus Javascript, CSS dan Widget Budle ini sama aja kayak kalian mengoptimalkan blog kalian karena membantu loading blog semakin lebih cepat.

Tapi jika kalian menghapus tersebut akan asa elment yang error jadi harus di perbaiki. Dan widget bawaan Blogger juga beberapa tidak berfungsi, nah kita langsung aja deh ya.

Cara Menghapus CSS, Javascript dan Widget Bundle Di Blogger

Pertama kalian buka Blogger.com masuk dengan akun kalian pilih Menu Template > Edit HTML cari kode pebuka seperti di bawah ini.
<head>

Ganti dengan kode berikut ini
&lt;head&gt;

Selanjutnya cari kode berikut ini untuk menyembunyikan CSS nya.
<b:skin><![CDATA[

Ganti dengan kode berikut ini
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Cari kode ini
]]></b:skin>

Ganti dengan ini
</style>

Kemudian untuk kode penutup nya cari kode berikut ini
</head>

Ganti seperti ini
&lt;/head&gt;&lt;!--<head>--&gt;</head>

Selanjutnya dengan kode penutup body nya
</body>

Ganti dengan kode berikut ini
&lt;!--</body>--&gt;&lt;/body&gt;

Tinggal langkah terakhir nih, tinggal kode penutup nya ya sobat Blogger semua
<html>

Ganti dengan kode di bawah ini
<HTML expr:dir='data:blog.languageDirection'>

Kemudian untuk penutup nya
</html>

Ganti dengan kode seperti ini
</HTML>

Nah sudah selesai sekarang tinggal klik tombol Simpan Template, kemudian coba di cek di Google Pagespeed apakah sudah meningkat, jika iya berarti langkah berikut ini berhasil.

Perbaikan Setelah Hapus CSS, Javascrip dan Bundle Blogger

Adapun efek yang di timbulkan setelah melakukan optimasi di atas berikut cara mengatasi nya.

Blog Pager
Masukan CSS berikut ini sobat Blogger

#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}


Formulir Kotak
Biasanya formulir kota tidak akan berfungsi dengan benar setelah di optimalkan jadi masukkan kode berikut ini
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7342017194742683056','//www.ivhaa.net/','7342017194742683056');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '7342017194742683056', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Ganti ID BLOG dengan punya kalian setelah itu ganti URL BLOG nya dengan punya kalian. Atau Bisa Baca artikel ini, Cara Membuat Kontak Formulir Terbaru Di Blogger

Gimana gampang banget kan, selamat mencoba.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar