Sebelumnya saya telah memposting artikel tentang cara memasang widget random post Blogger™ atau postingan acak Blogger™ yang mana widget ini akan menampilkan link postingan secara acak pada sidebar blog sehingga nantinya link postingan yang lama juga akan ikut ditampilkan. Akan tetapi tampilan pada widget tersebut hanya sebatas link, tidak lebih dari itu. Jauh berbeda dengan widget yang akan saya bagikan berikut ini.
 |
| Random Post Widget Blogger With Thumbnail |
Dan pada tutorial kali ini saya akan berbagi widget random post blogger dengan beberapa kelebihan yang telah disertakan oleh perancangnya. Mampu menampilkan thumbnail dan jumlah komentar serta ringkasan postingan. Dan yang lebih mengagumkan lagi tampilannya bisa kita modifikasi sesuka hati, mulai dari warna background, sudut radius dari thumbnail artikel dan masih banyak lagi. Tertarik untuk mencoba? Berikut tutorialnya.
Fitur
- Support browser Internet Explorer
- Tersedia beberapa pengaturan untuk disesuaikan dengan selera pengguna
- Kecepatan loading script yang telah dioptimalkan
Integrasi Pada Blogger
Log in ke Blogger.com™ » Tata Letak » Tambahkan Gadget » HTML/JavaScript. Salin kemudian tempel kode berikut pada formulir HTML/JavaScript.
<style type="text/css">
#blogger-item-widget-random-post .thumbnail {
width: 28px;
height: 28px;
float: left;
padding: 3px;
border: 1px solid #CCC;
margin: 0 5px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#blogger-item-widget-random-post .thumbnail img {
min-width: 28px!important;
max-width: 28px!important;
min-height: 28px!important;
max-height: 28px!important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#blogger-item-widget-random-post .thumbnail a {
z-index: 100;
display: block;
position: relative;
}
#blogger-item-widget-random-post .content a {
}
#blogger-item-widget-random-post .content span {
color: #999;
font-size: 10px;
font-style: italic;
}
#blogger-item-widget-random-post .item {
padding: 7px 0;
}
#blogger-item-widget-random-post .item-0 {
/*margin: 0;*/
}
#blogger-item-widget-random-post .info {
text-align: right;
height:1.2em!important;
overflow:hidden;
line-height: 1em!important;
}
#blogger-item-widget-random-post .info a {
font-weight: bold;
font-size: 11px;
color: #AAA;
display:none;
}
#blogger-item-widget-random-post:hover .info a {
display:inline!important;
}
#blogger-item-widget-random-post .item-last {
padding: 10px 0 0 0;
}
#blogger-item-widget-random-post .snip {
font-size: 12px;
padding: 0.5em 0 0 0;
line-height: 1.5em;
}
</style>
<script type="text/JavaScript">
/*
Widget: Random Post for Blogger
Author: Tien Nguyen
Website: http://bloggeritems.com
GNU licenese
---------------------------------------------*/
/* User setting
---------------------------------------------*/
var Post_Number = 5; //number of posts display
var Post_Thumb = true; //true: show post thumbnail, false: hide
var Post_Comment = false;//true: show comment count, false: hide
var Post_Author = false; //true: show post author name, false: hide
var Post_Time = false;//true: show post timestamp, false: hide
var Post_Label = false;//true: show a label of post, false: hide
var Post_Snip = false;//true: show post snippet, false:hide
var Post_Snip_Len = 90;//number characters of post snippet
var Lang_Comment = 'comments';
var Lang_By = 'By';
var Lang_More = '...';
var host = '';
var _0x9780=["x43x20x31x73x3Dx27x31x6Ax2Dx59x2Dx31x4Dx2Dx31x6Bx2Dx31x65x27x3Bx43x20x31x54x3Dx27x4Fx3Ax2Fx2Fx31x5Ax2Ex52x2Fx31x59x2Fx31x6Bx2Dx31x65x2Dx31x4Dx2Dx79x2Dx31x6Ax27x3Bx57x20x31x62x28x31x6Cx29x7Bx31x72x2Ex31x70x28x27x3Cx51x20x31x57x3Dx22x32x38x2Fx32x36x22x20x48x3Dx22x27x2Bx31x6Cx2Bx27x22x3Ex3Cx5Cx2Fx51x3Ex27x29x7Dx57x20x31x61x28x37x29x7Bx43x20x36x3Dx76x20x50x28x29x3Bx36x2Ex6Dx3Dx37x2Ex39x2Ex6Dx2Ex24x74x3Bx47x3Dx27x36x2Dx27x3Bx54x3Dx36x2Ex6Dx2Ex31x53x28x47x29x3Bx36x2Ex6Dx3Dx36x2Ex6Dx2Ex31x39x28x54x2Bx47x2Ex75x29x3Bx36x2Ex6Dx3Dx36x2Ex6Dx2Ex4Ax28x27x2Ex31x47x27x2Cx27x27x29x3Bx36x2Ex49x3Dx76x20x31x68x28x29x3Bx35x28x27x44x27x38x20x37x2Ex39x29x7Bx79x28x69x3Dx30x3Bx69x3Cx37x2Ex39x2Ex44x2Ex75x3Bx69x2Bx2Bx29x7Bx36x2Ex49x5Bx69x5Dx3Dx37x2Ex39x2Ex44x5Bx69x5Dx2Ex31x50x7Dx7Dx36x2Ex6Ex3Dx27x27x3Bx35x28x27x6Ex27x38x20x37x2Ex39x29x7Bx36x2Ex6Ex3Dx37x2Ex39x2Ex6Ex2Ex24x74x7Dx36x2Ex5Ax3Dx27x27x3Bx35x28x27x5Ax27x38x20x37x2Ex39x29x7Bx36x2Ex5Ax3Dx37x2Ex39x2Ex5Ax2Ex24x74x7Dx36x2Ex7Ax3Dx76x20x50x28x29x3Bx36x2Ex7Ax2Ex73x3Dx27x31x76x27x3Bx36x2Ex7Ax2Ex77x3Dx27x27x3Bx36x2Ex7Ax2Ex6Fx3Dx27x4Fx3Ax2Fx2Fx31x36x2Ex31x34x2Ex52x2Fx55x2Fx31x6Ex2Ex31x75x27x3Bx35x28x27x73x27x38x20x37x2Ex39x2Ex64x5Bx30x5Dx29x7Bx36x2Ex7Ax2Ex73x3Dx37x2Ex39x2Ex64x5Bx30x5Dx2Ex73x2Ex24x74x7Dx35x28x27x77x27x38x20x37x2Ex39x2Ex64x5Bx30x5Dx29x7Bx36x2Ex7Ax2Ex77x3Dx37x2Ex39x2Ex64x5Bx30x5Dx2Ex77x2Ex24x74x7Dx35x28x27x72x24x42x27x38x20x37x2Ex39x2Ex64x5Bx30x5Dx29x7Bx35x28x37x2Ex39x2Ex64x5Bx30x5Dx2Ex72x24x42x2Ex48x21x3Dx27x4Fx3Ax2Fx2Fx31x36x2Ex31x34x2Ex52x2Fx55x2Fx31x46x2Ex31x71x27x29x7Bx36x2Ex7Ax2Ex6Fx3Dx37x2Ex39x2Ex64x5Bx30x5Dx2Ex72x24x42x2Ex48x7Dx7Dx36x2Ex31x38x3Dx31x32x28x37x2Ex39x2Ex31x64x24x32x37x2Ex24x74x29x3Bx36x2Ex32x35x3Dx31x32x28x37x2Ex39x2Ex31x64x24x32x30x2Ex24x74x29x3Bx36x2Ex32x34x3Dx31x32x28x37x2Ex39x2Ex31x64x24x32x31x2Ex24x74x29x3Bx36x2Ex41x3Dx30x3Bx35x28x27x33x27x38x20x37x2Ex39x29x7Bx36x2Ex41x3Dx37x2Ex39x2Ex33x2Ex75x7Dx36x2Ex33x3Dx76x20x31x68x28x29x3Bx79x28x69x3Dx30x3Bx69x3Cx36x2Ex41x3Bx69x2Bx2Bx29x7Bx36x2Ex33x5Bx69x5Dx3Dx76x20x50x28x29x3Bx34x3Dx76x20x50x28x29x3Bx33x3Dx37x2Ex39x2Ex33x5Bx69x5Dx3Bx34x2Ex6Dx3Dx33x2Ex6Dx2Ex24x74x3Bx47x3Dx27x31x65x2Dx27x3Bx54x3Dx34x2Ex6Dx2Ex31x53x28x47x29x3Bx34x2Ex6Dx3Dx34x2Ex6Dx2Ex31x39x28x54x2Bx47x2Ex75x29x3Bx34x2Ex4Bx3Dx27x27x3Bx35x28x27x4Bx27x38x20x33x29x7Bx34x2Ex4Bx3Dx33x2Ex4Bx2Ex24x74x7Dx34x2Ex49x3Dx76x20x31x68x28x29x3Bx35x28x27x44x27x38x20x33x29x7Bx79x28x6Ax3Dx30x3Bx6Ax3Cx33x2Ex44x2Ex75x3Bx6Ax2Bx2Bx29x7Bx34x2Ex49x5Bx6Ax5Dx3Dx33x2Ex44x5Bx6Ax5Dx2Ex31x50x7Dx7Dx34x2Ex6Ex3Dx27x27x3Bx35x28x27x6Ex27x38x20x33x29x7Bx34x2Ex6Ex3Dx33x2Ex6Ex2Ex24x74x7Dx34x2Ex4Cx3Dx27x27x3Bx35x28x27x4Cx27x38x20x33x29x7Bx34x2Ex4Cx3Dx33x2Ex4Cx2Ex24x74x7Dx34x2Ex6Bx3Dx27x27x3Bx35x28x27x6Bx27x38x20x33x29x7Bx34x2Ex6Bx3Dx33x2Ex6Bx2Ex24x74x7Dx34x2Ex71x3Dx27x27x3Bx34x2Ex31x35x3Dx27x31x47x27x3Bx35x28x27x71x27x38x20x33x29x7Bx79x28x6Ax3Dx30x3Bx6Ax3Cx33x2Ex71x2Ex75x3Bx6Ax2Bx2Bx29x7Bx35x28x33x2Ex71x5Bx6Ax5Dx2Ex31x4Ax3Dx3Dx27x32x32x27x29x7Bx34x2Ex71x3Dx33x2Ex71x5Bx6Ax5Dx2Ex4Ex7Dx35x28x33x2Ex71x5Bx6Ax5Dx2Ex31x4Ax3Dx3Dx27x32x33x27x29x7Bx34x2Ex31x35x3Dx33x2Ex71x5Bx6Ax5Dx2Ex6Ex7Dx7Dx7Dx34x2Ex64x3Dx76x20x50x28x29x3Bx34x2Ex64x2Ex73x3Dx27x31x76x27x3Bx34x2Ex64x2Ex77x3Dx27x27x3Bx34x2Ex64x2Ex6Fx3Dx27x4Fx3Ax2Fx2Fx31x36x2Ex31x34x2Ex52x2Fx55x2Fx31x6Ex2Ex31x75x27x3Bx78x3Dx33x2Ex64x5Bx30x5Dx3Bx35x28x27x73x27x38x20x78x29x7Bx34x2Ex64x2Ex73x3Dx78x2Ex73x2Ex24x74x7Dx35x28x27x77x27x38x20x78x29x7Bx34x2Ex64x2Ex77x3Dx78x2Ex77x2Ex24x74x7Dx35x28x27x72x24x42x27x38x20x78x29x7Bx35x28x78x2Ex72x24x42x2Ex48x21x3Dx27x4Fx3Ax2Fx2Fx31x36x2Ex31x34x2Ex52x2Fx55x2Fx31x46x2Ex31x71x27x29x7Bx34x2Ex64x2Ex6Fx3Dx78x2Ex72x24x42x2Ex48x7Dx7Dx34x2Ex6Fx3Dx27x27x3Bx35x28x27x31x41x24x6Fx27x38x20x33x29x7Bx34x2Ex6Fx3Dx33x2Ex31x41x24x6Fx2Ex31x6Cx7Dx34x2Ex31x37x3Dx30x3Bx35x28x27x56x24x31x6Fx27x38x20x33x29x7Bx34x2Ex31x37x3Dx31x32x28x33x2Ex56x24x31x6Fx2Ex24x74x29x7Dx34x2Ex31x35x3Dx34x2Ex31x35x2Ex4Ax28x34x2Ex31x37x2Bx27x20x27x2Cx27x27x29x3Bx34x2Ex31x45x3Dx27x27x3Bx34x2Ex45x3Dx27x27x3Bx34x2Ex32x78x3Dx27x27x3Bx35x28x27x56x24x38x2Dx31x69x2Dx31x63x27x38x20x33x29x7Bx34x2Ex31x45x3Dx33x5Bx27x56x24x38x2Dx31x69x2Dx31x63x27x5Dx2Ex4Ex3Bx34x2Ex45x3Dx33x5Bx27x56x24x38x2Dx31x69x2Dx31x63x27x5Dx2Ex32x75x3Bx34x2Ex45x3Dx34x2Ex45x2Ex4Ax28x27x2Fx32x39x2Fx27x2Cx27x2Fx6Bx2Fx27x29x3Bx34x2Ex45x3Dx34x2Ex45x2Bx27x3Fx31x67x3Dx37x2Dx38x2Dx51x27x7Dx34x2Ex4Dx3Dx27x27x3Bx35x28x27x72x24x58x27x38x20x33x29x7Bx79x28x6Ax3Dx30x3Bx6Ax3Cx33x2Ex72x24x58x2Ex75x3Bx6Ax2Bx2Bx29x7Bx35x28x33x2Ex72x24x58x5Bx6Ax5Dx2Ex73x3Dx3Dx27x31x6Ax2Ex32x73x27x29x7Bx34x2Ex4Dx3Dx33x2Ex72x24x58x5Bx6Ax5Dx2Ex32x71x7Dx7Dx7Dx34x2Ex4Dx3Dx34x2Ex4Dx2Ex4Ax28x27x4Dx2Dx27x2Cx27x27x29x3Bx36x2Ex33x5Bx69x5Dx3Dx34x7Dx32x76x20x36x7Dx43x20x62x3Dx32x7Ax3Bx57x20x31x44x28x29x7Bx35x28x62x2Ex41x3Ex30x29x7Bx68x3Dx27x3Cx63x20x6Dx3Dx22x27x2Bx31x73x2Bx27x22x3Ex27x3Bx79x28x69x3Dx30x3Bx69x3Cx62x2Ex41x3Bx69x2Bx2Bx29x7Bx68x2Bx3Dx27x3Cx63x20x65x3Dx22x59x20x59x2Dx27x2Bx69x2Bx27x20x27x2Bx28x28x28x69x2Bx31x29x3Dx3Dx62x2Ex41x29x3Fx27x59x2Dx32x72x27x3Ax27x27x29x2Bx27x22x3Ex27x3Bx35x28x32x6Fx26x26x62x2Ex33x5Bx69x5Dx2Ex6Fx21x3Dx27x27x29x7Bx68x2Bx3Dx27x3Cx63x20x65x3Dx22x6Fx22x3Ex3Cx61x20x4Ex3Dx22x27x2Bx62x2Ex33x5Bx69x5Dx2Ex71x2Bx27x22x3Ex3Cx55x20x48x3Dx22x27x2Bx62x2Ex33x5Bx69x5Dx2Ex6Fx2Bx27x22x2Fx3Ex3Cx2Fx61x3Ex3Cx2Fx63x3Ex27x7Dx68x2Bx3Dx27x3Cx63x20x65x3Dx22x4Cx22x3Ex3Cx61x20x4Ex3Dx22x27x2Bx62x2Ex33x5Bx69x5Dx2Ex71x2Bx27x22x20x65x3Dx22x6Ex22x3Ex27x2Bx62x2Ex33x5Bx69x5Dx2Ex6Ex2Bx27x3Cx2Fx61x3Ex27x3Bx43x20x6Cx3Dx27x27x3Bx35x28x31x4Fx29x7Bx35x28x6Cx21x3Dx27x27x29x7Bx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x32x64x22x3Ex26x70x3Bx26x23x31x30x3Bx26x70x3Bx3Cx2Fx66x3Ex27x7Dx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x64x22x3Ex27x2Bx32x63x2Bx27x26x70x3Bx27x2Bx62x2Ex33x5Bx69x5Dx2Ex64x2Ex73x2Bx27x3Cx2Fx66x3Ex27x7Dx35x28x31x51x29x7Bx35x28x6Cx21x3Dx27x27x29x7Bx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x31x6Dx22x3Ex26x70x3Bx26x23x31x30x3Bx26x70x3Bx3Cx2Fx66x3Ex27x7Dx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x32x67x22x3Ex27x2Bx62x2Ex33x5Bx69x5Dx2Ex31x37x2Bx27x26x70x27x2Bx32x68x2Bx27x3Cx2Fx66x3Ex27x7Dx35x28x31x52x29x7Bx35x28x6Cx21x3Dx27x27x29x7Bx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x31x6Dx22x3Ex26x70x3Bx26x23x31x30x3Bx26x70x3Bx3Cx2Fx66x3Ex27x7Dx31x33x3Dx62x2Ex33x5Bx69x5Dx2Ex4Bx3Bx31x31x3Dx76x20x32x6Dx28x31x33x5Bx30x5Dx2Cx31x33x5Bx31x5Dx2Dx31x2Cx31x33x5Bx32x5Dx2Ex31x39x28x30x2Cx32x29x29x3Bx31x31x3Dx31x31x2Ex32x6Ex28x29x3Bx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x32x6Cx22x3Ex27x2Bx31x31x2Bx27x3Cx2Fx66x3Ex27x7Dx35x28x31x79x26x26x62x2Ex33x5Bx69x5Dx2Ex49x2Ex75x3Ex30x29x7Bx35x28x6Cx21x3Dx27x27x29x7Bx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x31x6Dx22x3Ex26x70x3Bx26x23x31x30x3Bx26x70x3Bx3Cx2Fx66x3Ex27x7Dx6Cx2Bx3Dx27x3Cx66x20x65x3Dx22x32x6Bx22x3Ex27x2Bx62x2Ex33x5Bx69x5Dx2Ex49x5Bx30x5Dx2Bx27x3Cx2Fx66x3Ex27x7Dx35x28x31x4Fx7Cx7Cx31x51x7Cx7Cx31x52x7Cx7Cx31x79x29x7Bx68x2Bx3Dx27x3Cx63x20x65x3Dx22x32x6Ax22x3Ex27x2Bx6Cx2Bx27x3Cx2Fx63x3Ex27x7Dx35x28x32x69x29x7Bx43x20x31x4Bx3Dx2Fx3Cx5Cx53x5Bx5Ex3Ex5Dx2Ax3Ex2Fx67x3Bx6Bx3Dx62x2Ex33x5Bx69x5Dx2Ex6Bx3Bx6Bx3Dx6Bx2Ex4Ax28x31x4Bx2Cx27x27x29x3Bx35x28x6Bx2Ex75x3Ex31x48x29x7Bx6Bx3Dx6Bx2Ex31x39x28x30x2Cx31x48x29x2Bx32x62x7Dx68x2Bx3Dx27x3Cx63x20x65x3Dx22x32x61x22x3Ex27x2Bx6Bx2Bx27x3Cx2Fx63x3Ex27x7Dx68x2Bx3Dx27x3Cx2Fx63x3Ex3Cx63x20x65x3Dx22x31x55x22x3Ex3Cx2Fx63x3Ex3Cx2Fx63x3Ex27x7Dx68x2Bx3Dx27x3Cx63x20x65x3Dx22x31x55x22x3Ex3Cx2Fx63x3Ex3Cx63x20x65x3Dx22x32x66x22x3Ex3Cx61x20x32x70x3Dx22x32x65x22x20x4Ex3Dx22x27x2Bx31x54x2Bx27x22x20x6Ex3Dx22x31x78x20x32x77x22x3Ex32x79x20x31x78x3Cx2Fx61x3Ex3Cx2Fx63x3Ex3Cx2Fx63x3Ex27x3Bx31x72x2Ex31x70x28x68x29x7Dx7Dx57x20x31x7Ax28x37x29x7Bx62x3Dx31x61x28x37x29x3Bx31x44x28x29x7Dx57x20x31x49x28x37x29x7Bx62x3Dx31x61x28x37x29x3Bx46x3Dx31x43x2Ex32x74x28x28x31x43x2Ex31x6Bx28x29x2Ax62x2Ex31x38x29x2Bx31x29x3Bx35x28x46x2Bx31x66x3Ex62x2Ex31x38x29x7Bx46x3Dx62x2Ex31x38x2Dx31x66x2Bx31x7Dx35x28x46x3Cx31x29x7Bx46x3Dx31x7Dx31x62x28x31x42x2Bx27x2Fx31x77x2Fx31x74x2Fx6Bx3Fx31x67x3Dx37x2Dx38x2Dx51x26x31x56x2Dx31x4Ex3Dx27x2Bx31x66x2Bx27x26x31x58x2Dx54x3Dx27x2Bx46x2Bx27x26x31x4Cx3Dx31x7Ax27x29x7Dx31x62x28x31x42x2Bx27x2Fx31x77x2Fx31x74x2Fx6Bx3Fx31x67x3Dx37x2Dx38x2Dx51x26x31x56x2Dx31x4Ex3Dx30x26x31x4Cx3Dx31x49x27x29x3B","x7C","x73x70x6Cx69x74","x7Cx7Cx7Cx65x6Ex74x72x79x7Cx74x65x6Dx70x7Cx69x66x7Cx62x6Cx6Fx67x7Cx6Ax73x6Fx6Ex7Cx69x6Ex7Cx66x65x65x64x7Cx7Cx42x6Cx6Fx67x7Cx64x69x76x7Cx61x75x74x68x6Fx72x7Cx63x6Cx61x73x73x7Cx73x70x61x6Ex7Cx7Cx7Cx7Cx7Cx73x75x6Dx6Dx61x72x79x7Cx73x75x62x7Cx69x64x7Cx74x69x74x6Cx65x7Cx74x68x75x6Dx62x6Ex61x69x6Cx7Cx6Ex62x73x70x7Cx6Cx69x6Ex6Bx7Cx67x64x7Cx6Ex61x6Dx65x7Cx7Cx6Cx65x6Ex67x74x68x7Cx6Ex65x77x7Cx75x72x69x7Cx61x30x7Cx66x6Fx72x7Cx61x64x6Dx69x6Ex7Cx65x6Ex74x72x79x5Fx6Ex75x6Dx62x65x72x7Cx69x6Dx61x67x65x7Cx76x61x72x7Cx63x61x74x65x67x6Fx72x79x7Cx72x65x70x6Cx79x5Fx6Ax73x6Fx6Ex7Cx72x61x6Ex64x7Cx6Bx65x79x7Cx73x72x63x7Cx63x61x74x65x7Cx72x65x70x6Cx61x63x65x7Cx70x75x62x6Cx69x73x68x65x64x7Cx63x6Fx6Ex74x65x6Ex74x7Cx70x69x64x7Cx68x72x65x66x7Cx68x74x74x70x7Cx4Fx62x6Ax65x63x74x7Cx73x63x72x69x70x74x7Cx63x6Fx6Dx7Cx7Cx69x6Ex64x65x78x7Cx69x6Dx67x7Cx74x68x72x7Cx66x75x6Ex63x74x69x6Fx6Ex7Cx65x78x74x65x6Ex64x65x64x50x72x6Fx70x65x72x74x79x7Cx69x74x65x6Dx7Cx73x75x62x74x69x74x6Cx65x7Cx38x32x32x36x7Cx74x6Fx64x61x79x7Cx4Ex75x6Dx62x65x72x7Cx64x61x79x7Cx62x6Cx6Fx67x62x6Cx6Fx67x7Cx72x65x70x6Cx79x5Fx6Cx61x62x65x6Cx7Cx69x6Dx67x31x7Cx72x65x70x6Cx79x5Fx6Ex75x6Dx62x65x72x7Cx74x6Fx74x61x6Cx5Fx65x6Ex74x72x79x7Cx73x75x62x73x74x72x69x6Ex67x7Cx62x69x5Fx6Ax73x68x6Fx72x74x7Cx62x69x5Fx73x63x72x69x70x74x7Cx74x6Fx7Cx6Fx70x65x6Ex53x65x61x72x63x68x7Cx70x6Fx73x74x7Cx50x6Fx73x74x5Fx4Ex75x6Dx62x65x72x7Cx61x6Cx74x7Cx41x72x72x61x79x7Cx72x65x70x6Cx79x7Cx62x6Cx6Fx67x67x65x72x7Cx72x61x6Ex64x6Fx6Dx7Cx75x72x6Cx7Cx73x65x70x61x72x61x74x65x7Cx61x6Ex6Fx6Ex33x36x7Cx74x6Fx74x61x6Cx7Cx77x72x69x74x65x7Cx67x69x66x7Cx64x6Fx63x75x6Dx65x6Ex74x7Cx41x70x70x53x65x6Cx7Cx70x6Fx73x74x73x7Cx70x6Ex67x7Cx41x6Ex6Fx6Ex79x6Dx6Fx75x73x7Cx66x65x65x64x73x7Cx57x69x64x67x65x74x7Cx50x6Fx73x74x5Fx4Cx61x62x65x6Cx7Cx5Fx32x30x36x35x5Fx67x65x74x5Fx70x6Fx73x74x7Cx6Dx65x64x69x61x7Cx68x6Fx73x74x7Cx4Dx61x74x68x7Cx5Fx32x30x36x35x5Fx73x68x6Fx77x5Fx70x6Fx73x74x7Cx72x65x70x6Cx79x5Fx74x6Fx7Cx62x6Cx61x6Ex6Bx7Cx63x6Fx6Dx6Dx65x6Ex74x73x7Cx50x6Fx73x74x5Fx53x6Ex69x70x5Fx4Cx65x6Ex7Cx5Fx32x30x36x35x5Fx64x69x63x65x5Fx70x6Fx73x74x7Cx72x65x6Cx7Cx72x65x7Cx63x61x6Cx6Cx62x61x63x6Bx7Cx77x69x64x67x65x74x7Cx72x65x73x75x6Cx74x73x7Cx50x6Fx73x74x5Fx41x75x74x68x6Fx72x7Cx74x65x72x6Dx7Cx50x6Fx73x74x5Fx43x6Fx6Dx6Dx65x6Ex74x7Cx50x6Fx73x74x5Fx54x69x6Dx65x7Cx69x6Ex64x65x78x4Fx66x7Cx42x61x63x6Bx5Fx4Cx69x6Ex6Bx7Cx63x6Cx65x61x72x7Cx6Dx61x78x7Cx74x79x70x65x7Cx73x74x61x72x74x7Cx77x69x67x65x74x73x7Cx62x6Cx6Fx67x67x65x72x69x74x65x6Dx73x7Cx73x74x61x72x74x49x6Ex64x65x78x7Cx69x74x65x6Dx73x50x65x72x50x61x67x65x7Cx61x6Cx74x65x72x6Ex61x74x65x7Cx72x65x70x6Cx69x65x73x7Cx69x74x65x6Dx5Fx70x65x72x5Fx70x61x67x65x7Cx73x74x61x72x74x5Fx69x6Ex64x65x78x7Cx4Ax61x76x61x53x63x72x69x70x74x7Cx74x6Fx74x61x6Cx52x65x73x75x6Cx74x73x7Cx74x65x78x74x7Cx64x65x66x61x75x6Cx74x7Cx73x6Ex69x70x7Cx4Cx61x6Ex67x5Fx4Dx6Fx72x65x7Cx4Cx61x6Ex67x5Fx42x79x7Cx73x65x70x65x72x61x74x65x7Cx5Fx62x6Cx61x6Ex6Bx7Cx69x6Ex66x6Fx7Cx63x6Fx6Dx6Dx65x6Ex74x7Cx4Cx61x6Ex67x5Fx43x6Fx6Dx6Dx65x6Ex74x7Cx50x6Fx73x74x5Fx53x6Ex69x70x7Cx6Dx65x74x61x7Cx6Cx61x62x65x6Cx7Cx74x69x6Dx65x7Cx44x61x74x65x7Cx74x6Fx4Cx6Fx63x61x6Cx65x44x61x74x65x53x74x72x69x6Ex67x7Cx50x6Fx73x74x5Fx54x68x75x6Dx62x7Cx74x61x72x67x65x74x7Cx76x61x6Cx75x65x7Cx6Cx61x73x74x7Cx69x74x65x6Dx43x6Cx61x73x73x7Cx66x6Cx6Fx6Fx72x7Cx73x6Fx75x72x63x65x7Cx72x65x74x75x72x6Ex7Cx49x6Ex66x6Fx7Cx72x65x70x6Cx79x5Fx74x69x74x6Cx65x7Cx42x6Cx6Fx67x67x65x72x7Cx6Ex75x6Cx6C","","x66x72x6Fx6Dx43x68x61x72x43x6Fx64x65","x72x65x70x6Cx61x63x65","x5Cx77x2B","x5Cx62","x67"];eval(function (_0xf416x1,_0xf416x2,_0xf416x3,_0xf416x4,_0xf416x5,_0xf416x6){_0xf416x5=function (_0xf416x3){return (_0xf416x3<_0xf416x2?_0x9780[4]:_0xf416x5(parseInt(_0xf416x3/_0xf416x2)))+((_0xf416x3=_0xf416x3%_0xf416x2)>35?String[_0x9780[5]](_0xf416x3+29):_0xf416x3.toString(36));} ;if(!_0x9780[4][_0x9780[6]](/^/,String)){while(_0xf416x3--){_0xf416x6[_0xf416x5(_0xf416x3)]=_0xf416x4[_0xf416x3]||_0xf416x5(_0xf416x3);} ;_0xf416x4=[function (_0xf416x5){return _0xf416x6[_0xf416x5];} ];_0xf416x5=function (){return _0x9780[7];} ;_0xf416x3=1;} ;while(_0xf416x3--){if(_0xf416x4[_0xf416x3]){_0xf416x1=_0xf416x1[_0x9780[6]]( new RegExp(_0x9780[8]+_0xf416x5(_0xf416x3)+_0x9780[8],_0x9780[9]),_0xf416x4[_0xf416x3]);} ;} ;return _0xf416x1;} (_0x9780[0],62,160,_0x9780[3][_0x9780[2]](_0x9780[1]),0,{}));
</script>
Mengkonfigurasi Widget
<script type="text/JavaScript"> /* Widget: Random Post for Blogger Author: Tien Nguyen Website: http://bloggeritems.com GNU licenese ---------------------------------------------*/ /* User setting ---------------------------------------------*/ var Post_Number = 5; //number of posts display var Post_Thumb = true; //true: show post thumbnail, false: hide var Post_Comment = false;//true: show comment count, false: hide var Post_Author = false; //true: show post author name, false: hide var Post_Time = false;//true: show post timestamp, false: hide var Post_Label = false;//true: show a label of post, false: hide var Post_Snip = false;//true: show post snippet, false:hide var Post_Snip_Len = 90;//number characters of post snippet var Lang_Comment = 'comments'; var Lang_By = 'By'; var Lang_More = '...'; .... ....
var Post_Number = 5; |
Ubah nilai 5 untuk menambah atau mengurangi jumlah artikel yang akan ditampilkan pada widget |
var Post_Thumb = true; |
true: Thumbnail akan ditampilkan pada widgetfalse: Thumbnail akan disembunyikan atau tidak ditampilkan |
var Post_Comment = false; |
true: Jumlah komentar artikel akan ditampilkan pada widgetfalse: Jumlah komentar tidak akan ditampilkan pada widget |
var Post_Author = false; |
true: Menampilkan nama author pada widgetfalse: Nama author tidak akan ditampilkan pada widget |
var Post_Time = false; |
true: Menampilkan tanggal terbit artikel pada widgetfalse: Tanggal terbit artikel tidak akan ditampilkan pada widget |
var Post_Label = false; |
true: Menampilkan label artikel pada widgetfalse: Label artikel tidak akan ditampilkan pada widget |
var Post_Snip = false; |
true: Menampilkan ringkasan artikel pada widgetfalse: Ringkasan posting tidak akan ditampilkan pada widget |
var Post_Snip_Len = 90; |
Nilai 90 adalah jumlah karater ringkasan posting yang akan ditampilkan pada widget |
var Lang_Comment = 'comments'; |
Ubah kata comment ke dalam bahasa Anda, misal: Komentar |
var Lang_By = 'By'; |
Ubah kata By ke dalam bahasa Anda, misal: Oleh |
var Lang_More = '...'; |
Titik-titik akan tampil pada ringkasan artikel sebagai penanda akhir ringkasan |
Membuat Sudut Radius
Untuk menampilkan sudut radius atau lingkaran pada thumbnail artikel yang tampil pada widget ini, Anda harus merubah nilai dari beberapa kode CSS berikut.
<style type="text/css">
#blogger-item-widget-random-post .thumbnail {
width: 28px;
height: 28px;
float: left;
padding: 3px;
border: 1px solid #CCC;
margin: 0 5px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#blogger-item-widget-random-post .thumbnail img {
min-width: 28px!important;
max-width: 28px!important;
min-height: 28px!important;
max-height: 28px!important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
....
....
Meningkatkan nilai pada kode yang di highlight di atas akan berpengaruh pada sudut thumbnail artikel yang tampil pada widget ini, semakin tinggi nilai, sudut akan membentuk radius, hingga menjadi lingkaran penuh (maksimal 100)
Kesimpulan
Widget Random Posts Blogger™ Dengan Thumbnail ini menggunakan kode JavaScript yang telah diencrypted oleh pembuatnya dengan tujuan untuk melindungi hak cipta dari penggunaan kode JavaScript tersebut. Ketika Widget ini di hover akan tampil link website dari pembuat widget ini, Anda tidak diperbolehkan untuk menghapus kode tersebut, namun Anda masih bisa memilih untuk tidak menampilkan link tersebut dengan menambahkan beberapa kode pada kode CSS widget ini.
—ς∞ς—
sumber: http://bloggeritems.com
Belum ada tanggapan untuk "Random Post Widget Blogger With Thumbnail"
Post a Comment
Note :
1. Berikan komentar Anda yang sesuai dengan isi artikel
2. Berkomentarlah dengan bijak dan mohon untuk tidak melakukan SPAM
3. Jangan menempelkan link hidup, karena tidak akan ditampilkan
Semoga tali Silaturrahmi kita terus terjalin dengan saling berbagi informasi
Regards,
Admin Ellmoo Blog