Khusus Percobaan 21: Templates

Loading Blogger Lebih Cepat dengan Disable CSS Template Official

2:22:00 PM Templates , Tips & Triks , Tutorial

Dibandingkan WordPress, Blogger masih kalah dalam hal mengatur bagaimana agar loading situs bisa dipercepat. Meskipun begitu, pengguna blogspot masih bisa melakukan hack agar loading situs lebih cepat. Cara mempercepat loading blog salah satunya adalah dengan menghapus/men-disable CSS Official (bawaan) blogger.

File CSS Blogger tersebut adalah:

https://www.blogger.com/static/v1/widgets/XXXXXXXXX-widget_css_bundle.css

Bisa jadi template Anda memiliki lebih dari satu. Blog kita akan memuat atau memanggil file-file CSS tersebut saat halaman blog dibuka. Artinya, jika file-file tersebut dihapus maka tidak ada pemanggilan file-file tersebut. Oleh karena itu loading blog bisa lebih cepat. Link tersebut dapat Anda temukan dalam kode sumber (source code) halaman. Tekan Ctrl+U untuk membuka source code sebuah halaman situs.

Perhatian!

File CSS Blogger berisi gaya (style) Widgets Blogger asli atau bawaan. Jika Anda menggunakan Template bawaan Blogger dan menonaktifkan Style Sheet (CSS) ini, situs Anda akan terlihat kacau balau. Gunakan hack ini hanya jika blog Anda menggunakan template kustom.

Tag <link> pemanggilan CSS akan tetap muncul pada kode sumber blog Anda, tapi tidak akan dimuat oleh browser, karena dibungkus dalam tag komentar HTML. Tentu Anda sudah tahu bahwa browser akan mengabaikan markup HTML yang berada dalam tag komentar. Jadi, file CSS Blogger tidak akan dimuat.

Bagaimana Cara Menonaktifkan/Men-disable CSS Official Blogger?

Temukan tag <b:skin> dalam template Anda dan hapus baris sesudahnya hingga tag </b:skin>. Sekali lagi yang harus Anda hapus adalah tag <b:skin> dan tag </b:skin> dan semua yang berada diantaranya, bisanya itu baris kode yang sangat banyak. Lalu ganti dengan satu baris kode ini saja:

&lt;style&gt;&lt;!--/*<b:skin><![CDATA[*/]]></b:skin>

Apakah sudah selesai? Ya, Anda sudah menyelesaikan tahap men-disable CSS official blogger. Selanjutnya tugas Anda adalah menggantikan CSS blogger yang telah dihapus dengan CSS kustom atau CSS buatan Anda sendiri. CSS tersebut harus diapit oleh tag <style> dan </style> lalu tempatkan di atas tag </head>.

Selamat mencoba.

Tampilan Baru Tata Letak Template Blogger

2:10:00 PM Templates

Iseng-iseng edit-edit template ternyata ada yang baru di Blogger. Hari ini saya melihat tampilan baru pada tata letak (page element) template Blogger. Saya mengira template yang saya gunakan yang bermasalah ternyata bukan.

Tata letak Blogger sekarang mengadopsi bentuk-bentuk flat (datar) gaya Metro. Mengingatkan saya pada layar Mulai (Start Screen) Windows 8. Tidak hanya Start Screen melainkan juga pada jendela-jendela lainnya. Semua di flat dengan sudut siku 90 derajat. Tidak ada lagi sudut bulat dan efek Chrome (efek mengilap).

Tampilan tata letak template Blogger yang datar (flat)

Antar muka Tata Letak template Blogger sekarang sudah Flat

Tampilan seperti ini (flat) memengaruhi para pengembang perangkat lunak. Mau tidak mau, suka atau tidak, pada akhirnya mereka juga menyesuaikan antarmuka perangkat lunak mereka menjadi flat. Tidak hanya pengembang perangkat lunak saja yang terpengaruh melainkan pengembang web (situs) juga. Kini antarmuka sebuah situs hampir semuanya flat. Semakin jarang kita temukan situs yang menampilkan elemen-elemen dengan efek timbul
Pengembang template Blogger rupanya tidak mau ketinggalan juga. Antarmuka elemen tata letak template Blogger sekarang menjadi flat. Tidak hanya tata letak, jendela sembul unggah gambar juga flat.

Progress Upload Template
Saya juga melihat ada persentasi kemajuan (progress) saat kita mengupload atau mengedit template. Cobalah mengunggah template dan perhatikan di sudut jendela browser, Anda akan melihat persentasi kemajuan. Lihat cuplikan gambar yang saya ambil.

Bagaimana, sudah melihat perubahannya atau saya yang telat? :)

Author Name

{picture#https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf6jBcOMlHfM5ckfOgfHgF8S3bcBlF1LLqvB5pLRwZFNY60xj94s7LKuyBAjIj9ETnBiRbAAM0lUTJq6WH6R2VGBblJW6g3YdZ1YKPwXudeTCgq8x6WXC0ojTIaR3FzDET1F-66YeCgdRU/s1600/Turiswan.png} " Jangan berharap sesuatu yang besar dengan tiba-tiba, mulailah dari yang terkecil dan gapailah semua harapan dengan sungguh-sungguh disertai kerjakeras dan do'a. " {facebook#http://www.facebook.com/turiswan22gtr} {twitter#http://twitter.com/turiswan2298} {google#https://plus.google.com/u/0/106442727760269580008/posts} {pinterest#http://www.pinterest.com/turiswan} {youtube#http://www.youtube.com/channel/UCJL-dLtQyZ_uQx7B3-vThjA?sub_confirmation=1} {instagram#http://instagram.com/turiswan2298}