Solusi Mengaktifkan Widget.js Untuk Mengaktifkan Widget Blogger

Seperti yang telah kita ketahui, javascript default Blogger menyumbangkan loading blog yang cukup lumayan. Javascript default Blogger in tidak ada di edit HTML, hanya bisa dilihat melalui page source blog. Ternyata yang paling berpengaruh pada loading blog dari javascript default blogger ini adalah js untuk Google Plus. Untuk itu banyak Blogger yang menyembunyikan widget.js Blogger dengan alasan untuk mempercepat loading blog. 

Namun dengan disembunyikannya javascript default Blogger ini maka kita tidak bisa menggunakan widget-widget Blogger yang menggunakan js seperti widget arsip blog dan lainnya karena widget.js-nya disembunyikan.

Sudah lama saya mencari solusi ini agar bisa menggunakan widget Blogger namun tidak berpengaruh pada loading blog (blocking-render js). Namun akhirnya kini saya mendapatkan solusinya ketika tengah membuat template premium sehingga template tersebut bisa menggunakan widget Blogger namun tetap memiliki loading yang cepat.

Nah kini saya akan share trik ini untuk Anda sebelum saya meluncurkan template premium tersebut.

Jika Anda sudah menggunakan trik untuk menyembunyikan widget.js Blogger yang sudah pernah saya share sebelumnya tentunya Anda sudah mengganti kode </body> menjadi &lt;!--</body>--&gt; &lt;/body&gt;

Nah untuk mengaktifkan widget.js Blogger agar bisa menggunakan widget Blogger seperti arsip blog, silahkan simpan kode di bawah ini di atas kode &lt;!--</body>--&gt; &lt;/body&gt;


<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://www.blogger.com/static/v1/widgets/707158982-widgets.js\"></scr" + "ipt>");
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2309821455564065710';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2309821455564065710','//kompiflexible.blogspot.com/','2309821455564065710');
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'}, 'displayModeFull'));
//]]>
</script>

Kode yang kuning silahkan ganti dengan blogID blog Anda, kode yang merah silahkan ganti dengan url blog Anda.

Kode yang hijau adalah kode register untuk widget arsip blog. 

Nah sekarang coba Anda tambahkan widget arsip blog di tata letak, maka sekarang toggle arsipnya pasti akan berfungsi.

Untuk menggunakan widget lainnya seperti visitor counter yang juga menggunakan widget.js Blogger, silahkan tambahkan dulu widgetnya di tata letak kemudian view page source blog Anda. Kemudian cari kode di paling bawah yang mirip seperti kode yang saya block hijau di atas untuk widget visitor counter, lalu copy dan paste di edit HTML tepat di bawah kode yang saya block hijau di atas tersebut.

Lakukan hal yang sama jika Anda menambahkan widget lainnya. Selamat mencoba.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments