Widget cho bài viết ngẫu nhiên của Blogspot

Chính xác với tên gọi của nó, mình lượm được từ trên một Blogger nước ngoài, trông cũng khá đẹp và xinh xắn

• Bạn vào Blogger Dashboard
• Vào tiếp trang Layout
• Click nút Add Gadget chọn HTML/Javascript
• Copy mã Code dưới đây, dán vào bên trong nó:

<style type="text/css">

.noop-random-posts ul li {

    list-style-image:none;



}.noop-random-posts ul {




list-style-type: none;



margin: 0;



padding: 5px 0;

}

.noop-random-posts ul li {

border: 0 none;

margin: 5px 0;

padding: 10px;

position: relative;

}

.noop-random-posts ul li:first-child {

background: none repeat scroll 0 0 #FF4C54;

width: 97%;

}

.noop-random-posts ul li:first-child:after {

content: "1";

}

.noop-random-posts ul li:first-child + li {

background: none repeat scroll 0 0 #FF764C;

width: 87%;

}

.noop-random-posts ul li:first-child + li:after {

content: "2";

}

.noop-random-posts ul li:first-child + li + li {

background: none repeat scroll 0 0 #FFDE4C;

width: 84%;

}

.noop-random-posts ul li:first-child + li + li:after {

content: "3";

}

.noop-random-posts ul li:first-child + li + li + li {

background: none repeat scroll 0 0 #C7F25F;

width: 81%;

}

.noop-random-posts ul li:first-child + li + li + li:after {

content: "4";

}

.noop-random-posts ul li:first-child + li + li + li + li {

background: none repeat scroll 0 0 #33C9F7;

width: 78%;

}

.noop-random-posts ul li:first-child + li + li + li + li:after {

content: "5";

}

.noop-random-posts ul li:first-child + li + li + li + li + li {

background: none repeat scroll 0 0 #7EE3C7;

width: 75%;

}

.noop-random-posts ul li:first-child + li + li + li + li + li:after {

content: "6";

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li {

background: none repeat scroll 0 0 #F6993D;

width: 72%;

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li:after {

content: "7";

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li + li {

background: none repeat scroll 0 0 #F59095;

width: 69%;

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after {

content: "8";

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li {

background: none repeat scroll 0 0 #C7F25F;

width: 66%;

}

.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {

content: "9";

}

.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {

background: none repeat scroll 0 0 #353535;

border-radius: 50% 50% 50% 50%;

color: #FFFFFF;

font-size: 25px;

height: 30px;

position: absolute;

right: -17px;

text-align: center;

top: 1px;

width: 30px;

}

.noop-random-posts ul li a {

color: #444444;

font-size: 13px;

text-decoration: none;

}



</style>

<div class="noop-random-posts"><script type="text/javascript">

    var randarray = new Array();var l=0;var flag;

    var numofpost=5;function nooprandomposts(json){

    var total = parseInt(json.feed.openSearch$totalResults.$t,10);

    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}

    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');

    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];

    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";

    document.write(item);}}

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

    </script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>

<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

Lưu ý:

Sau khi xong, bạn Click nút Save và Reload thử Blog. Chúc bạn vui vẽ.

Bài đăng gần đây:

Recent Posts