Tutorial dan Template Created by Creating Website | Maskolis
Home » » Cara Membuat Random Post Blogger with Thumbnail

Cara Membuat Random Post Blogger with Thumbnail

Dari beberapa Themes Blogger yang dibuat oleh MasKolis, terdapat widget Random Post yang modelnya Link List. Saya kemudian mencoba mencari-cari di Google dan akhirnya saya mendapatkannya, yaitu Random Post with Thumbnail. Yaitu sebuah Widget Blogger Random Post yang terdapat Thumbnail dari gampar postingan.

Dalam postingan kali ini, saya akan memberikan 2 Type Random Post with Thumbnail. Nanti anda terserah akan menggunakan yang mana. Widgets ini TIDAK MEMBERATKAN loading blog anda, jadi anda tidak perlu cemas.
Untuk DEMO, anda bisa lihat DISINI.

TYPE 1

Random Post Title with Thumbnail
[+] Masuk ke Account Blogger anda
[+] Pilih Tata Letak blog yang akan anda pasangi Widget Random Post
[+] Pilih Add Widget atau Tambahkan Widget
[+] Pilih HTML/JavaScript
[+] Masukkan code script dibawah ini kemudian Save
Random Post Model 1:
<style type="text/css">
.recent_post_content{width:100%;}
.recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;}
.recent_post_content img {width:32px;height:32px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}
.recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}
.recent_post_content_item table {margin-bottom:2px;margin-top:3px;}
.recent_post_content_item:hover {filter: alpha(opacity=100);opacity: 1;}
.recent_post_title a{font-size:12px;text-decoration:none;font-weight:bold;color:inherit}
.recent_post_title a:hover{text-decoration:underline}
.recent_post_content_item .recent_post_info {filter: alpha(opacity=60);opacity: 0.6;font-size: 11px;}
</style>
<script type="text/JavaScript">
var No_Thumb_Url='http://photos1.blogger.com/x/blogger/3025/786/400/326847/no-photo-available.gif';
var Max_Post_Display=5;
var Sum_Len='100';
var Lang_By = 'By ';
var Lang_comment = ' comment';
var Lang_comments = ' comments';
var _0xc4c0=["\x75\x20\x46\x28\x4E\x2C\x48\x2C\x6F\x2C\x65\x2C\x4F\x29\x7B\x37\x20\x4A\x3D\x27\x27\x3B\x35\x28\x48\x21\x3D\x27\x27\x29\x4A\x3D\x27\x2F\x2D\x2F\x27\x2B\x48\x3B\x37\x20\x51\x3D\x27\x27\x3B\x35\x28\x6F\x21\x3D\x27\x27\x29\x51\x3D\x27\x6F\x2D\x31\x71\x3D\x27\x2B\x6F\x2B\x27\x26\x27\x3B\x37\x20\x4D\x3D\x27\x27\x3B\x35\x28\x65\x21\x3D\x27\x27\x29\x4D\x3D\x27\x65\x2D\x31\x74\x3D\x27\x2B\x65\x2B\x27\x26\x27\x3B\x31\x38\x2E\x31\x39\x28\x27\x3C\x55\x20\x4E\x3D\x22\x31\x70\x2F\x31\x6F\x22\x20\x50\x3D\x22\x2E\x2E\x2F\x2E\x2E\x2F\x31\x6E\x2F\x27\x2B\x4E\x2B\x27\x2F\x36\x27\x2B\x4A\x2B\x27\x3F\x27\x2B\x51\x2B\x4D\x2B\x27\x31\x72\x3D\x64\x2D\x63\x2D\x55\x26\x4F\x3D\x27\x2B\x4F\x2B\x27\x22\x3E\x3C\x5C\x2F\x55\x3E\x27\x29\x7D\x75\x20\x4B\x28\x64\x29\x7B\x37\x20\x31\x31\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x32\x2E\x73\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x76\x2E\x24\x74\x29\x3B\x32\x2E\x6F\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x73\x2E\x24\x74\x29\x3B\x32\x2E\x44\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x75\x2E\x24\x74\x29\x3B\x32\x2E\x45\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x6B\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x62\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x36\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x79\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x71\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x42\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x72\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x76\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x38\x3D\x32\x2E\x73\x2D\x32\x2E\x6F\x2B\x31\x3B\x35\x28\x32\x2E\x38\x3E\x32\x2E\x44\x29\x32\x2E\x38\x3D\x32\x2E\x44\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x32\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x71\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x42\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x35\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x42\x5B\x69\x5D\x3D\x31\x35\x3B\x32\x2E\x45\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x6B\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x30\x3B\x32\x2E\x72\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x34\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x31\x34\x3B\x32\x2E\x76\x5B\x69\x5D\x3D\x27\x27\x3B\x37\x20\x34\x3D\x64\x2E\x43\x2E\x34\x5B\x69\x5D\x3B\x35\x28\x27\x31\x33\x27\x63\x20\x34\x29\x32\x2E\x45\x5B\x69\x5D\x3D\x34\x2E\x31\x33\x2E\x24\x74\x3B\x35\x28\x27\x6B\x27\x63\x20\x34\x29\x32\x2E\x6B\x5B\x69\x5D\x3D\x34\x2E\x6B\x2E\x24\x74\x3B\x35\x28\x27\x62\x27\x63\x20\x34\x29\x7B\x54\x28\x37\x20\x6A\x3D\x30\x3B\x6A\x3C\x34\x2E\x62\x2E\x47\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x34\x2E\x62\x5B\x6A\x5D\x2E\x31\x46\x3D\x3D\x27\x31\x4C\x27\x29\x7B\x32\x2E\x62\x5B\x69\x5D\x3D\x34\x2E\x62\x5B\x6A\x5D\x2E\x52\x3B\x31\x4E\x7D\x7D\x35\x28\x6A\x3D\x3D\x34\x2E\x62\x2E\x47\x29\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x7D\x35\x28\x27\x36\x27\x63\x20\x34\x29\x32\x2E\x36\x5B\x69\x5D\x3D\x34\x2E\x36\x2E\x24\x74\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x49\x28\x31\x31\x2C\x27\x27\x29\x3B\x35\x28\x32\x2E\x36\x5B\x69\x5D\x2E\x47\x3E\x5A\x29\x7B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x48\x28\x30\x2C\x5A\x29\x2B\x27\x2E\x2E\x2E\x27\x7D\x35\x28\x27\x6D\x27\x63\x20\x34\x29\x7B\x35\x28\x27\x56\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x56\x2E\x24\x74\x7D\x35\x28\x27\x71\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x32\x2E\x71\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x71\x2E\x24\x74\x3B\x35\x28\x27\x57\x24\x59\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x42\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x57\x24\x59\x2E\x50\x7D\x7D\x35\x28\x27\x58\x24\x31\x37\x27\x63\x20\x34\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x34\x2E\x58\x24\x31\x37\x2E\x31\x4A\x3B\x35\x28\x27\x31\x6B\x24\x73\x27\x63\x20\x34\x29\x32\x2E\x76\x5B\x69\x5D\x3D\x34\x2E\x31\x6B\x24\x73\x2E\x24\x74\x7D\x4C\x20\x32\x7D\x75\x20\x31\x63\x28\x38\x2C\x65\x29\x7B\x35\x28\x38\x3D\x3D\x65\x29\x7B\x4C\x20\x38\x7D\x37\x20\x78\x3D\x30\x3B\x37\x20\x6E\x3D\x30\x3B\x35\x28\x65\x3E\x38\x29\x7B\x6E\x3D\x65\x2D\x38\x3B\x78\x3D\x38\x7D\x31\x6D\x7B\x6E\x3D\x38\x2D\x65\x3B\x78\x3D\x65\x7D\x6E\x3D\x31\x67\x2E\x31\x4B\x28\x31\x67\x2E\x31\x77\x28\x29\x2A\x6E\x29\x3B\x4C\x28\x6E\x2B\x78\x29\x7D\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2C\x27\x30\x27\x2C\x27\x31\x65\x27\x29\x3B\x75\x20\x31\x65\x28\x64\x29\x7B\x31\x66\x3D\x4B\x28\x64\x29\x3B\x31\x64\x3D\x31\x66\x2E\x73\x3B\x70\x3D\x31\x64\x2D\x31\x6C\x3B\x35\x28\x70\x3C\x31\x29\x70\x3D\x31\x3B\x70\x3D\x31\x63\x28\x31\x2C\x70\x29\x3B\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2B\x70\x2B\x27\x27\x2C\x27\x27\x2B\x31\x6C\x2B\x27\x27\x2C\x27\x31\x6A\x27\x29\x7D\x75\x20\x31\x6A\x28\x64\x29\x7B\x37\x20\x39\x3D\x4B\x28\x64\x29\x3B\x37\x20\x33\x3D\x22\x22\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x39\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x4D\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x30\x20\x31\x61\x3D\x22\x30\x25\x22\x20\x31\x47\x3D\x22\x30\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x7A\x20\x50\x3D\x22\x27\x2B\x39\x2E\x72\x5B\x69\x5D\x2B\x27\x22\x20\x31\x61\x3D\x22\x31\x36\x22\x20\x31\x79\x3D\x22\x31\x36\x22\x2F\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x78\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x39\x2E\x6B\x5B\x69\x5D\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x41\x22\x3E\x27\x3B\x33\x2B\x3D\x28\x31\x42\x2B\x39\x2E\x79\x5B\x69\x5D\x2B\x27\x20\x2D\x20\x27\x2B\x39\x2E\x76\x5B\x69\x5D\x29\x3B\x35\x28\x41\x28\x39\x2E\x76\x5B\x69\x5D\x29\x3E\x31\x29\x7B\x33\x2B\x3D\x31\x45\x7D\x31\x6D\x7B\x33\x2B\x3D\x31\x44\x7D\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x30\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x7D\x33\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x43\x22\x3E\x27\x2B\x33\x2B\x27\x3C\x2F\x6C\x3E\x27\x3B\x31\x38\x2E\x31\x39\x28\x33\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x74\x68\x69\x73\x7C\x73\x74\x72\x5F\x6F\x75\x74\x7C\x65\x6E\x74\x72\x79\x7C\x69\x66\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x76\x61\x72\x7C\x6D\x69\x6E\x7C\x52\x70\x6F\x73\x74\x7C\x7C\x6C\x69\x6E\x6B\x7C\x69\x6E\x7C\x6A\x73\x6F\x6E\x7C\x6D\x61\x78\x7C\x6E\x65\x77\x7C\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x61\x75\x74\x68\x6F\x72\x7C\x64\x69\x66\x66\x7C\x73\x74\x61\x72\x74\x7C\x6D\x69\x6E\x5F\x69\x6E\x64\x65\x78\x7C\x75\x72\x69\x7C\x74\x68\x75\x6D\x62\x7C\x74\x6F\x74\x61\x6C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6D\x7C\x74\x64\x7C\x72\x6D\x69\x6E\x7C\x61\x75\x6E\x61\x6D\x65\x7C\x63\x6C\x61\x73\x73\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x61\x76\x61\x74\x61\x72\x7C\x66\x65\x65\x64\x7C\x69\x74\x65\x6D\x7C\x70\x75\x62\x7C\x46\x65\x65\x64\x5F\x43\x61\x6C\x6C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x6C\x61\x62\x65\x6C\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x64\x69\x72\x7C\x46\x65\x65\x64\x5F\x50\x61\x72\x73\x65\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6D\x61\x78\x5F\x72\x65\x73\x75\x6C\x74\x7C\x74\x79\x70\x65\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x73\x72\x63\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x68\x72\x65\x66\x7C\x7C\x66\x6F\x72\x7C\x73\x63\x72\x69\x70\x74\x7C\x6E\x61\x6D\x65\x7C\x67\x64\x7C\x6D\x65\x64\x69\x61\x7C\x69\x6D\x61\x67\x65\x7C\x53\x75\x6D\x5F\x4C\x65\x6E\x7C\x74\x61\x62\x6C\x65\x7C\x72\x65\x7C\x74\x79\x70\x65\x6F\x66\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x4E\x6F\x5F\x54\x68\x75\x6D\x62\x5F\x55\x72\x6C\x7C\x4E\x6F\x5F\x41\x76\x61\x74\x61\x72\x5F\x55\x72\x6C\x7C\x33\x32\x70\x78\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x77\x69\x64\x74\x68\x7C\x74\x72\x7C\x52\x61\x6E\x64\x6F\x6D\x7C\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x47\x65\x74\x5F\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x6A\x50\x6F\x73\x74\x7C\x4D\x61\x74\x68\x7C\x70\x6F\x73\x74\x73\x7C\x75\x6E\x64\x65\x66\x69\x6E\x65\x64\x7C\x52\x61\x6E\x64\x6F\x6D\x5F\x50\x6F\x73\x74\x5F\x53\x68\x6F\x77\x7C\x74\x68\x72\x7C\x4D\x61\x78\x5F\x50\x6F\x73\x74\x5F\x44\x69\x73\x70\x6C\x61\x79\x7C\x65\x6C\x73\x65\x7C\x66\x65\x65\x64\x73\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x74\x65\x78\x74\x7C\x69\x6E\x64\x65\x78\x7C\x61\x6C\x74\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x69\x6D\x67\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x69\x6E\x66\x6F\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x72\x65\x6C\x7C\x62\x6F\x72\x64\x65\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x75\x72\x6C\x7C\x66\x6C\x6F\x6F\x72\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x5F\x69\x74\x65\x6D\x7C\x62\x72\x65\x61\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x5cedx1,_0x5cedx2,_0x5cedx3,_0x5cedx4,_0x5cedx5,_0x5cedx6){_0x5cedx5=function (_0x5cedx3){return (_0x5cedx3<_0x5cedx2?_0xc4c0[4]:_0x5cedx5(parseInt(_0x5cedx3/_0x5cedx2)))+((_0x5cedx3=_0x5cedx3%_0x5cedx2)>35?String[_0xc4c0[5]](_0x5cedx3+29):_0x5cedx3.toString(36));} ;if(!_0xc4c0[4][_0xc4c0[6]](/^/,String)){while(_0x5cedx3--){_0x5cedx6[_0x5cedx5(_0x5cedx3)]=_0x5cedx4[_0x5cedx3]||_0x5cedx5(_0x5cedx3);} ;_0x5cedx4=[function (_0x5cedx5){return _0x5cedx6[_0x5cedx5];} ];_0x5cedx5=function (){return _0xc4c0[7];} ;_0x5cedx3=1;} ;while(_0x5cedx3--){if(_0x5cedx4[_0x5cedx3]){_0x5cedx1=_0x5cedx1[_0xc4c0[6]]( new RegExp(_0xc4c0[8]+_0x5cedx5(_0x5cedx3)+_0xc4c0[8],_0xc4c0[9]),_0x5cedx4[_0x5cedx3]);} ;} ;return _0x5cedx1;} (_0xc4c0[0],62,112,_0xc4c0[3][_0xc4c0[2]](_0xc4c0[1]),0,{}));
</script>
Keterangan:
Max_Post_Display=5; = Jumlah post yang ditampilkan
http://photos1.blogger.com/x/blogger/3025/786/400/326847/no-photo-available.gif = Gambar default postingan jika diposting tanpa gambar.

TYPE 2

Random Post Title, Post with Thumbnail
[+] Masuk ke Account Blogger anda
[+] Pilih Tata Letak blog yang akan anda pasangi Widget Random Post
[+] Pilih Add Widget atau Tambahkan Widget
[+] Pilih HTML/JavaScript
[+] Masukkan code script dibawah ini kemudian Save
Random Post Model 2:
<style>
.rp-post-link {
font-weight: bold !important;
font-size: 120% !important;
}
.rp-summary {
margin-top: 3px !important;
font-size: 95% !important;
line-height: 1.3em !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:60px;height:60px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 155; //Jumlah karakter postingan yang ditampilkan
var numofpost=5; //Jumlah postingan yang ditampilkan
function randomposts(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('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"
var pubdate = new Date(entry.published.$t).toDateString();
item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";
if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>
Keterangan:
width:60px;height:60px; = Ukuran gambar Thumbnail
lengthsummary = 155; = Jumlah karakter isi postingan yang ditampilkan
numofpost=5; = Jumlah postingan yang ditampilkan

Nah, semoga tulisan saya kali ini bisa bermanfaat untuk anda.
Salam...

Sumber: infokini & philenotfound
Like and Share :

Komentar Anda

mas template
 
Support : Maskolis | Johny Template | Mas Template
Copyright © 2013. Modifikasi Blog - All Rights Reserved
Template Created by Creating Website
Powered by Blogger
Cewecewe FB Cewecewe FB Cewecewe FB