Dewa Blogger: Hasil penelusuran untuk cara.menghapus.css.javascript.dan.widget.bundle.blogger

Halaman

    Social Items

Home / Hasil penelusuran untuk cara.menghapus.css.javascript.dan.widget.bundle.blogger
Tips berikut ini merupakan usul teman blogger lewat formulir kontak yang menanyakan bagaimana sih Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger pada template? Sebenarnya cara ini sudah aneka macam yang berbagi, namun tidak ada salahnya kalau kali ini mengembangkan tips ini.

Tips berikut ini merupakan usul teman blogger lewat formulir kontak yang menanyakan Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger

Kenapa harus Menghapus CSS, Javascript, dan Widget Bundle Blogger?


Menghapus CSS, Javascript, dan Widget Bundle Blogger merupakan salah satu meningkatkan secara optimal untuk mempercepat loading blog dengan menyembunyikan CSS, Javascript, dan Widget Bundle bawaan blogger yang akan termuat otomatis ketika blog dibuka. Misalnya jikalau kita cek blog di Google PageSpeed Insight maka akan muncul peringatan ibarat ini.

Tips berikut ini merupakan usul teman blogger lewat formulir kontak yang menanyakan Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger

Tentunya mempunyai blog dengan loading yang cepat akan menciptakan pengunjung lebih betah dan akan lebih gampang lagi untuk Search engine merayapi blog sobat. Nah, untuk mengatasi duduk masalah ini kita harus mengedit beberapa tag HTML di template blog supaya isyarat CSS, Javascript, dan Widget Bundle bawaan Blogger supaya tidak lagi termuat otomatis di blog.

Peringatan : Dengan melaksanakan tips yang akan saya bagikan ini sebagian besar widget bawaan blogger tidak akan bekerja dengan baik, jadi backup template terlebih dahulu sebelum melaksanakan meningkatkan secara optimal ini.

Jika sudah siap, silakan ikuti langkah-langkah di bawah ini.

Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger


Buka Blogger > Klik sajian Tema > Klik tombol Edit HTML lalu cari isyarat pembuka head di bawah ini

<head>

Ganti dengan isyarat di bawah ini

&lt;head&gt;

Selanjutnya cari isyarat ini untuk menyembunyikan CSS Reset

<b:skin><![CDATA[

Ganti dengan isyarat di bawah ini

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

Cari isyarat ini

]]></b:skin>

Ganti dengan isyarat di bawah ini

</style>

Selanjutnya untuk isyarat epilog head, cari isyarat ini

</head>

Ganti dengan isyarat di bawah ini

&lt;/head&gt;&lt;!--<head/>--&gt;

Langkah selanjutnya untuk isyarat epilog body, cari isyarat ini

</body>

Ganti dengan isyarat di bawah ini

&lt;!--</body>--&gt;&lt;/body&gt;

Masih lanjut? Oke, masih ada dua lagi. Sekarang pada isyarat pembuka dan epilog HTML, cari isyarat ini

Kode pembuka HTML

<html>

Ganti dengan isyarat di bawah ini

<HTML expr:dir='data:blog.languageDirection'>

Kode epilog HTML

</html>

Ganti dengan isyarat di bawah ini

</HTML>

Nah, selesai! Selanjutnya klik tombol Simpan tema (klik refresh jikalau muncul popup peringatan dari halaman Blogger). Bagaimana, Cukup gampang bukan? Silakan cek blog teman di Google PageSpeed Insight. Jika sudah meningkat maka langkah-langkah di atas sukses diterapkan pada blog sobat.

Saya sendiri sudah melaksanakan meningkatkan secara optimal di atas pada blog ini, untuk akhirnya dapat teman cek di link ini


Data kecepatan diperbarui setiap minggu, dan hasil meningkatkan secara optimal disimpan dalam cache selama 30 detik. Untuk melihat analisis pengoptimalan yang diperbarui, harap tunggu selama 30 detik sebelum menjalankan kembali tes.

Dapat kita ketahui kalau data kecepatan blog akan diupdate setiap minggu, jadi tunggu minimal satu ahad lalu cek kembali alamat blognya untuk mengetahui perubahan di kolom Speed PageSpeed Insight.

Beberapa perbaikan Setelah Menghapus CSS, Javascript, dan Widget Bundle Blogger


Adapun dampak yang diberikan sehabis melaksanakan meningkatkan secara optimal di atas, berikut beberapa perbaikan yang saya lakukan pada blog ini

Blog pager

Silakan tambahkan atau edit CSS blog pager pada template

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

Formulir kontak

Tombol mengirim dari widget formulir kontak biasanya tidak akan bekerja ibarat sebelumnya, silakan tambahkan isyarat ini sehabis isyarat HTML formulir kontak (Khusus widget formulir kontak yang ditambahkan di halaman statis)

<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.arlinadzgn.com/','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 semua isyarat yang ditandai dengan URL dan ID blog sobat. Baca selengkapnya di sini : Cara Terbaru Menambahkan Formulir Kontak di Blog

Demikian balasan dari pertanyaan teman blogger perihal Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Semoga bermanfaat dan wassalam.

Cara Menghapus Css, Javascript, Dan Widget Bundle Blogger

Beberapa waktu kemudian ada keluhan lewat email wacana tombol balas komentar di blogger yang tidak berfungsi. Disinggung dari artikel www.bungfrangki.com yang berjudul Komentar Blog Error, Tombol Reply Not Working, Apa Solusinya?. Di sini saya mencoba untuk mengecek ternyata memang betul bahwa tombol balas pada komentar Blogger tidak berjalan sebagaimana mestinya. Nah di sini saya galau kok bisa? Kemungkinan ada perubahan di blogger yang tidak saya ketahui.

Beberapa waktu kemudian ada keluhan lewat email wacana Ada Apa dengan Tombol Balas Komentar Blogger?

Bagi teman yang mengalami hal ini di blognya khususnya untuk template yang sudah dioptimasi, Sobat dapat mengembalikan beberapa meningkatkan secara optimal tersebut ke semula ibarat pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Makara bagi yang sebelumnya melaksanakan tips Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger dapat kembalikan ibarat semula.

Yang perlu teman lakukan yaitu mengembalikan semua aba-aba yang pernah dioptimasi ke semula.

Kode pembuka head

Ganti aba-aba ini

<head>

Dengan aba-aba ini

&lt;head&gt;

Kode untuk menyembunyikan CSS Reset

Ganti aba-aba ini

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

Dengan aba-aba ini

<b:skin><![CDATA[

Ganti aba-aba ini

</style>

Dengan aba-aba ini

]]></b:skin>

Kode epilog head

Ganti aba-aba ini

&lt;/head&gt;&lt;!--<head/>--&gt;

Dengan aba-aba ini

</head>

Kode epilog body

Ganti aba-aba ini

&lt;!--</body>--&gt;&lt;/body&gt;

Dengan aba-aba ini

</body>

Namun teman tidak perlu mengganti aba-aba ini :

<HTML>

Dan ini

</HTML>

Sisanya diganti semua. Jika sudah mengembalikan CSS dan JavaScript bawaan blogger, Selanjutnya teman dapat melaksanakan hal ini untuk memperbaikinya.

Pertama buka Blogger > Klik sajian Tema > Klik tombol Edit HTML dan cari aba-aba ini :

<b:includable id='comment_picker' var='post'>...</b:includable>

Ganti markup tersebut dengan versi ini

<b:includable id='comment_picker' var='post'>   <b:if cond='data:post.commentSource == 1'>     <b:include data='post' name='iframe_comments'/>   <b:elseif cond='data:post.showThreadedComments'/>     <b:include data='post' name='threaded_comments'/>   <b:else/>     <b:include data='post' name='comments'/>   </b:if> </b:includable>

Selanjutnya, tambahkan aba-aba CSS ini sebelum </head>

<style type='text/css'> /* Fix Comments */ #comments h4,#comments h3{display:block;background:#fff;padding:10px 15px;border-radius:2px}#comment-holder{overflow:hidden}#comment-holder ol{margin:0;padding:0}#comment-holder li{background:#fff;margin-left:0;padding:15px;border-radius:5px}#comment-holder .comment-replies{background:#f7f7f7;margin:0}#comment-holder .datetime{float:right;font-size:11px;font-weight:normal}#comment-holder .datetime a{color:#999}#comment-holder .datetime a:hover{color:#000}#comment-holder .user{font-weight:500}#comment-holder .comment-reply{background:#e74c3c;text-align:center;color:#fff;font-weight:normal;padding:6px 10px;margin:0 auto 10px auto;border-radius:2px}#comment-holder .comment-actions a{display:inline-block;background:#e74c3c;text-align:center;color:#fff;font-weight:normal;padding:0 10px;margin:0 5px 10px auto;border-radius:2px}#comment-holder .comment-actions a:hover,#comment-holder .comment-reply:hover,#comment-holder .comment-actions a:focus,#comment-holder .comment-reply:focus{text-decoration:none;background:#c0392b;color:#fff}#comment-holder .comment-content{margin:0 0 5px 0;color:#222;word-wrap:break-word;padding:10px 0}#comment-holder .thread-count{display:table;margin:5px auto 0 auto;text-align:center}#comment-holder .thread-count a{background:#fff;font-size:12px;padding:3px 10px;color:#999;text-align:center}#comment-holder li:before,#comment-holder .thread-arrow,.comment-form p{display:none} </style>

Jika sudah, klik tombol Simpan tema dan untuk melihat alhasil dapat mencoba menekan tombol balas komentar di blognya.

Dengan melaksanakan hal di atas, seharusnya sudah dapat teratasi dan juga komentar dari Google+ dapat teman aktifkan kembali.

Menurut saran saya salah satu solusi terbaik yaitu dengan beralih ke sistem komentar Disqus, ibarat pada postingan Pembaruan Komentar Disqus dengan Onclick Event. Karena Disqus mempunyai banyak kelebihan jikalau dibandingkan dengan sistem komentar bawaan Blogger, namun semua itu kembali ke pilihan sobat.

Oke, sekian untuk postingan kali ini, biar bermanfaat dan wassalam.

Ada Apa Dengan Tombol Balas Komentar Blogger?

Langganan: Postingan (Atom)