24/12/09

Tạo Widget truyện cười ngẫu nhiên (Randdom funny story)



Chào các bạn,


Các bạn có thể tạo Widget truyện cười ngẫu nhiên như sau (demo: xem bên phải, mục widget: Randdom funny story for blogs):


- Thêm toàn bộ code bên dưới vào một tiện ích HTML/JS. Nhớ thay đổi màu tiêu đề truyện (FHeaderColor), màu nội dung (FBodyColor) và cỡ chữ (FFontSize).





























<iframe id="ifrHTMLFunny" name=ifrHTMLFunny frameborder="0" width="98%"></iframe>

<script type="text/javascript">
FHeaderColor = '#336666';
FBodyColor = '#000000';

FFontSize = '12px';

function getRandomPosts(json) {

var maxEntries = 1;

var numPosts = json.feed.openSearch$totalResults.$t;

var indexPosts = new Array();

for (var i = 0; i < numPosts; ++i) {

indexPosts[i] = i;

}

indexPosts.sort(function() {return 0.5 - Math.random()});

var entry = json.feed.entry[indexPosts[0]];

var RandomFunny = document.getElementById('ifrHTMLFunny').contentWindow.document;

RandomFunny.open();

RandomFunny.write('<html><head></head><body><p class="header" style="font-family: Arial, Tahoma, Verdana;color:' + FHeaderColor + ';font-size: '+ FFontSize +';font-weight: bold;">'+ entry.title.$t + '</p><div align="justify" style="font-family: Arial, Tahoma, Verdana;color:' + FBodyColor + ';font-size: '+ FFontSize +';font-weight: normal;">' + entry.content.$t + '</div><p><b>Power by <a href="http://www.cuoititon.com">www.cuoititon.com</a><b></p></body></html>');
RandomFunny.close();

}

</script>

<script src="http://www.cuoititon.com/feeds/posts/default/-/Truy%E1%BB%87n%20c%C6%B0%E1%BB%9Di/?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript">

</script>

Chủ đề:

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)