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
Struktur susunan
Script warnamerah 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.biru . Kalau mau merubah kata² lorem ipsum, sobat harus melakukan edit pada script warna biru kemudian hostingkan sendiri :D
jQuery pluginkhusus 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
<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 Markup HTML (cara pemakaian)
Untuk urusan membuat image suka²nya silahkan coba Create Your Own Placeholder.
Happy lorem-ipsum \m/
<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/
Loading... |
3 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...