Membuat slider pos terbaru di blogger

kodenya 

1. buat widget baru html 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){

    $('li.title a').click(function(e){

        var dropDown = $(this).parent().next();

        $('.downlistie').not(dropDown).slideUp('slow');

        dropDown.slideToggle('slow');

        e.preventDefault();

    })

});</script><style>

ul.container{

    width:275px;

    padding:5px;

}

li.accoi-menu{

list-style:none;

    padding:1px;

    width:100%;}

li.title

{

border-radius:5px;

background:#333333;

list-style:none;

padding:5px;

}

li.title a{

color:#ffffff;

    display:block;

 padding:5px;

    font:14px georgia, verdana;

    overflow:hidden;

        position:relative;

    width:100%;

     text-decoration:none;

}

.downlistie{

list-style:none;

    display:none;

    padding-top:5px;

    width:100%;

}

.downlistie li{

   list-style:none;

border-left:1px solid #dcdcdc;

border-right:1px solid #dcdcdc;

border-bottom:1px solid #dcdcdc;

border-radius:5px;

    margin:5px ;

    padding:4px 10px;  

}

.downlistie li:hover {

background:orange;

}

.downlistie li a{

{

font:14px georgia, verdana;

text-decoration:none;

color:#333333;

}

.downlistie li a:hover {

text-decoration:none;

color:#333333;

}

</style><ul class="container">

          <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Berita Acak</a></li>          

                <li class="downlistie">

                    <ul>

    <div id="ignielRandom"></div>

<script> //<![CDATA[

// Random Post Thumbnail by igniel.com

var jumlah = 6;

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}('u a=["\\e\\v\\f\\e\\d\\j\\A\\g\\f\\o\\i\\m","\\h\\g\\f\\o\\i\\m","\\x\\j\\i\\i\\h","\\j\\d\\f\\v\\b\\K","\\L\\b","\\i\\q\\d\\f\\16\\d\\g\\h\\k\\K\\L\\b\\i\\b\\g\\j\\A\\d\\c\\y\\j\\b\\c","\\x\\d\\d\\o","\\I\\c\\k\\h","\\e\\q\\b\\1b\\c\\h\\k\\p\\O","\\i\\h\\e\\v\\e\\f","\\j\\i\\k\\g\\b\\e\\i\\f","\\s\\x\\d\\d\\o\\c\\s\\q\\i\\c\\b\\c\\s\\c\\y\\m\\m\\g\\h\\Z\\R\\g\\j\\b\\p\\Q\\c\\i\\f\\r\\e\\f\\r\\c\\k\\h\\e\\q\\b\\z\\c\\b\\g\\h\\b\\r\\e\\f\\o\\d\\M\\p","\\z\\m\\g\\M\\r\\h\\d\\c\\y\\j\\b\\c\\p","\\z\\k\\g\\j\\j\\V\\g\\k\\W\\p\\e\\v\\f\\e\\d\\j\\A\\g\\f\\o\\i\\m\\O\\G\\I\\s\\c\\k\\h","\\e\\q\\b\\G","\\17\\h\\e\\b\\d"];u 18=a[0];C H(B,P){E t[a[2]](t[a[1]]()*(P-B+1))+B}C 1a(l){u n=l[a[3]],w,D;X(n===0){E T};19(--n){w=t[a[2]](t[a[1]]()*(n+1));D=l[n];l[n]=l[w];l[w]=D};E l}C U(F){u J=H(1,(F[a[6]][a[5]][a[4]]-N));S[a[15]](a[7]+a[8]+Y[a[10]][a[9]]+a[11]+J+a[12]+N+a[13]+a[14])}',62,74,'||||||||||_0xc707|x74|x73|x65|x69|x6E|x61|x72|x6F|x6C|x63|_0xd1a0x6|x6D|_0xd1a0x7|x64|x3D|x70|x2D|x2F|Math|var|x67|_0xd1a0x8|x66|x75|x26|x52|_0xd1a0x3|function|_0xd1a0x9|return|_0xd1a0xb|x3E|getRandomInt|x3C|_0xd1a0xc|x68|x24|x78|jumlah|x22|_0xd1a0x4|x6A|x3F|document|falplse|randomPost|x62|x6B|if|window|x79|||||||x53|x77|containerId|while|shuffleArray|x20'.split('|'),0,{}));

function ignielRandom(json) {

  var noimg = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTYdE_5m5fXmgrNUh-A9oBIVDztr4umErLGP9fIrmKbQn_C0bZm8Gl4nP-34wlgXzlUbKim17yZOPC1OxtofUAFuJ1JKOv4pdadREEkzoGfVM_EEa0hyphenhyphenBFrJZDwhXnOaTkvp-7XymyYBeZ/w300-h225-p-k-no-nu/ignielcom-no-image.png';

  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 a=["\\C\\d\\g\\1G\\b\\d\\B\\d\\f\\g\\T\\Z\\I\\v","\\d\\f\\g\\q\\Z","\\U\\d\\d\\v","\\p\\x\\b\\o","\\b\\d\\f\\C\\g\\r","\\b\\e\\f\\N","\\q\\d\\b","\\l\\b\\g\\d\\q\\f\\l\\g\\d","\\r\\q\\d\\U","\\1L","\\1f\\g","\\g\\e\\g\\b\\d","\\B\\d\\v\\e\\l\\1f\\g\\r\\x\\B\\L\\f\\l\\e\\b","\\h\\S\\1g\\F\\F\\n\\r\\A\\A\\X\\n\\u\\n\\N\\n\\f\\y\\n\\f\\x","\\q\\d\\u\\b\\l\\t\\d","\\x\\q\\b","\\r\\g\\g\\u\\m\\1I\\h\\h\\1e\\M\\L\\u\\M\\L\\b\\y\\C\\m\\u\\y\\g\\M\\t\\y\\B\\h\\n\\1h\\u\\C\\m\\F\\N\\1a\\b\\f\\A\\I\\h\\1b\\f\\1H\\t\\V\\1z\\G\\b\\1B\\I\\I\\h\\w\\w\\w\\w\\w\\w\\w\\w\\1y\\r\\1e\\h\\Y\\V\\q\\P\\u\\Q\\T\\I\\1d\\1w\\y\\P\\1x\\e\\1c\\P\\m\\A\\g\\1c\\W\\F\\1b\\A\\m\\Y\\A\\r\\1r\\W\\1a\\e\\S\\1d\\Q\\t\\T\\1s\\w\\m\\h\\S\\1g\\F\\F\\n\\r\\A\\A\\X\\n\\u\\n\\N\\n\\f\\y\\n\\f\\x\\h\\e\\C\\f\\e\\d\\b\\t\\y\\B\\n\\f\\y\\n\\e\\B\\l\\C\\d\\M\\u\\f\\C","\\p\\b\\e\\o\\p\\l\\E\\r\\q\\d\\U\\D\\k","\\k\\E\\g\\e\\g\\b\\d\\D\\k","\\k\\o\\p\\v\\e\\G\\E\\t\\b\\l\\m\\m\\D\\k\\g\\r\\x\\B\\L\\f\\l\\e\\b\\k\\o\\p\\e\\B\\C\\E\\m\\q\\t\\D\\k","\\k\\E\\l\\b\\g\\D\\k","\\k\\h\\o\\p\\h\\v\\e\\G\\o\\p\\v\\e\\G\\E\\t\\b\\l\\m\\m\\D\\k\\1J\\x\\v\\x\\b\\k\\o","\\p\\h\\v\\e\\G\\o\\p\\h\\l\\o\\p\\v\\e\\G\\E\\t\\b\\l\\m\\m\\D\\k\\t\\b\\d\\l\\q\\k\\h\\o\\p\\h\\b\\e\\o","\\e\\f\\f\\d\\q\\1v\\V\\1h\\Q","\\p\\h\\x\\b\\o"];K R,J,H,1i=1F[a[0]](1E),z=1C(1A[a[2]][a[1]]),O=a[3];1k(K i=0,1j=z[a[4]];i<1j;i++){1k(K j=0,1m=z[i][a[5]][a[4]];j<1m;j++){R=(z[i][a[5]][j][a[6]]==a[7])?z[i][a[5]][j][a[8]]:a[9];H=z[i][a[11]][a[10]];1p(a[12]1q z[i]){J=(z[i][a[12]][a[15]])[a[14]](/\\/s[0-9]+(\\-c)?/,a[13])}1t{J=1l;1l=a[16]}};O+=a[17]+R+a[18]+H+a[19]+J+a[1u]+H+a[18]+H+a[1n]+H+a[1o]};1i[a[1K]]=O+a[1D]',62,110,'||||||||||_0x6b15|x6C||x65|x69|x6E|x74|x2F|||x22|x61|x73|x2D|x3E|x3C|x72|x68||x63|x70|x64|x41|x75|x6F|entry|x32|x6D|x67|x3D|x20|x30|x76|title|x49|img|var|x62|x2E|x6B|skeleton|x78|x4C|link|x77|x42|x66|x54|x7A|x35|x56|x79|||||||||||x53|x57|x36|x43|x34|x24|x33|x4D|ct|len|for|noimg|jen|21|22|if|in|x5F|x47|else|20|x48|x37|x51|x46|x71|json|x4F|shuffleArray|24|containerId|document|x45|x52|x3A|x6A|23|x23'.split('|'),0,{}));

}

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}('E a=["\\q\\7\\d\\9","\\b\\l\\8\\G\\7\\9\\d\\j\\r","\\c\\9\\b\\A\\b\\g","\\f\\c\\d\\e\\8\\b\\c\\g","\\i\\t\\k\\k\\n\\7\\i\\l\\c\\7\\8\\7\\i\\7\\o\\h\\h\\e\\9\\z\\w\\e\\f\\8\\j\\F\\7\\c\\g\\m\\b\\g\\m\\7\\d\\9\\b\\l\\8\\p\\h\\e\\x\\m\\9\\k\\7\\o\\f\\8\\7\\j\\v\\p\\d\\e\\f\\f\\y\\e\\d\\H\\j\\9\\e\\g\\n\\c\\h\\C\\c\\7\\8\\r\\s\\q\\i\\7\\d\\9","\\b\\l\\8\\s","\\B\\9\\b\\8\\k"];D[a[6]](a[0]+a[1]+u[a[3]][a[2]]+a[4]+a[5])',44,44,'|||||||x73|x74|x72|_0x51dd|x69|x6F|x63|x61|x6C|x6E|x6D|x2F|x3D|x65|x70|x2D|x64|x75|x26|x3C|x22|x3E|x66|window|x30|x3F|x78|x62|x79|x67|x77|x50|document|var|x6A|x20|x6B'.split('|'),0,{}));

//]]> </script>

                    </ul></li></ul></li>

 

    <li class="accoi-menu">

       

              <ul>

                <li class="title"><a href="#">Berita Terbaru</a></li>

                <li class="downlistie">

                    <ul>

 <style scoped="" type="text/css">

#recent-posts{color:#999;font-size:12px}

#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}

#recent-posts ul{margin:0;padding:0}

#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}

#recent-posts ul li:last-child{border-bottom:0}

#recent-posts ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}

</style>

<div id="recent-posts">

<script type="text/javaScript">

var rcp_numposts=7;

var rcp_snippet_length=150;

var rcp_info='yes';

var rcp_comment='Comments';

var rcp_disable='T?t Nh?n xét';

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://cdn.qoca.site/generic/1155_84915300x250-sysXP-prizealert-apple-products-flash.gif"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');

</script>

</div>

          

                 </ul></li></ul></li>

 <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Modul Ajar</a></li>

                <li class="downlistie">

                    <ul>

  <script type="text/javascript">

function recentpostslist(json) {

document.write('<ul>');

for (var i = 0; i < json.feed.entry.length; i++)

{

for (var j = 0; j < json.feed.entry[i].link.length; j++) {

if (json.feed.entry[i].link[j].rel == 'alternate') {

break;

}

}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="">' + entryTitle + "</a> </li>";

document.write(item);

}

document.write('</ul>');

}

</script>

<script src="/feeds/posts/default?max-results=5&amp;alt=json-in-script&amp;callback=recentpostslist"></script>

         </ul></li></ul></li>

 <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Soal CNPS</a></li>

                <li class="downlistie">

                    <ul>

    

<script type="text/javascript">

function recentpostslist(json) {

document.write('<ul>');

for (var i = 0; i < json.feed.entry.length; i++)

{

for (var j = 0; j < json.feed.entry[i].link.length; j++) {

if (json.feed.entry[i].link[j].rel == 'alternate') {

break;

}

}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="">' + entryTitle + "</a> </li>";

document.write(item);

}

document.write('</ul>');

}

</script>

<script src="/feeds/posts/default?max-results=5&amp;alt=json-in-script&amp;callback=recentpostslist"></script>

         </ul></li></ul></li>

 <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Freebies</a></li>

                <li class="downlistie">

                    <ul>

    <li><a href="#">Blogger templates</a></li>

    <li><a href="#">Wordpress Themes</a></li>

    <li><a href="#">Plugins</a></li>

    <li><a href="#">Scripts</a></li>

         </ul></li></ul></li>

 <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Freebies</a></li>

                <li class="downlistie">

                    <ul>

    <li><a href="#">Blogger templates</a></li>

    <li><a href="#">Wordpress Themes</a></li>

    <li><a href="#">Plugins</a></li>

    <li><a href="#">Scripts</a></li>

         </ul></li></ul></li>

 <li class="accoi-menu">

              <ul>

                <li class="title"><a href="#">Services</a></li>

                <li class="downlistie">

                    <ul>

    <li><a href="#">Website Design</a></li>

    <li><a href="#">Blogger</a></li>

    <li><a href="#">Wordpress</a></li>

    <li><a href="#">Custom Templates</a></li>                

                 </ul></li></ul></li>

 <li class="accoi-menu">

          <ul>

                <li class="title"><a href="#">About us</a></li>

                  <li class="downlistie">

                    <ul>

    <li><a href="#">About us</a></li>

    <li><a href="#">Contact us</a></li>

     <li><a href="#">Disclaimer</a></li>

    <li><a href="#">Privacy policy</a></li>

              </ul></li></ul></li>

    </ul>

</div>

2.  hasilnya

• • Berita Acak
• • Berita Terbaru
• • Modul Ajar
• • Soal CNPS
• • Freebies
  • • Blogger templates
    • Wordpress Themes
    • Plugins
    • Scripts
• • Freebies
  • • Blogger templates
    • Wordpress Themes
    • Plugins
    • Scripts
• • Services
  • • Website Design
    • Blogger
    • Wordpress
    • Custom Templates
• • About us
  • • About us
    • Contact us
    • Disclaimer
    • Privacy policy