Skip to main content

Oprek Variable Definitions Blog

Postingan ini masih berhubungan dengan mempercepat loading blog dengan cara mudah pada postingan sebelumnya. Cara tersebut bisa saya katakan mudah tetapi cukup signifikan untuk meningkatkan loading blog tetapi cara tersebut tidak akan berfungsi apabila komponen file css masih menggunakan komponen Variable Definitions sebagai definisi2 dari file css tersebut. Hal ini baru saya ketahui saya coba aplikasikan cara mempercepat loading blog tersebut ke blog saya yang juga menggunakan Variable Definitions sebagai definisi file css. Apa hasilnya?? Blog saya menjadi berantakan alias trik tersebut tidak berfungsi. Hal ini tidak saya temukan pada blog saya yang lain yang tidak menggunakan Variable Definitions sebagai definisi file css seperti pada blog Just a Blog ini dan blog Blogger Template by ireng_ajah. Trik tersebut berjalan normal dan cukup signifikan dalam mengurangi ukuran blog.

Bagaimana jika mau menggunakan trik itu tetapi Variable Definitions masih ada??

Variable definitions menurut saya adalah nilai untuk mendefinisikan file css yang ada baik itu untuk warna, font, ukuran font, dll.

Penulisan Variable Definitions pada file css menggunakan awalan "$" (tanpa tanda petik). Misalnya untuk warna link blog:

<variable name="linkcolor" description="Link Color" type="color" default="#384" value="#000000">

Untuk penulisan file css menjadi

a:link {
color:$linkcolor;
text-decoration:none;
}

linkcolor (value="#000000") pada Variable Definitions tersebut sebagai definisi warna untuk Link Blog. Penulisan pada css untuk link menjadi color:$linkcolor;

Apabila Variable definitions tersebut mau diterjemahkan langsung ke file css-nya, maka penulisan pada file css menjadi :

a:link {
color:#000000; (sama dengan value pada Variable definitions)
text-decoration:none;
}

* perhatikan warna biru dan merah


Untuk menterjemahkan Variable definitions yang lain langsung ke file css, tinggal samakan saja pada variabel name-nya dan valuenya. Melihat penterjemahan langsung Variable definitions ke file css yang saya lakukan pada blog saya, ada beberapa file css yang perlu ditambahkan kode baru. Yang sering saya temui yaitu pada font.

Jika masih menggunakan Variable definitions, penulisan font pada css akan seperti ini :

font: $bodyfont;

Tetapi jika langsung pada file css-nya, biasanya saya menuliskannya menjadi :

font: 14px arial; atau menjadi

font-size:14px;
font-weight:bold;
font-family:arial;

Untuk manfaat dan kerugian menggunakan Variable definitions atau menterjemahkan langsung ke css, saya sendiri aslinya gak terlalu paham, hehehehehe... Tetapi jika ingin menggunakan trik mempercepat loading blog dengan cara mudah, Variable definitions tersebut harus diterjemahkan dulu ke file css-nya.

Selain itu juga, trik mempercepat loading blog ini juga tidak akan berfungsi untuk template yang menggunakan tambahan file css dibawah kode ]]></b:skin> seperti pada blog saya free blogger template ajah

]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<---- file css ada disini ---->

</b:if>
</style>

File css pada bagian tersebut cukup di kompres saja dan tidak perlu menggunakan link eksternal. Links eksternal file css hanya untuk file css yang berasa diatas kode ]]></b:skin>


Terimakasih unuk sobat Blogging sehingga saya jadi tau soal ini.

Popular posts from this blog

Jaman Sekolah Dulu vs TimNas Senior

Melihat TimNas Senior sekarang, jadi teringat ketika jaman masih sekolah dulu. Cukup sederhana tapi ada benarnya dan saia merasakan itu. Semua itu gak lepas dari gimana cara mengajar guru, memberikan pemahaman akan pelajaran kepada anak muridnya.

Ketika kita suka dan senang dengan cara mengajar guru, suka dengan cara memberi pemahaman pelajaran, kita akan lebih semangat dalam belajar. Dan untuk pelajaran yang susahpun apabila cara guru menerangkan dan memberi pemahamanan secara tepat, pelajaran itu gak kan terasa sulit dan susah.


Kekalahan 4-0 dari Qatar tadi malam membuat peluang TimNas untuk melangkah ke babak berikutnya kualifikasi Piala Dunia Brasil 2014 tertutup. Mungkin hal ini sudah diprediksi sebelumnya tapi yang jadi masalah selama saia mengikuti perkembangan dari pertandingan pertama, semangat dan jiwa petarung pemain TimNas tidak ada !! Ada apa ini?? Siapakah yang patut disalahkan?? Pemain?? Dalam hal ini adalah pelatih. Kenapa??

Seperti yang sudah saya tulis diatas, sebuah a…

Oslanis Blogger Template

Salam.. Setelah kemarin rilis Axorys Blogger template, berikut ini template Blogger terbaru dari saya. Saya beri nama Oslanis Blogger Template. Secara khsusus, Oslanis Blogger template cocok untuk blog bertema fashion tapi bisa juga untuk semua tema.

Fitur Oslanis Blogger TemplateFully responsive Blogger templateMendukung Template Designer warna latar, gambar latar dan juga warna latar widget sidebar. Untuk variabel lainnya, bisa diedit via Edit HTMLMendukung browser yang umum dipakai oleh user.Mendukung konten slider.Responsive dropdown menu.Responsive video.Mendukung font icon from Font Awesome.WidgetableRelated posts dengan thumbnail.3 column footerAuto crop thumbnail dengan ukuran yang proporsional tidak ditarik/diregangkanRecent post and komen dengan thumbnailMendukung iklandan lainnya
Lihat juga :
Axorys Blogger Template. A Blogger template dengan 8 predefined styles.

Untuk setting dan download, silahkan menuju ke postingan Oslanis Blogger template ini.

Enaknya blog Do-Follow

Blog do-follow, saya kira sobat2 terutama yang sering mampir ke sini sudah tau apa itu blog do-follow. Banyak blogger yang berburu blog dofollow untuk mendapatkan backlink. Gak sedikit juga yang ngeposting soal kerugian blog dofollow. Komen2 yang masuk di blog dofollow pun kadang kala gak nyambung dengan isi postingan.

Tapi disamping kerugian yang didapat, ada juga kelebihan. Salah 1 kelebihan dari blog dofollow yaitu mendapatkan backlink dari postingan blogger lain yang membuat postingan soal daftar2 blog do follow.

Yupp.. Bener sekali. Gak sekali saya menemukan alamat blog ini tercantum di postingan blogger lain. Ada yang melink-kan langsung dengan nama sama sesuai url blog ini, ada juga dengan nama Blogcenti. So, gak perlu repot2 tebar link walopun anchor link nya nama blog atau alamat url blog itu sendiri.
Saya kira, sobat2 yang sering mampir kesini juga mendapatkan alamat blog ini dari salah 1 postingan di blog orang.

Walopun blog ini dofollow tapi blog ini punya aturan dan yang m…