Membuat widget Artikel Acak dengan efek hover di blog

  Membuat Widget Artikel Acak dengan Thumbnail di blog - Artikel Acak, bisa juga menjadi sarana untuk membaca post lain yang ada di blog Agan, selain dengan lewat Related post.

6 Keunggulan Widget~

 Tidak membebani loading blog

 Mempunyai Thumbnail, Gambar, Judul, Penulis Post, dan Jumblah Komentar

 Agan bisa modifikasi widget ini sesuai dengan keinginan (Jika agan memang bisa) 

  Mempunyai Efek Hover

          Dengan Tabel
       
          Keren

ScreenShot Widget

Cara Pembuatan Widget
  Login blog, menuju ke tata letak, lalu klik add gadget kemudian, klik HTML/Java script. Setelah itu, salin kode dibawah ini :

<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">

<!--

// Create by Tien Nguyen (Staff)

// Copyright by infoiki.blogspot.com

// Use the code without copyright agreement, you will be reported as spam

//Setting_begin

var No_Thumb_Url='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLf0DrupPndd5gK5MKnUJv33A4_l5jFpgNDVN7gTzxIzaJVxu_G8plq2RDMbSU_No10-blrlkaOEIlSwR_3-lr-wVFNx-ppowkkB1ih9I3E9jX1asTcuEbESBcC_PuWWoZYBfSFjXh2RmU/s32/no-photo.jpg';

var Max_Post_Display=10;

var Sum_Len='100';

//Setting_end

//Define your language

var Lang_By = 'By ';

var Lang_comment = ' comment';

var Lang_comments = ' comments';

//For valid feed, not touch

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
  Kode berwarna kuning, adalah url post, bila post tersebut tanpa gambar.  Kode berwarna hijau, adalah yang menentukan jumblah post yang ditampilkan.

Save, & liat hasilnya!