Cara Membuat Slide Show Popular Post

Cara Membuat Slide Show Popular Post Slide Show Popular Post

Cara Membuat Slide Show Popular Post

Membuat Slide Show Popular Post

DEMO

1.Masuk Design/rancangan Tata Letak Tambahkan Gadget
2.HTML/JavaScript dan masukkan salah satu kode di bawah ini :

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;border-radius: 10px;background:#ffffff}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;border-radius: 10px}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('K 11(u){6.4(\'<e l="h">\');G(7 i=0;i<12;i++){7 3=u.N.3[i];7 E=3.J.$t;7 x;8(i==u.N.3.w)I;G(7 k=0;k<3.p.w;k++){8(3.p[k].10==\'Y\'){x=3.p[k].q;I}}7 9;Z{9=3.16$17.15}13(14){s=3.o.$t;a=s.v("<B");b=s.v("A=\\"",a);c=s.v("\\"",b+5);d=s.X(b+5,c-b-5);8((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){9=d}f 9=\'F://V.T.D/U/W/R/Q/d/1o.1n\'}6.4(\'<j l="n-J 1k">\');6.4(\'<a q="F://1l-1m.1p.D/" z="1j"><B A="\'+9+\'"/></a>\');6.4(\'<a q="\'+x+\'" z ="1b">\'+E+\'</a><1c>\');8("o"C 3){7 2=3.o.$t}f 8("y"C 3){7 2=3.y.$t}f 7 2="";7 M=/<\\S[^>]*>/g;2=2.1a(M,"");8(2.w<O){6.4(\'<m l="n-P">\');6.4(2);6.4(\'</m>\')}f{6.4(\'<m l="n-P">\');2=2.H(0,O);7 L=2.18(" ");2=2.H(0,L);6.4(2+\'...\');6.4(\'</m>\')}6.4(\'</j>\')}6.4(\'</e>\')}K 19(){r=$(\'e#h j:r\').1d().1h();$(\'e#h\').1i(r);$(\'e#h j:1g\').1e("1f")}',62,88,'||postcontent|entry|write||document|var|if|thumburl|||||ul|else||rp_plus_img||li||class|span|news|content|link|href|last|||json|indexOf|length|posturl|summary|target|src|img|in|com|posttitle|http|for|substring|break|title|function|quoteEnd|re|feed|numchars|text|hLjqmEbdtkw|AAAAAAAADMA||ggpht|_xcD4JK_dIjU|lh3|SnamIh0KTCI|substr|alternate|try|rel|rpthumbnt|numposts|catch|error|url|media|thumbnail|lastIndexOf|rpnewsticker|replace|_top|br|hide|slideDown|slow|first|remove|prepend|_blank|clearfix|Nuweblog|gif|noimagethumb|blogspot'.split('|'),0,{}));document.write('<a href="" style="font-size: 9px; text-decoration:none; color: #cccccc;"></a>');

</script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

3.Setelah itu simpan dan lihat hasilnya

Anda baru saja membaca Artikel Cara Membuat Slide Show Popular Post, Semoga bermanfaat