Jumat, 07 Desember 2012

Make Lorem Ipsum Suka-suka Hati

Bahasa lorem ipsum yang terlihat nyeleneh ternyata memiliki fungsi tersendiri. Selain artinya yg misterius, tetapi merupakan salah satu cara tercepat dalam membuat rangkaian kalimat seabrek-abrek. Masih ingat dengan artikel Fixie.js guna membuat isi konten instant. Koben sekarang akan berbagi snippet jQuery plugin khusus membuat kalimat lorem ipsum :-" Jadi kalian bisa membuat kata² lorem-ipsum secara suka² terserah, dan cara pemakaiannya nanti tinggal dipanggil dengan markup HTML sederhana ;) Rumusan, download script and demo can you look here Lorem.io
Struktur susunan
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script src="http://lorem.io/jquery.lorem.min.js" type="text/javascript"></script>
Ket:
Script warna merah jangan dipakai lagi bila sudah ada. Script warna biru letakan diatas tag </head> atau </body> terserah cocoknya dimana! Tepat sebelum tagging </body> letakkan script pemanggilnya.<script>
jQuery(document).ready(function(){
jQuery('#L1').Lorem({"length" : "one"});
jQuery('#L2').Lorem({"length" :'two'});
jQuery('#L3').Lorem({"length" :'three'});
jQuery('#L4').Lorem();
});
</script>
Tulisan L2, L2, L3 & L4 merupakan unique ID yg bisa kalian ganti. Ini akan berpengaruh pada sesi pemakaian nantinya. Penulisan script pemanggil diatas merupakan aturan jika kalian memakai jasa script warna biru. Kalau mau merubah kata² lorem ipsum, sobat harus melakukan edit pada script warna biru kemudian hostingkan sendiri :D
Markup HTML (cara pemakaian)<p id="L4"></p>
<textarea id="L2" cols="45" rows="5"></textarea>
<h4 id="L1"></h4>
<div id="L3"></div>
Demikian cara membuat tulisan lorem ipsum suka-suka. Semoga bermanfaat :)
Untuk urusan membuat image suka²nya silahkan coba Create Your Own Placeholder.
Happy lorem-ipsum \m/

Tidak ada komentar:

Posting Komentar