Random post efek jquery ui

download Random post efek jquery ui

If you can't read please download the document

  • date post

    13-Jun-2015
  • Category

    Internet

  • view

    67
  • download

    3

Embed Size (px)

description

random post efek modal jquery ui

Transcript of Random post efek jquery ui

1. Random Post Efek Modal Jquery UI - Random post atau orang sering menyebutnya recent post adalah widget unik yang berfungsi untuk menampilkan artikel maupun postingan yang sebelumnya sudah kita publikasikan. Pada tips blog metro ui style kali ini saya akan memberikan sedikit contoh random post dengan blind dan explode efek modal jquery ui, untuk contoh efek - efek jquery ui lainnya baca juga contoh efek -efek jquery ui. DEMO di http://samsury-demo.blogspot.com/2014/04/random-post-dengan-jquery-ui- modal.html Komponen - komponennya sebagai berikut : CSS #dialog {background:#fff;color:#fff;width:300px;height:80px} .ui-dialog-title{color:#fff} #opener{position:relative;background:#2980b9;color:#fff;border:3px solid #2980b9;padding:6px 6px} i.fa-random{color:#fff;font-size:16px} JQUERY UI JS $(function() { $( "#dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); }); }); HTML var numberOfPosts = 12; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; 2. var showThumbs = true; var showNoImage = true; var imgDim = 70; var imgFloat = 'left'; var myMargin = 9; var mediaThumbsOnly = true; var showReadMore = false; RANDOM POST Anda cukup mengganti http://samsury-sites.blogspot.com dengan url blog anda Demikian sedikit widget blog metro ui kali ini, dan semoga bermanfaat.