Cara Memasang Iklan di Tengah Postingan Blog

Cara Memasang Iklan di Tengah Postingan Blog

Cara Memasang Iklan di Tengah Postingan Blog - Kita sebagai blogger selain ingin berbagi untuk sesama pastinya kita juga ingin mendapatkan income online dari kegiatan kita nge-blog, hal itu wajar saja, karena kita sudah mengeluarkan sebagian tenaga dan pikiran kita untuk membuat hasil-hasil karya yang imajinatif dan dapat berguna bagi sesama (hehehe). Pendapatan online dari nge-blog juga bisa kita dapatkan  dari berbagai macam sumber, misalnya dari iklan, donatur, maupun review produk/jasa.

Namun, terkadang kita bingung darimana kita bisa mendapatkan income online tersebut, kebanyakan blogger berfikir memasang iklan di blog-nya adalah pilihan yang paling tepat, karena selain kita bisa bekerja sama dengan para advertiser, kita juga akan mendapatkan penghasilan tambahan dari ongkos pemasangan iklan tersebut di blog kita. 

Baru-baru ini, yang sedang 'tren' dikalangan para blogger dalam income online adalah layanan iklan PPC (Pay-Per-Click) jadi kita akan dibayar setiap ada pengunjung yang meng-klik iklan dari para advertiser, penyedia layanan seperti ini antara lain klik saya, idblognetwork, innity, adstars, adplus, dan masih banyak lagi.

Dan pada kesempatan kali ini, saya akan membahas bagaimana cara menempatkan iklan/ads di blog kita pada posisi yang strategis, mungkin itu di sidebar, header, maupun pop-up. Namun, menurut saya lokasi iklan ads yang paling strategis adalah di tengah postingan, karena pastinya setiap pengunjung yang membaca artikel tersebut pasti akan melihat iklan para advertiser, maka akan semakin besar peluang pengunjung untuk meng-klik iklan tersebut (PPC).

1. Login Ke Blogger.

2. Pilih Template.

3. Pilih Edit HTML.

4. Centang 'Expand Template Widget'.

5. Cari kode <data:post.body/> menggunakan CTRL+F atau F3, lalu ganti kode tersebut dengan kode dibawah ini.

<div expr:id='"iklan1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

<!-- Kode Script Iklan/PPC yang sudah diparse -->

</div>

<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>

<script type="text/javascript">

var obj0=document.getElementById("iklan1<data:post.id/>");

var obj1=document.getElementById("iklan2<data:post.id/>");

<!-- farhanshare.blogspot.com -->

var s=obj1.innerHTML;

var t=s.substr(0,s.length/2);

var r=t.lastIndexOf(" ");

if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}

</script>

*note: - ganti dengan kode script iklan yang sudah di parse.
           - parse kode iklan blog http://www.blogcrowds.com/resources/parse_html.php.

6. Klik 'Save', dan selesai.

Demikian tutorial blog tentang Cara Memasang Iklan di Tengah Postingan Blog, semoga bermanfaat, dan selamat mencoba, Happy Blogging...

Read more: http://farhanshare.blogspot.com/2013/02/cara-memasang-iklan-di-tengah-postingan.html#ixzz2O5bhQiS5

Read more »

Cara Membuat Widget Social Media Melayang

Cara Membuat Widget Social Media Melayang

Cara Membuat Widget Social Media Melayang - Jejaring Sosial atau yang sering disebut social media adalah tempat untuk berkomunikasi di dunia maya, yang menghubungkan suatu organisasi atau individu dengan organisasi atau individu lainya yang mereka sukai. Sebelumnya saya juga telah membahas tentang cara membuat widget 3in1 Social Media Melayang di sisi kanan Blog, namun pada kesempatan kali ini saya akan mengulas dan memberikan variasi-variasi widget yang lebih menarik lagi untuk di pasang di blog, widget social media atau social plugin kali ini mempunyai tampilan yang sederhana nan elegan, karena desainya berbentuk minimalis dan dipadukan dengan warna yang serasi dan matching.

Pada widget social media ini terdapat 8 button atau icon dari masing-masing social media yang tersusun secara vertikal, dengan dibalut oleh cover berwarna hitam. Jejaring sosial di widget ini meliputi Twitter, Facebook, Digg, Youtube, Google+, RSS Feed, Myspace, dan Orkut. Namun, jika anda seorang yang mempunyai keahlian editor, bisa saja anda membuat icon salah satu jejaring melalui software editor dan anda ganti salah-satu jejaring sosial bawaan widget dengan jejaring sosial yang anda kehendaki, atau jika anda tidak ingin 'ribet' mendesainya, anda bisa mencari icon-icon sosial media yang bertebaran luas di Internet.

Bisa dilihat pada gambar animasi atau gif diatas, setiap kali pengunjung mendekatkan kursor mouse-nya ke icon social media, maka secara otomatis akan muncul keterangan tentang social media secara horizontal, misalnya 'Profile On Google+'. Well, bagi anda yang berminat, silahkan disimak yang berikut ini.

1. Login Ke Blogger.

2. Pilih Template.

3. Pilih Edit HTML.

4. Centang box 'Expand Template Widget'.

5. Cari kode </body> menggunakan CTRL+F atau F3.

6. Lalu letakkan kode di bawah ini tepat dibawah kode </body> tadi.

<!--farhanshare.blogspot.com Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>   
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- farhanshare.blogspot.com Social Media Bar For Blogger --> 
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Profile on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Profile on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' },
  
},
show: 8,
position: "left",
skin: "clear"
});
  
});

</script>

'

Keterangan:

1. Ganti kode '#' dengan URL akun jejaring sosial yang anda miliki, Misalnya Facebook: http://facebook.com/farhanshare, Twitter: http://twitter.com/farhancorps.
2. Anda dapat mengatur berapa icon jejaring sosial yang ingin ditampilkan, ganti angka 8 pada show: 8 dengan jumlah icon social media yang ingin ditampilkan secara vertikal, misalnya 6.
3. Anda bisa merubah posisi widget social media melayang di tepi blog ini dengan mengganti kode left dengan posisi yang anda inginkan, misalnya Right (Kanan), Top (Atas), dan Bottom (Bawah).
4. Anda juga bisa merubah warna dari tampilan widget social plugin ini dengan merubah kode clear menjadi Dark (gelap) atau tetap Clear (Putih).

Demikian tutorial blog tentang Cara Membuat Widget Social Media Melayang, semoga bermanfaat, dan selamat mencoba.

Read more: http://farhanshare.blogspot.com/2013/03/cara-membuat-widget-social-media-melayang.html#ixzz2O5bPdkYo

Read more »

Update

Update facebook status via Sony Ericsson Xperia™ arc

Update facebook status via Sony Ericsson Xperia™ arc
update....

Trik Update Status Melalui iPhone tanpa iPhone

Update status melalui iPhone Asli tanpa iPhone - Setelah kemarin kami menghadirkan aplikasi facebook (Update Status melalui Blackberry tanpa BB) kini giliran salahsatu produk smartphone dari apple, yup smartphone canggih ini adalah iPhone.

Sesuai dengan judul diatas kembali kami akan share aplikasi update status facebook melalui iphone yang tampak persis seperti menggunakan iphone asli tanpa harus punya gadget canggih tersebut.

Jadi caranya anda tinggal masukan status yang akan di update di facebook ke kolom status yang ada di bawah ini, maka secara otomatis status yang anda bagikan akan langsung terintegrasi dengan facebook dan menjadikan update status anda melalui iphone.

Silahkan Update Status Facebook Melalui Iphone Asli disini:

Facebook for iPhone

Facebook for iPhone 4

Facebook for iPhone 5

Read more »

Burung Twiter

  Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot - Kali ini Blogaul masih posting artikel-artikel seputar menghias blog dengan artikel terakhir berjudul Cara mengganti warna background blog.

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-Y-9W8QTdqC0vjmbwJU0kFzyskgtFUHHjhRqssLee8uc5xjce35GabF_4lDekPx9j4MI-5_JVy0ZGoejDLYbNPghPTTHVjK-Uoiil0ENzfxjW4udbmCbQkNZipfC8fPWTDbqV5ZWmq-9/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/amronbadriza";var tweetThisText = "Twitter - amronbadriza http://amronbadriza.blogspot.com/";tripleflapInit();
</script>

4. Ganti tulisan berwarna biru http://twitter.com/amronbadriza dengan akun twitter Anda.
5. Ganti tulisan berwarna ungu amronbadriza dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://amronbadriza.blogspot.com dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Source: http://amronbadriza.blogspot.com/2012/06/cara-memberi-burung-twitter-terbang-di.html#ixzz2ERaRjyrz

Read more »

masang jam

Kali ini saya akan mempostingkan sebuah artikel yang berjudul Memasang Jam pada Blog. Gunanya untuk apa? ya kurang lebih untuk memberitahu pengunjung bahwa sekarang adalah jam berapa. Untuk manfaatnya memang kurang mencolok, karena saya sendiri tidak memakannya. Bisa dibuktikan anda scroll saja sidebar disamping pasti ga ada jam. hehe oke langsung saja pertama tama anda harus menuju kesini

www.clocklink.com


Berikut cara memasang widget Jam di blogger

1. Pertama kunjungi www.clocklink.com
2. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
3. sebagai contoh kategori analog kita pilih,
4. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
5. langsung aja kita pilih accept
6. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
7. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
   
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

Jika sudah berhasil akan tampak seperti dibawah ini :


ada beberapa situs lain yang menyediakan widget jam untuk blog secara gratis diantaranya adalah :

www.mytictac.com

Semoga berhasil..

Semoga Bermanfaat..

Read more »

peliharaan

Pets atau Binatang ini hanya berupa vritual yang nantinya akan ditanamkan pada gadget. Selain sebagai sarana memperindah blog juga membuat blog kelihatan hidup dengan adanya binatang yang "terpelihara" diblog

1. Buka halaman http://bunnyherolabs.com/adopt,

2. Selanjutnya, atur tampilan binatang peliharaan yang akan anda pasng dengan menggunakan tool yang sudah disediakan:

• Give your new pet a name, isi dengan binatang peliharaan

• Type your name here, isi dengan nama atau nickname Anda.

• Your pet can be any colour you like, utk mengatur warna dari binatang peliharaan

3. Akhiri dengan klik tombol Finish.
4. Berhubung binatang tersebut akan dipelihara diblogger , maka klik navigasi Other sites dan pilih Blogger

 
5. Isikan ID Blogger, password, alamat blog serta beri centang pada pilihan Post to sidebar, kemudian pilih tombol Post utk meneruskan proses

6. Ketika proses selesai akan muncul konfirmasi , lihat dan atur penataan atau posisi gadget baru anda

CARA PEMASANGAN PELIHARAAN DIBLOGGER

1. Pertama login terlebih dahulu ke Blog anda tentunya
2. kemudian klik rancangan
3. lalu klik Tambah gadget
4. dan pilih gadget HTML/JavaScript
5. Masukan Kode Script Tadi
6. Lalu klik Simpan

Read more »

Pasang Bubbles Untuk Blog

Dikesempatan Kali ini Saya Akan Berbagi Tutorial Blogger Yang Saya Kreasikan Sendiri Untuk Sobat Coba Dan Yang Pasti Akan Membuat Nuansa Halaman Blog Sobat Akan Menjadi Lebih Indah Dengan Adanya Bubles (Gelembung) Yang Berterbangan Disekitar Area Blog. Tertarik?

Nah Buat Sobat Yang Tertarik Silahkan Ikuti Tutorial Dibawah!

1. Pertama Silahkan Sobat Login ke Akun Blogger.
2. Masuklah Ke Rancangan Lalu Pilih Elemen Laman.
3. Sekarang Sobat Tambahkan Gatget Baru Dan Pilih Yang HTML/Javascript.
   
   
   
   
   
4. Bila Sudah Silahkan Sobat Salin Semua Kode Dibawah Dan Taruh Pada Jendela HTML/Javascript Yang Sudah Terbuka Tadi.
   
   
   <script type='text/javascript'>
   //<![CDATA[
   var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
   var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
   var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES
   
   //FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!
   
   var floatimages=new Array();
   floatimages[0]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3NKhNAu38fgaMkloVbe7A-7ATt2Wfz7dapJKll-zoVU-dcBh-rZTmq8GK1zZdiKn5rqnHZrK1L534lMHKwjjPDPUF_tFcgddKUgZJKubAlg-aLHUc_l1AWrIZn81CNelyGh8UGoE1oGMX/s400/filiex-bubbles+1.png';
   floatimages[1]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVwqNmn7pPJ3I5MLp9PgbFCc21eEMqZOTQwfdugUxwXLfJ4RoYEDr6BuINFPgwj1qPLTFP5nr2RlqRR6I_kyo4ziVCgHQPXft1WjRrPzeXgMqa8QJahWytH0xIzrL0Hv4WbFrpyeBVDSm/s400/filiex-bubbles+3.png';
   floatimages[2]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLoVB2zOS3R4V6pAB5MYc_IJxfD92KgCGMqZnsPnpCaIaBZWU6WDceoT1L9iX-Twaf11SAFTyIAkOqz0QNuQAlwBXBFCcuQmIYsnZGYxzlVqF175xDg93l76p4d42X6U9p2gIY-vVRnZ0S/s400/filiex-bubbles+4.png';
   floatimages[3]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigsVOcrh-8_bF_FH3b6Yo_3c1sjFwSoHTmZ9PADpesiY4gQN9KkzZa3wpBXbjjxyIyszDK3ZlILMh33dctzPAby9c35wU12uz_6pRoa3mRiSqTMUSq6vTLWs8sKHVjPdT9U7rDxSYSOK4r/s400/filiex-bubbles+8.png';
   floatimages[4]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqR6oyKrd81b6zj-gKlNiCLo8n_Ge55u-Mte1Zo2Ko_nLS7O_dQfburAOEX2tddB0XSTyiGFPzGiot2c225IU9vs9xyt3qrPWm3vVjl8MIQNf9pQi5JftLtrYrdMhxYtBB3tZQ8zUDeIcu/s400/filiex-bubbles+7.png';
   
   
   //*********DO NOT EDIT BELOW***********
   var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
   var IE4 = (document.all)? true : false;
   var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
   var wind_w, wind_h, t='', IDs=new Array();
   for(i=0; i<floatimages.length; i++){
   t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
   t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
   t+=(NS4)? '</a></layer>':'</a></div>';
   }
   document.write(t);
   
   function moveimage(num){
   if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
   if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
   if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
   if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
   moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
   }
   
   function getnewprops(num){
   IDs[num].Ydir=Math.floor(Math.random()*2)>0;
   IDs[num].Xdir=Math.floor(Math.random()*2)>0;
   IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
   IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
   setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
   }
   
   function getscrollx(){
   if(NS4 || NS6)return window.pageXOffset;
   if(IE4)return document.body.scrollLeft;
   }
   
   function getscrolly(){
   if(NS4 || NS6)return window.pageYOffset;
   if(IE4)return document.body.scrollTop;
   }
   
   function getid(name){
   if(NS4)return document.layers[name];
   if(IE4)return document.all[name];
   if(NS6)return document.getElementById(name);
   }
   
   function moveidto(num,x,y){
   if(NS4)IDs[num].moveTo(x,y);
   if(IE4 || NS6){
   IDs[num].style.left=x+'px';
   IDs[num].style.top=y+'px';
   }}
   
   function getidleft(num){
   if(NS4)return IDs[num].left;
   if(IE4 || NS6)return parseInt(IDs[num].style.left);
   }
   
   function getidtop(num){
   if(NS4)return IDs[num].top;
   if(IE4 || NS6)return parseInt(IDs[num].style.top);
   }
   
   function moveidby(num,dx,dy){
   if(NS4)IDs[num].moveBy(dx, dy);
   if(IE4 || NS6){
   IDs[num].style.left=(getidleft(num)+dx)+'px';
   IDs[num].style.top=(getidtop(num)+dy)+'px';
   }}
   
   function getwindowwidth(){
   if(NS4 || NS6)return window.innerWidth;
   if(IE4)return document.body.clientWidth;
   }
   
   function getwindowheight(){
   if(NS4 || NS6)return window.innerHeight;
   if(IE4)return document.body.clientHeight;
   }
   
   function init(){
   wind_w=getwindowwidth();
   wind_h=getwindowheight();
   for(i=0; i<floatimages.length; i++){
   IDs[i]=getid('pic'+i);
   if(NS4){
   IDs[i].W=IDs[i].document.images["p"+i].width;
   IDs[i].H=IDs[i].document.images["p"+i].height;
   }
   if(NS6 || IE4){
   IDs[i].W=document.images["p"+i].width;
   IDs[i].H=document.images["p"+i].height;
   }
   getnewprops(i);
   moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
   if(NS4)IDs[i].visibility = "show";
   if(IE4 || NS6)IDs[i].style.visibility = "visible";
   startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
   }}
   
   function hidebutterfly(){
   for(i=0; i<floatimages.length; i++){
   if (IE4)
   eval("document.all.pic"+i+".style.visibility='hidden'")
   else if (NS6)
   document.getElementById("pic"+i).style.visibility='hidden'
   else if (NS4)
   eval("document.pic"+i+".visibility='hide'")
   clearInterval(startfly)
   }
   }
   
   if (NS4||NS6||IE4){
   window.onload=init;
   window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
   }
   
   //]]>
   </script>
   
   
   
5. Bila Langkah Diatas Sudah Selesai Silahkan Simpan.
6. Lihat Hasilnya!
7. Selesai

Read more »

Membuat Efek Terbakar Untuk Blogger

Pada postingan kali ini Saya akan kembali membagikan salah satu Tutorial Blogger yang sangat simple dan mudah namun Tutorial ini akan membuat halaman Blog akan menjadi heboh dan gerah.

Pasti Sobat Blogger sudah paham dengan Tutorial Blogger kali ini hanya dengan melihat Judul diatas dan langsung saja untuk cara membuatnya Sobat bisa simak dibawah ini.

1. Pertama silahkan Sobat Login Ke Akun Blogger.
2. Masuk Rancangan lalu pilih Edit HTML dan jangan lupa Centang Expand Template Widget.
3. Cari Kode </head> pada template Sobat dan Taruh Kode Dibawah ini Tepat diatas Kode </head> Tersebut.
<script src='http://filiex.googlecode.com/files/fireby-filiex.js' type='text/javascript'/>
4. Selanjutnya Simpan Template Sobat.
5. Terakhir Lihat Hasilnya.

Read more »

Cara Membuat Animasi 3D Popular Posts

Animasi 3D Popular Post adalah sebuah Widget untuk Blog yag menampilkan beberapa artikel atau postingan paling populer dengan tampilan Animasi 3D Cube dan yang pasti akan membuat Blog sobat semua lebih cerah dan menarik.

Berikut Cara Pembuatannya:

1. Login/Masuk Ke Akun Blogger Sobat.
2. Masukah pada Rancangan dan pilih yang Edit HTML.
3. Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
4. Carilah Kode </head> Pada Kode HTML Tempalte Sobat
5. Bila sudah ketemu silahkan Sobat Taruh Kode berikut tepat diatasnya.
   
   
   <style type="text/css">
   .cube { width: 250px; height: 250px;}
   a img { border: none; }
   #linksCube img { width: 100%; height: 100%; }
   </style>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript" src="http://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/imagecube.js"></script>
   <script type="text/javascript" charset="utf-8">
   $(function () {
   $('.popular-posts ul').abupopularcube();
   });
   </script>
   <script type="text/javascript" src="http://filiex.16mb.com/My%20Work/PopularPosts%20Cube/js/popularcube.js"></script>
   
   
   
6. Keterangan:
   
   
   • Kode Berwarna Biru adalah Kode untuk Menentukan Tinggi dan Lebar Animasi Gambar Popular Post Tersebut.
   
   
7. Selanjutnya Simpan Template.
8. Sekarang Silahkan Sobat Masuk Pada Rancangan dan Pilih Elemen Laman.
9. Klik Tambah Gadget Baru dan pada menu silahkan sobat pilih Gadget Popular Posts atau Entri Populer.
   
   
   
   
   
10. Selanjutnya Silahkan Sobat Atur Konfigurasi Widget Tersebut Dan Pastikan Thumbnail Gambar Sudah Tercentang.
    
    
    
    
    
11. Terakhir Simpan Widget Tersebut Dan Lihat Hasilnya.
12. Good Luck.

Read more »

Slide Out Boxes For Related Posts

Dikesempatan Posting artikel kali ini saya akan bagikan Tutorial Blogger yang sudah banyak sekali direquest oleh Sobat Filiex dan berhubung saya sekarang sudah tampil dengan template baru yang saya rasa kurang pas bila tetap menerapkan Slide Out Boxes For Related Posts tersebut, jadi lebih baik saya ikhlaskan sobat Blogger menggunakannya.

Silahkan Simak Tutorial Pemasangannya Berikut.

1. Login/Masuk Ke Akun Blogger Sobat.
2. Masukah pada Rancangan dan pilih yang Edit HTML.
3. Bila halaman Edit HTML sudah tampil jangan lupa centang Expand Template Widget.
4. Carilah Kode ]]></b:skin> pada HTML Template Sobat.
5. Copy semua Kode CSS berikut dan letakkan tepat diatas kode tersebut.
   
   
   .rp_list{font-family:Verdana,Helvetica,sans-serif; position:fixed; right:-210px; top:15px; margin:0; padding:0}
   span.rp_shuffle{background: linear-gradient(bottom, #00CCFF 17%, #2C2630 47%, #00CCFF 77%); background: -o-linear-gradient(bottom, #00CCFF 17%, #2C2630 47%, #00CCFF 77%); background: -moz-linear-gradient(bottom, #00CCFF 17%, #2C2630 47%, #00CCFF 77%); background: -webkit-linear-gradient(bottom, #00CCFF 17%, #2C2630 47%, #00CCFF 77%); background: -ms-linear-gradient(bottom, #00CCFF 17%, #2C2630 47%, #00CCFF 77%); width:60px; height:22px; display:block; margin-bottom:10px; cursor:pointer; padding:4px 0px 4px; padding-left:10px; border:5px solid #323232; -moz-border-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; color:#fff}
   .rp_list ul{margin:0; padding:0; list-style:none}
   .rp_list ul li{width:240px; margin-bottom:5px; display:none}
   .rp_list ul li div{display:block; line-height:15px; width:240px; height:80px; background:#333; border:1px solid #000; -moz-border-radius:5px 0px 0px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px}
   .rp_list ul li div img{width:70px; border:none; float:left; margin:4px 10px 0px 4px; border:1px solid #111; -moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000}
   span.rp_title{font-size:11px; color:#ddd; height:46px; margin:4px 0px 0px 20px; display:block; text-shadow:1px 1px 1px #000; padding-top:3px; background:#222; -moz-box-shadow:0px 0px 5px #000 inset; -webkit-box-shadow:0px 0px 5px #000 inset; box-shadow:0px 0px 5px #000 inset}
   span.rp_links{width:195px; height:8px; padding-top:2px; display:block; margin-left:42px}
   span.rp_links a{background:#222 url(http://filiex.16mb.com/My%20Work/SlideOutBoxes/images/title.png) repeat-x; padding:2px 18px; font-size:10px; color:#fff; text-decoration:none; line-height:1; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; box-shadow:0 1px 3px #000; text-shadow:0 -1px 1px #222; cursor:pointer; outline:none}
   span.rp_links a:hover{background-color:#000; color:#fff}
   
   
   
6. Kemudian Simpan Template.
7. Langkah berikutnya silahkan Sobat masuk pada Rancangan dan Pilih Elemen Laman.
8. Silahkan Klik Tambah Gedget dan pilih yang HTML/JavaScript.
9. lalu Masukkan Semua Kode Berikut.
   
   
   <div id="rp_list" class="rp_list">
   <span id="rp_shuffle" class="rp_shuffle">NEXT</span>
   <ul>
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUq9MRoDEOXAQD9Grje5aezQG0xujUkaO3eoSXq6xRoPQtjdxIF9OLbqJfu4n0AicFdmRRNlUh4hyy-fEbmpCLv_Skb6mrLZwC_SIJANlXNogv6PJWtDwU8wbrbDRL1jJjM9Tct4oLff37/s400/tomba2.png" alt=""/>
   <span class="rp_title">Tomba! 2 For PC Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://filiex.blogspot.com/2011/09/tomba-2-for-pc-portable.html">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXzZ_Ai_R4g4kJFk5B49OGXuANp9dyzotVGi2dNF0Rn5v9PFlH3reU0e9jcX6VGrFv051OcNuj3aXB5g1dPuGjM5UBL__NXBK94mX85ti44smhMzD67VcZpVy6Mc3yQkcFqZmkLMbQO1Di/s400/Pac-Man+World+Rally.png" alt=""/>
   <span class="rp_title">Pac-Man World Rally Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDW6">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkcWYTar5Qy2RgF1Lx63GVW7-vndPtnY3PkgSbloeqGGZ9DyMdRN1I6PCFK3Bqdth_ACjpOJQY29Jemop1faXiWO3KYPDB1sEXTM5oNykDExKjqlfCEQ2_HapQ81ZHLKig13EhkjW4pJw/s400/RON+ROL.png" alt=""/>
   <span class="rp_title">Rise Of Nations Rise Of Legends Full Ripped</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDXX">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPQGvskBwdOGwhYx78MqPwNFng5IWlnrfkk012aZNFS1_7biCKp_oAoYNxJ2PkbyRdemSOCEYnCKTn7AY6yLOGSJ0B4a2AQeBNh_XAytVeL2TK7T1bibG5p8XU72drdKhF4f5PHwZXHJq/s400/rise-of-nations.png" alt=""/>
   <span class="rp_title">Rise Of Nations Full Iso With CD Key</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDYu">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fKP93K2xm0R-BJCF0AWMSZC2KwYsSH2abIkmlFEmBx5qCEcBLo_7RuGzN6eabUfppN-YNBCZ5mTfq_DF2lEqhikxUwiAkItTsGibYzZwPsVuexxoQ3cfDEtz7pTuMZD5y2hsYabag_VE/s400/angry-birds-rio.png" alt=""/>
   <span class="rp_title">Angry Birds Rio Full Cracked</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDcJ">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyb5Dp9VAo5wF5PDu0hz6HiatM8qm6vpEmko6U8j1H-gqdZlfojsCghKu25TS0KCD-Trte-lZ5E1to5jsdZVLJQTtbQQjp8rTuositT8Ja3SMahYenfar8u32BC9UOjffOU58Gb8g5jjPN/s400/Samurai+II+Vengeance+2011.png" alt=""/>
   <span class="rp_title">Samurai II Vengeance 2011</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDdW">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimhxA0bqQgsNqBPB1obk9IPIg9IUEcQfE6nXnGQo0ZMhl4wr5RpAjWGMZHYA8zYx7_1Xn9qgWkN8phxw4YGQCVPBFEqOFr4HbdGZKPWcGwidu8i9BEXZc9myKxCM1m8mO7umd0Jd36PSm7/s400/my+live+story.png" alt=""/>
   <span class="rp_title">My Life Story Adventures</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDiT">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrTBB8jL7RMWBXopGi65JR8__h1iM0HvNYNNZRjUPg69Uzr-AMiJi6r46vEvfmthwc3tTk_ukUrNDkmiGL1VVa1oYPd52SeB0XRK91PNQMQVYP0z0EUxRnNbN9uTcgHKQG24x6udtZUGUl/s400/magic+farm+2+fairy+lands.png" alt=""/>
   <span class="rp_title">Magic Farm 2 Fairy Lands</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDZp">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmDucbrnsbVEUVoENlMZhnfQYOFSOXTPqSJ72qNIAf-ppAIN4nP51Nnqtse1PcByBvz0v4hEnvi2mtiz_U5nmgoTfS5hjYMoKFREhpuLA1_DxrfkhRy_v1Wv780yNpRwgRcHC_eOpzG_eP/s400/garden+dash.png" alt=""/>
   <span class="rp_title">Garden Dash</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2dDfb">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPUAHb-Dng5qiZt_UXAS6hd9Bb8WwpRpUD84dtWO-DscAzcsG9DeoUOwMQ7KevJu2GrRen6xg1JIqveOKL30vagv5wbw7Q7ieGkqOKbFBZ28zjCcCLiJkeOzOfZbShY81JVwg6-MKkg52/s400/Jet+Set+Go+Cover.png" alt=""/>
   <span class="rp_title">Jet Set Go 2011 PC Game</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbLm">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjQqRHy-6a7rAyopWBDplNrb1WAom8psMe1AvBzM-ZzC2ZNu66PLoFgl2QP_f96_a6xW5Rx77SxuK-wH3r-XypVfGKTyk4x1yhM4JVgF2-HoeO6gOzGFuGW0-uOJCDqsjWaTrHPZ-qNtEW/s400/GovernorOfPokercover.png" alt=""/>
   <span class="rp_title">Governor Of Poker Full Vertion</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbKp">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofTdgKukoGYOVB10qjrKOmIESEvMsz_v-H68GrnGTNHggcDX_n0rUJmXYg9segarJMBvSo0QOLe3xkxqyQPdV1NvjR199Tu9Kbp0XnEtwRJLvlJwmEjCojL7bZ7r8TqlnGyj2R4XUJqBC/s400/Crazy+Chicken+Action+Sky+Botz.png" alt=""/>
   <span class="rp_title">Crazy Chicken Action Sky Botz</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbJC">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaWKwmfFDdV52dFkdbcIBwUDomsPHP0Tpsgfc3Z4DhWx3rz0zDpa-LBzTi07wiKcpWLH87EWEqE7U4i8LtoMGFb6LrMzn5QmrHnCYbxD9v1NS4V6NWQeUgFmqnBeOXq7WwlaJPbJRtOzHQ/s400/Cartoon+Network+Fighter+PC+Game+cover.png" alt=""/>
   <span class="rp_title">Cartoon Network Fighter PC Game</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbHr">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-02Nl_UbOCsfRnYDjR1-43jRBIGd-JMwVj6NNAjpyhyphenhyphenMpoA0ZgZ4egbEoWVRTJhjYll4HREDExNjLXDcDIeprxsd4gme4qOmhwjUj6vn0rafBGH1g-gJx0lNh6WTw90fTIo4w-3ibjdso/s400/Need-for-Speed-Most-Wanted-BE.png" alt=""/>
   <span class="rp_title">Need For Speed Most Wanted Black Edition Full Ripped</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbDn">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ZAtXzag6VE-Bh8zZEuuLrGCRjeHH9nF-YSXcEvtD8rr_i9LxXwM6sxLGQYvYjDarq8lXEQSb65d1rUKHsb4RKyKWU-_P13V7L8RJpK-PdCHTTVUuK6lc8H0X4f-rzgZkU8m3iCiaz0Ry/s1600/NitroRacersCover.png" alt=""/>
   <span class="rp_title">Nitro Racers</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbBR">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx_a9nDwUfDu_GjjqWX4vFmGVZkUDbjQ6GNFTsY08EDu0YELdmaPBZ9Np4lKL3-LYnHAmZ7ddUiH4COgmDswCdCDtHsjF5Fd03pC2izxfo9bppCdcIL2vnkeWxoz1yNXcGc7EdpQ1Gpi56/s400/Bomberic+2.png" alt=""/>
   <span class="rp_title">Bomberic 2 PC Game</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2XbAM">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9NqqZcyxtdHta1U7vmgYNoqQBEGe2r2mMd5l48aliIcJ9J66hmaAXXzQjL2NRN9aaKfUzxL7yZGu4HcsYgcXhTH7UPXhPIcU8VsP2IAhqhHrM7gjtBqQXyG7mSVeVbKUIE6fJ9YTwhG4R/s400/Woody+Woodpecker+Racing.png" alt=""/>
   <span class="rp_title">Woody Woodpecker Racing portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2UFVE">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMW2fbCIS5GIGuiH7au36Ijxsruje07m4zB6P8QtRzRzxThVqKK8Ny1BrmzbGuQn9nl2Z9NFYpgvYaXcUPUuIM_wvdeyVYM2Nqo2Yj1BLwv_8hRdYMyDbTncp_WyynbtM3dkWfeI6iJOCG/s400/Extreme+Racers.png" alt=""/>
   <span class="rp_title">Extreme Racers</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2UFUY">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEgMrod5mz1a-SH-NX-CV9t3iKzblSa7QwDPZGyzEo6kl11niTtaA1H7g_EF0liJglUDgpWwUbEK9VuOxfmfe9l5vrMQ4lSqWqo_ulk-DBhfBBvEgSVQlv4XfyMPiqtSAdg5jGd4lhXY7/s400/Hotel+Dash+4+Cover.png" alt=""/>
   <span class="rp_title">Hotel Dash 4 Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2TfYW">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgje6yFi-mAoM5vX-PKCoeDWwm_sOmykROw0fxMEiyWxK677E9fLt5-SfN6QVafAeEfrX0cIw1ZSxzd98JNahH1zWLBE5ivtD8tX78zPlGA-X5tFkvRaJxiAwYcwPt3tw-NVAiOswws4zT0/s400/Crazy+Frog+Racer+2+Portable.png" alt=""/>
   <span class="rp_title">Crazy Frog Racer 2 Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2TEqV">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhl2gGLtkD6Ow8Dc2fcXYIIarp9hTQEypH0j5maoF7m0kbbi92orcG8866CYQ4g8PpxIgQXI3qrUDw1ge62rFdArcEi3Sw20vrUNlXLzHRuZio8cy6Nt7mXRRGtB84ngFsE__EIyh_4cVG/s400/Peter+Pan+Adventures+in+NeverLand.png" alt=""/>
   <span class="rp_title">Peter Pan Adventures In NeverLand</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2T3lY">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEYo5tcC7DjjSioHvRl0OmHXpPMgPOlVuAE2vcdhvqPoHAjewyGizzGfs0h1LmWRrwRpq3I5bIG4LKfbCU9P81VuvYtJ8zIizS5IK96E_2gvt4MK3PGolWZ6OAauGJ3vjZFQeHJ8z6h_wI/s400/Xtreme+Quads+Portable.png" alt=""/>
   <span class="rp_title">X-treme Quads Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2S0LI">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZZ4g_o9-bhE_wKwL1_sgiFzGRTHAyasXdF5bpTuIFYLhot2fv8OxW_e58lWCQArjge5Kd9ttJeQSsW6CXVu1fclwk9y0B_Odzj7SFBCf2OXYdbltNnwy3aw2SiPIDxCe4O4AeTEBUdMZk/s400/Chatterblox+Deluxe+s1.png" alt=""/>
   <span class="rp_title">Chatterblox Deluxe</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2S0Tb">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilq2tNnUkWWIfptX24zDTpvpV-sfZH-cBAJ5aOMJuGUVxjjvcR3LmYlKYF_WGow5P83fUmBFiH_QiTiNwECfx9xu0RmHUh4zReEyg134CnrHNdQs1JrEP-k8V5xty3GNYXpiSZIY-6Y0OP/s400/Dino+Crisis+2+Full+Crack.png" alt=""/>
   <span class="rp_title">Dino Crisis 2 Full Crack</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSCY">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1cNQsx8iWvn6jD-Tkt34js-t0HQKY6msQ-Vp4d68z5AwjK6eUVfg9ojkUynIcChzZVU1RS-jATRwQIY5tQ4VxpSGdUCNDp_crpNFpHxqYxTts-a4LMlQHt3PWPUZGT62W_yT1bqtUKMWi/s400/The+Legend+Of+Dragoon+For+PC.png" alt=""/>
   <span class="rp_title">The Legend Of Dragoon For PC</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSDF">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-gzgVcbL4bLfQy9hIsEqaZj-G5avgEs3NEj1suyXTq6Og1UheHTN8BN9MVSe_hEf-QPAXgXzony0QMA3CGTWykWkYX3iSsbW-ywUS0t0i4UJSRe1LyT2pmt4ylDkzNUp2OWGoQs0J6vyM/s400/Devil+May+Cry+3+Special+Edition+RIP+Full+Crack.png" alt=""/>
   <span class="rp_title">Devil May Cry 3 Special Edition RIP Full Crack</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSDp">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_JpGeH2zL85AkK8dtprZRMf9qUgFjnd7zr8v2mtBLdAExBmqWP7XfoN332piWB67wZa9YS5fwvWKUE9A2KW6rECoM9tq5KUbSzzdIjPtqyUIf7YEBcrtMK2ZbYkyKY6CzZOSEEwWwuNk/s400/spiderman_the+movie+4.png" alt=""/>
   <span class="rp_title">Spiderman The Movie Full Rip</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSEB">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xDkMfls32L9EDaiQHquNFAWiCcRgsNXIMcQ8pOksVjp4TO_yeDNuIbVkSJKI_p6FhV7NSwlTPn7hHQH9bR4BB7_YyW-hliRBt14N7wUz73EhRD1LDMVXqGyLpjol2MHfjv0R3iwFkHRe/s400/Need+For+Speed+UnderGround+1.png" alt=""/>
   <span class="rp_title">Need For Speed UnderGround 1 RIP</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSEo">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbNRqLq-_2con_igmmducHlIFqRuSWM1r61MVemdkrqLDdIxipJ5uVovoV-cdX0AZNb33E13fly3II1do09erEX9lWyixX28XactcbLK4fTQM0mPN_BmBUIfEw7hgAApptHLaszPvewW-J/s400/Sonic+Heroes+portable.png" alt=""/>
   <span class="rp_title">Sonic Heroes Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSFM">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNy0wJQ8AzzUX-6fpQgLA4jewOzekxwN1ag4Evfx8v0-yRv981uXmqLdrOL2DZZT3IpzVtAIlTcaljgGc44DmKnMvKrrW6QqznVdCYWG6hCqRd4QDab_-5JNNrDPV_yCV3ybUUb1y4w7h0/s400/crashwarped3+portable.png" alt=""/>
   <span class="rp_title">Crash Bandicoot 3 Warped Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSFo">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixVVR3gcFqGPBwI8ATt5V8qal3jWwjPB2SuYD82VmHGqz9U9UFn4xuLbPAsH5DlI96-VvIWZWFlidHr5S-209Nc9lC2lMPV8yHV-W4qM9aNzrYwxFZOglkjd1uTIV8QDb3j1V3EHq3jASk/s400/Moto+GP+3+Reloaded.png" alt=""/>
   <span class="rp_title">MotoGP 3 Reloaded Full Crack</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSGG">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqKqftxAKub412FChfvSSKzSw5kgU46e-bYPerNhR9uW8HrNh_a7c-MzJ5r5znyV3B5nQw00y-Q3gsEFUqbykQZU4qd2BhEtAjsfOubdAx2bW768heBTqpLTuhuU448kPtw6J59KYPGGEh/s400/Stronghold+3.png" alt=""/>
   <span class="rp_title">Stronghold 3 Full RIP Vertion</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSGd">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwjr-RYZwp0jlKU6aoYSU_0Kq0nrXj7m5py2yzWWMXIkmwdNoAmrXuMwCP4EFCnJ0m3YM5XT2FPkN12H25q6R-n4ZrmaESbr-v06O-1WDhS8exVbnNMk_aMURmodmbRYAU4xKO_lg-Ese/s400/Who+Wants+To+Be+A+Millionaire+Indonesia.png" alt=""/>
   <span class="rp_title">Who Wants To Be A Millionaire Indonesia</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSHl">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcXVzMW24Jvvd4q3nyj2fd_EOBcK_Ooe4nbJrcuTmfFEiUxDCDWlW6B7ZVLnhS1PH-j4SJeWZjTuLKkCQOG-tvgBD2pdWCgUb8FQtNaOUvEZ1bgitv8yGAu2x8_WWTJu2ezjmbe5ON6n7p/s400/frets.jpg" alt=""/>
   <span class="rp_title">Frets On Fire V1.3 Full Version</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSIA">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxRdmtJfNrDUayQ6t_zT-ZoMwKY8C43XqH1-R8YHOFXGbrTK1wbPeAmU2pOCHK2TKC4NMiZLrkNsdXbkqCuYV-dHmahYD7gyGnS1EmFfzjIVzVp-aook-44o_0eo_8CE7K5Qmbp4nppvlr/s400/Cooking+Dash+v5.png" alt=""/>
   <span class="rp_title">Cooking Dash v5.0 Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSIy">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3oGEp_zYyIr8cJeRSwv3Lyx6t6Pj9kzuR-zhwVdD8sJsiU6gzYTFBteCI2jFu0FbKBS7MMdxTUvDo3EPLO-VzNTrZ1KyLSk1IFpT3Z4wUUkymxmh8UvYz_pyIS3bQzhnr_ABErqnWNWOq/s400/spiderman+1+portable.png" alt=""/>
   <span class="rp_title">Spiderman 1 For PC Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSJa">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilfMEjmXvgKMnHfkGc2MpFGbhF2Q4kEbHqI5OOFHuczTmHgm8B5ZhGOEs5P_QeozRKwRcQA47ydQEjeHJfdKcuc8mfx123Axj5JQse0tLoK0CZWgiflLwc3pcwkl2foDHzrBs5mbRQB5mZ/s400/Power+Rangers+Super+Legends+Full+RIP+Vertion.png" alt=""/>
   <span class="rp_title">Power Rangers Super Legends Full RIP Vertion</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSKU">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg-AeOH20Oeb3SzTGckTUYNyuSoZf04lIpi-KKReP7Lsz3IL8yPuL7VMbDW_2gLvfeCnhcnMZsSU5eMRtisj16FtEzh3QOTDyLuD2cJ9DHKtVUlMAiCIY5t_KX8lQ7L9gdNMJU5Ek2OA2W/s400/Harvest+Moon+Back+To+Nature+For+PC+Portable.png" alt=""/>
   <span class="rp_title">Harvest Moon Back To Nature For PC Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSKt">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8pm-ghYf6oFMsl6f9aVipe3Y8eSMCxQKKUw_GYKgvtYEeAwv6lgVZ9VXNiO9tYgB6bxWOycXW4ZM5sIXfV7-YHeyAAH3bXL9AvnFcIES6l7rIKbsdvTPLviBc46yxsRdkx47o3wACF_Dx/s400/Megaman+X8+PC.png" alt=""/>
   <span class="rp_title">Megaman X8 PC Full RIP Vertion</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSLE">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlU1uLSA0bJ9Wq5WRY7rkI_FvP53jEgKH5ClPQZ7xyrOOh7n5Z7F0gZRvnXC1CCcwpTYRlVFVlupn-_NWbmqriWciOAvagqj7osgamOHFkDTe2gNUNmMW5EQeywER6M43XLXZ21nD_R4-K/s400/PEPSIMAN+Cover.png" alt=""/>
   <span class="rp_title">PEPSIMAN For PC Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSM0">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9CBNZDsX0rzBDS4TM98DUgxRF8Y2BRwJY8A3jwvwaMsCrYuiXqgxCyBP6uRsmkL8q4PtGWTVBLInQK5_DxHMd3BRYBAlTPSRxPx5_o28_nGrMGDlrv8izeuCLCAerNWTu6lRaOmAw0IH/s400/Resident+Evil+4+Cover.png" alt=""/>
   <span class="rp_title">Resident Evil 4 PC Full +Cheat</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSMd">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeLz2oCEloFbaXDjFp8slJ223-OMI8dgtaO3mBFoYkKgZt1Jpq245ef73U1M1eiivfkH5axqeVnqkfQ42L_HPWgD2CpI3NxtprTxZRDzOyR8ihA9yf-sn0obY6HjLxdINu-DFOWglWAV5F/s400/onimusha3+demon+siege.png" alt=""/>
   <span class="rp_title">Onimusha 3 Demon Siege For PC Full</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSN4">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXgERdN2US9XciPREFpE-4KZ8a0F-2R2S_2S0cKCbFEhKUfnozvrWjvDAcFz_m-qH_TTCXmutJXSzJRBfzM5JODKMiaH0zPrfNA5xSjKdw0RRnxTDRVsyOX1VxvEbricYEtKHc16pizvx/s400/Spiderman+2+portable.png" alt=""/>
   <span class="rp_title">Winamp V5.05 With Best Skin</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSNb">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Zm5F6I9l0xiq3b30DVh1wvINzVicgGqqZvL_BiyqfyEeVeYR6ZlcdJOjY6n_kDsRAjts2NpD5DOA8XrdvZBTqyas0UajTsd24KJ0BulCcyQLRvfcEolKgjxks23a1rwq3K9ePs2oTXyv/s400/Megaman+X5+For+PC+Full+Game.png" alt=""/>
   <span class="rp_title">Megaman X5 For PC Full Game</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSOK">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjklyE5Um-yKRf6HWlk5JyzZj9JU164Yy49Kpo85R0eHDvb-P2Xsx4FnPwYKmLPE1KZdAf-iMmOc1y38XcT0gBb5uih-LZZI5Y4rYAGLnOQ8O8XSDz3mFVsPl0i61YbHNVB4mCMtxNnqKGH/s400/Resident+Evil+3+Nemesis+Full+Install+%2526+Portable+cover.png" alt=""/>
   <span class="rp_title">Resident Evil 3 Nemesis Full Install & Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSfF">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7TZ8xPUHwBMEsuzzccLRPHkUNXcB1dSGXUZyf2a5iT-s6JAzdk6wezO3sNwWtGj_-fXQ-yUDWQ2ynpKnSixOlWQC0CgHZA16klEClyA3-KTKzkIjp8JUGogyjcR6DPZMykXw1O061MWmL/s400/Resudent+Evil+2+For+PC+Full+Game.png" alt=""/>
   <span class="rp_title">Resident Evil 2 For PC Full Game</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSPf">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Hv_2_lsy-0jcOGdUUDqQiCQxhmfjXglMZiSbSuHMMvyPQ6ZuY7tAME5eL_JrgGbcVXrfGjDU5ptB3ZAf6fWW8q8AO8XugO2Sy8MLgPrH7nmFYsEIV1_wNlyLSOQNDQYLLENemraWkB3a/s400/Street+Racing+Syndicate+cover.png" alt=""/>
   <span class="rp_title">Street Racing Syndicate RIP Vertion</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSQ6">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtdSy1lZ7VoWp0cwjTWWiy4XATnKy0pRdiJiJu7UuIO0iGeQecdNJBYQSJNRuqaRqgPruhAd0szprvfPudHN5aCGJMdIz2oSJWsAwu4sjowwN1mLDz2OAHl91ry4KjGCpdiPYRB03eLTTP/s400/Game+Megaman+X4+For+PC.png" alt=""/>
   <span class="rp_title">Game Megaman X4 For PC</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSQq">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3I64y0bNsfMM-XxsdSBidcPngXYWAuE-Y0SOgavuBdAukl3O6YZfgRAcZmCJdkAVg5zJqPm14116lLrvGTMBe8MBugvjLfgdmuwYCbK3RCvXam32LLhGTeLPiYf6tu5_EsDhZ_2_6a-Th/s400/Ice+Cream+Menu.png" alt=""/>
   <span class="rp_title">Ice Cream Craze Tycoon Takeover Portable</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSRu">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsvpOoBA3R3tGqYV0-JfMbvjFM71XJAlyaJGz000dEpvkZs93fHR_KupsTX5ZFthfI9p1jahFWEcMWqBmL-q1AfBH8UTe3-T6BpnMNl7_1NB5yKD1PNlpb4zc00s-jS26SU7oFbI3dOLu/s400/Worms+Ultimate+Mayhem+cover.png" alt=""/>
   <span class="rp_title">Worms Ultimate Mayhem Full Crack</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSSp">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   <li>
   <div>
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEkcJ2OiV5gBqrVEl9b_RsWuEuWJpfMFObaE1zG7diJFijtRXv61BF0wDGGzC2wR4bNvY5lcU271vkvDu1gkrWeDsQqRZl42J6Ieh3jway9aZCO_baltViSHBVl4HcL9TdQ8YJYrlPeQL/s400/wanted+guns.png" alt=""/>
   <span class="rp_title">Wanted Guns Gold Greed Gunfire</span>
   <span class="rp_links">
   <a target="_blank" href="http://adf.ly/2RSV7">Open</a>
   <a target="_blank" href="http://filiex.blogspot.com/search/label/Game%20Software">Label</a>
   </span>
   </div>
   </li>
   
   </ul>
   </div>
   
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
   <script>
   $(function() {
   /**
   * the list of posts
   */
   var $list = $('#rp_list ul');
   /**
   * number of related posts
   */
   var elems_cnt = $list.children().length;
   
   /**
   * show the first set of posts.
   * 200 is the initial left margin for the list elements
   */
   load(200);
   
   function load(initial){
   $list.find('li').hide().andSelf().find('div').css('margin-left',-initial+'px');
   var loaded = 0;
   //show 6 random posts from all the ones in the list.
   //Make sure not to repeat
   while(loaded < 6){
   var r = Math.floor(Math.random()*elems_cnt);
   var $elem = $list.find('li:nth-child('+ (r+1) +')');
   if($elem.is(':visible'))
   continue;
   else
   $elem.show();
   ++loaded;
   }
   //animate them
   var d = 200;
   $list.find('li:visible div').each(function(){
   $(this).stop().animate({
   'marginLeft':'-50px'
   },d += 100);
   });
   }
   
   /**
   * hovering over the list elements makes them slide out
   */
   $list.find('li:visible').live('mouseenter',function () {
   $(this).find('div').stop().animate({
   'marginLeft':'-220px'
   },200);
   }).live('mouseleave',function () {
   $(this).find('div').stop().animate({
   'marginLeft':'-50px'
   },200);
   });
   
   /**
   * when clicking the shuffle button,
   * show 6 random posts
   */
   $('#rp_shuffle').unbind('click')
   .bind('click',shuffle)
   .stop()
   .animate({'margin-left':'-49px'},700);
   
   function shuffle(){
   $list.find('li:visible div').stop().animate({
   'marginLeft':'60px'
   },200,function(){
   load(-60);
   });
   }
   });
   </script>
   
   
   
10. Keterangan:
    
    • Kode Warna Biru adalah Kode Link/URL Gambar Posts.
    • Kode Warna Hijau adalah Judul dari Posts.
    • Kode Warna Kuning adalah Nama Tombol serta Link/URL Posts tersebut.
    • Kode Warna Merah adalah Nama Tombol serta Link/URL Label Posts.
11. Simpan Gadget tersebut dan lihat hasilnya.

Read more »