S
atu masalah yang paling sering muncul ketika membuat blog baru, apalagi itu adalah template blog gratisan dan yang selalu ada di sebagian besar template adalah memasukkan
Bundel Javascript, CSS, dan Widget default untuk Blogger. Sebagian besar
Pengguna bahkan tidak menyadari ada skrip seperti itu. Itu tidak mengejutkan karena itu benar
Tidak ada dalam pengaturan HTML. Mereka semua tidak tertulis. ini otomatis
Anda tahu dari Google. Script ini hanya dapat dilihat di kode sumber. membuat tanah liat
Untuk kode sumber ini, cukup masukkan alamat berikut di browser Anda:
view-source: http://www.addressblog.com
Ganti http://www.addressBlog.com dengan alamat blog Anda sendiri.
Akan ada script seperti ini:
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script></>
<script type='teks/javascript' src='https://www.blogger.com/static/v1/widgets/33xxxxxxxxx-widgets.js'></skrip><link href='https://www.blogger.com/static/v1/widgets/xxxxxxxxx-css_bundle_v2.css' rel='stylesheet' type='text/css' /><link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css? targetBlogID=xxxxxxxxx-XXXXXXX'/>
Dimana xxxxxxxx adalah nomor yang berbeda pada setiap blog.
Padahal sebenarnya kita tidak membutuhkannya. bahkan apa
Pemuatan lambat dan skor kecepatan halaman lebih rendah di GTMetrix, Halaman Google
Speed Insight, dan tes jaringan lainnya. Ya, hapus saja.
Jika tidak tertulis dalam pengaturan HTML lalu bagaimana Anda menghapusnya?
A. Cara menghapus widget bundel JS, CSS, dan Blogger
Anda perlu sedikit trik. Awasi cara menghapus JS, CSS, dan
Widget bawaan Blogspot berikut dapat mempercepat loading halaman.
Pastikan Anda masuk ke akun Blogger Anda. Lalu pergi ke "Tema" dan pilih
"Mengedit HTML".
#1 Langkah Pertama
Temukan kode berikut:
<body>
<!--<body>--><body>
</body>
<!--</body>--></body>
#2 Langkah Kedua
Temukan kode berikut:
<head>
<!--<head>-->< head>
</head>
dengan:
<!--</head>--></head>
#3 Langkah Ketiga
<b:skin><![CDATA[
ganti dengan
<style type="text/css"><!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'>
]]></b:skin>
Silahkan anda ganti dengan
</style>
4. Cara Melihat Hasilnya
Tinjau kembali kode sumber blog dan perhatikan. dari Javascript, CSS danWidget default Blogger berubah menjadi hijau. Ini berarti hanya diperlakukan sebagai tag komentar HTML dan tidak akan dieksekusi sebagai naskah.B. Efek Samping
Tampilan layout blog akan menjadi flat alias tidak tertata rapi. Tapi jangan takut itu tidak akan mempengaruhi syntak pada blogger anda. Dan id setiap widget masih ada dan seperti memanjang kebawah.
C. Widget Contact Form Tidak Berfungsi
Widget Contact Form akan bermasalah atau tidak berfungsi dikarenakan oleh tersembunyi nya widget bundle blogger. Untuk itu saya sudah sediakan script contact form dibawah ini.
Tambahkan kode CSS berikut diatas </head>
/* Contact Form */
#comments,.post_meta,#blog-pager{display:none}form{color:#666}#kontak{margin:auto;max-width:640px}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid #2f303f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid #2f303f;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}#ContactForm1_contact-form-submit{float:left;background:#008c5f;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}#ContactForm1_contact-form-submit:hover{background:#2f303f;color:#fff}#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}.contact-form-error-message-with-border{background:#2f303f;border:none;box-shadow:none;color:#fff;padding:5px 0}.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}img.contact-form-cross{line-height:40px;margin-left:5px}.post-body input{width:initial} @media only screen and (max-width:640px){#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%}}
Dengan memilih mode HTML paste kan kode berikut.
<form id="kontak" name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name *" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" size="30" placeholder="Email *" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message *" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Send Message"/><div style="max-width: 222px; text-align: center; width: 100%;"> <div id="ContactForm1_contact-form-error-message"></div> <div id="ContactForm1_contact-form-success-message"></div> </div> </form><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'] = 'ID_BLOG_DISINI';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3dID_BLOG_DISINI','//www.blogkoopedia.web.id/','ID_BLOG_DISINI');_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': 'ID_BLOG_DISINI', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]> </script>
www.blogkoopedia.web.id ganti dengan domain name kamu.
Akhir Kata
Sekian pembahasan tentang Update! Script Mempercepat Loading Blog dengan Mudah. Semoga bermanfaat. Selamat berjumpa kembali di artikel berikutnya. Terimakasih telah berkunjung.
Keyword
Loading, Fast Respon, Bundle, Blog, HTML, JS, CSS, JavaScript, Blogspost, Blogger, Mesin Pencari
No comments:
Tulis comments