Bikin query date di css - Load dynamic

Kadang dalam CSS kita membutuhkan perubahan cepat misal tampilan desain, perubahan style dan lain-lain, berikut trik untuk menjadikan css lebih dynamic, maksudnya disini menambahkan query date di belakang nama file css nya. Jadinya browser selalu load file yang terbaru.

Kode, Contoh :

Code:

<link href="themes/fahmi/css/custom.css?v=<?php echo date('jSFYh:i:s'); ?>" rel="stylesheet" />

Jadi tinggal menambahkan

Code:

?v=<?php echo date('jSFYh:i:s'); ?>

Referensi : http://www.php.net/manual/en/function.date.php

Saya sudah test koq berikut contoh sudah jadi yang saya pakai di blog htmly saya :

Code:

<link href="http://www.mfahmi.net/themes/fahmi/css/custom.css?v=13thMarch201406:49:30" rel="stylesheet">

Good luck

Tambahan, apa ada opsi lain mas @Dan, @Ncang, @Wphoet, dan lainnya ?

Update : mungkin bagusan pakai strip kali yah -

Code:

<?php echo date('jS-F-Y-h-i-s'); ?>

 

lucu sih ini, bisa ke pantai

lucu sih ini, bisa ke pantai pakai onthel , dibilang pemanis buatan gak mau,, fungsi nya unik

 

ncang wrote:

Jelasin ke dia sampe 5 paragraf, kalah postingan disini wkwkwk, gpp yabg penting semangaaaad

 

Kagak ngerti kalau CSS kek

Kagak ngerti kalau CSS kek gini,

 

eh ada namaku diatas kabur

eh ada namaku diatas kabur ah...kabur... iya yg ini sering saya pakai juga

Code:

<?php echo date('jSFYh:i:s'); ?>

kl buat date tapi kadang jadi terlihat mirip timestamp-nya blogger pokoknya sesuka hati aja dah modifnya enak yg mana buat dilihat yg penting atribute classnya jgn sampai mising field update

 

wphoet wrote:

Kabur tapi komen, mmh contoh nih untuk yang lain, gk konsisten wkwkwk

 

menurut saya ada kekurangan

menurut saya ada kekurangan memakai sistem ini...

1. Akibat refresh terlalu cepat oleh karena penghitungan detiknya terlalu cepat sehingga penyimpanan Cache pada browser pengguna akan kembali terus menerus menjadi normal sehingga walau tidak melakukan aktifitas ( masih membaca satu halaman ) sistem CSS akan booting berulang ulang dan malah memperlambat loading karena Booting CSS lagi balik loading dari awal dan tidak meninggalkan record Cache.

2. Hal seperti ini hampir sama dengan salah satu trik untuk meningkatkan trafik counter suatu situs dengan sistem refresh berkali kali dalam waktu yang singkat dan akan menambahkan hitcaunter yang banyak, dulu trik seperti ini sangat gencar gencarnya di pakai orang karena belum ketatnya sistem perayapan pada saat sekarang ini begitu juga dengan hit counter yang masih belum memakai sistem seassion.cookie_lifetime ( waktu code tersebut belum diluncurkan ) . Oleh karena itu sistem ini dijadikan menjadi salah satu link spam oleh perayapan search engine setelah dirayapi terjadi aktifitas reload CSS yang berulang ulang...

3. Basic code stylesheet pada identitas rel="stylesheet" tidak valid pada saat ini karena function changeDateFormat tidak relefan pada code rel="stylesheet" saya pikir hal ini akan menjadi error pada validasi HTML4 dan HTML5 begitu juga dengan validasi CSS, dan mempengaruhi sistem SEO pada setiap halamannya...

( itu merupakan asumsi saya pribadi yang mungkin banyak kekurangan pada penjelasan tersebut )

 

Rivaiblog wrote:

Pelajari lagi, menurut saya.. pendapat kamu kurang tepat nyasar ke histat,visitor,seo nyasar kmana mana sih. Misal nih kamu lagi development, bisa gunakan cara ini, karena saat kamu rubah isi css nya dan save, browser tetep ambil yg baru, tidak cache jadi gk perlu repot untuk refresh browser. Kamu kan desainer web tuh pasti dong sering merubah rubah css.

Pendapat orang ya beda beda

 

Fahmi wrote:

tepat juga gan pendapat itu kan beda beda,
bukannya nyasar, setiap yang bersangkutan dengan booting web pada browser kita harus mempertimbangkan banyaknya penghitungan load page, dan sistem ini sudah diperbaharui dan diperketat oleh aplikasi search engine pada umumnya, kelebihan refresh atau load page pada salah satu halaman situs diluar ketentuan apa umumnya akan mendapatkan sangsi blacklis IP oleh search engine. Coba kita ambil salah satu contoh alexa, pada review situs alexa selalu menampilkan, jumlah visitor, lama tayang halaman ( sesuai standart ) dan lain lain, nah sangkut paut loading halaman dapat dipengaruhi oleh visitor artinya semakin banyak pengunjung akan semakin lama juga jam tayang halaman situs tersebut ini merupakan sebagian dari SEO, itu merupakan sangkutpautnya saya berkata demikian soal refresh halaman akibat script atau code yang terpasang pada CSS diatas, ( penghitungan detik maksimal 60 dan balik kembali ke nol secara berulang ulang ataupun looping )

soal cache ataupun penyimpanan recording jam tayang situs di browser pengguna ( peraturan ini masih dapat dipakai atau disetujui saat tulisan ini dibuat ) akan menguntungkan kita dalam hal loading halaman, semua para pemprograman pasti memperhatikan hal ini, sebab keuntungannya ada, dan hal ini sangat dianjurkan oleh beberapa platform termasuk Blogspot dan wordpress dimana pemakaian / penyimpanan cache pada browser pengguna akan mempercepat loadingnya, dimana hasil rekaman pada bagian CSS dan Code header, footer, sidebar akan terrekam dan untuk loading selanjutnya dalam beberapa waktu akan semakin mudah dilakukan, lebih sederhananya penggunaan cache ini misalkan, pada browser agan situs agan pasti lebih cepat dibuka dari pada agan membuka situs agan dibrowser yang memang tidak pernah membuka situs agan walaupun pada semuanya sama tipe aplikasinya nah hal ini diakibatkan oleh recording cache pada browser agan sehingga untuk menampilkan situs agan sebagian codenya sudah terrekam oleh browser agan. dan ini salah satu keuntungan yang paling besar buat pengguna cache.

Untuk merefres halaman situs bukan demikian halnya dengan pemakaian code diatas, ada beberapa tehnik refresh yang sesuai dengan standart ( pada saat tulisan ini dibuat ) dan kalo dipikir pikir hal ini kurang bagus dilakukan atau sebagai opsi saja, asalkan tepat pemakaiannya..

Penggunaan sistem refresh pada Meta tag dimana pada setiap 60 second akan server akan direfresh ( tidak valid HTML 5 oleh pemakaian format code http_equiv pada yang memiliki meta data HTML 1.0)

Code:

<html>
......
<http_equiv="refresh" content="60" url="<?php $_SERVER['PHP_SELF'] ?>">
......
</html>

Penggunaan sistem refresh dan berpindah halaman yang diperintahkan fungsi meta data halaman ( tidak valid HTML 5 )

Code:

<meta http-equiv="refresh" content="5;url=URL"/>

Penggunaan Javascript untuk refresh halaman dan ditargetkan kesalah satu link dengan durasi yang ditentukan pada sistem open window location ( masih valid HTML 5 )

Code:

<script language="javascript"> setTimeout(function () { window.location.href= 'URL'; },5000); </script>

tepatnya masih newbie gan bukan desainer web *smile*
tepat sekali saya sering berhadapan dengan hal tersebut ( CSS ) tapi pada stylesheet untuk identifikasi Attribute rel="stylesheet" pada data link CSS hal diatas tidak saya lakukan sebab format tersebut tidak Valid pada HTML4 dan HTML5 contoh penulisan yang sering saya pakai pada code link CSS adalah

Code:

<link href="URL/direkroty/style.css" rel="stylesheet" />

dan pemakai

Code:

scoped='scoped'

pada

Code:

<style type="text/css">

sehingga menjadi

Code:

<style type="text/css" scoped>

inilah yang dinamakan Boolean Attribute. pada HTML 5 ( saat tulisan ini dibuat )

iyalah gan pendapat manusia kan tidak sama pasti beda, dan tulisan saya ini merupakan pendapat saya walau memang masih banyak kekurangannya *smile*

 

Yg ente omongin refresh

Yg ente omongin refresh halaman, nih thread saya tentang dinamis css , kejauhan ente mikirnya, tulis panjang lebar bikin kepala puye.g yang baca

Hehe sorry nih master

 

Fahmi wrote:

heheh sebenarnya kalo boleh jujur jurus yang dibuat Bos fahmi pada link CSS tersebut merupakan sebagian refresh halaman walaupun pada kenyataan yang terlihat hanya data timer tapi secara kasat mata pengambilan timer itu kan dari server. dan setting time pada link CSSnya memakai scond jadi looping server pada CSS per 60s akan ada pengaruhnya sebab link tersebut dipasang diheader atau Meta tag halaman...

bukan master tapi masih pemula bos fahmi.. *smile*

 

Rivaiblog wrote:

Cara ini tidak merefresh halaman pak, cara ini cuma me-rename nama file CSS nya, jadi saat berpindah halaman nama file css yang dipasangin ini berubah-ubah sesuai tanggal, hadehhhh

 

Fahmi wrote:

heheh itukan bahas kita yang membuat pemakaian bahasa berubah ubah update tanggalnya baik itu berpindah halaman maupun tidak, tapi saya pikit tidak demikian, server menghitung cara tersebut merupakan refresh alias balik ke nol pada saat openwindow maupun tidak beraktifitas sebab durasi scond hanya 60s...
Semua link yang dipasang dibagian header situs web/blog akan menjadi sebuah informasi penting buat server jadi link tersebut akan terdeteksi oleh server ... ( tidak memasang code pengecualian recording code ) itulah alasan saya menyebutkan refresh tersebut.

 

Rivaiblog wrote:

Kamu atur aja deh beneran saya jadi gk paham maksudnya kamu apaan ??

 

Fahmi wrote:

heheh iyalah bos ini kan share jadi saya pikir bertukar pikiran untuk coding akan membantu kita untuk paham, pendapat saya itukan pemahaman saya dan saya pikir saling share seperti ini apalagi membahas tentang code saya paling suka hitung hitung nambah ilmu gan... *smile*

 

Fahmi wrote:

heheh iyalah bos ini kan share jadi saya pikir bertukar pikiran untuk coding akan membantu kita untuk paham, pendapat saya itukan pemahaman saya dan saya pikir saling share seperti ini apalagi membahas tentang code saya paling suka hitung hitung nambah ilmu gan... *smile* sekalian nambah poin hahahahah..

 

Oke gini ya Kamu lihat dan

Oke gini ya Kamu lihat dan buka Mfahmi.net saya dan lihat style link saya nih saya pasang disini pada saat saya load home nya :

Code:

<link href="http://www.mfahmi.net/themes/fahmi/css/custom.css?v=14th-March-2014-05-35-24" rel="stylesheet">

Dan beberapa detik saya buka halaman lain, nama file nya jadi berubah, browser membaca itu file yang lain :

Code:

<link href="http://www.mfahmi.net/themes/fahmi/css/custom.css?v=14th-March-2014-05-35-35" rel="stylesheet">

Cukup Jelas ?? Jadi gk ada hubungannya kode ini me-refresh browser yah -- ini cuman merubah nama file secara otomatis, okey

 

Sudah-sudah @fahmi ama

Sudah-sudah @fahmi ama @Rivaiblog jangan berkelamin masalah date. Kalau mau atur tanggal nikah jangan disini. Hadeh.

 

D-dig wrote:

cukup memberikan saya tawa

aslinya lagi

 

mungkin dikira @Rivaiblog ini

mungkin dikira @Rivaiblog ini timer hitungan mundur buat ganti halaman kyk yg dipakai adfly gitu paling(yg hitungan mundur kyk bom waktu), padahal ini cuma cara lain penulisan tanggal dgn timestamp seperti yg ada pada komentar kita disini, soalnya saya nangkapnya kyk gitu