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 »

Cara Pasang Sassy Sharing Slider Untuk Blog

Sassy Sharing Slider adalah sebuah Widget Blog dimana Sobat dapat mempublikasikan suatu posting blog ke media sosial seperti Facebook, Twitter, Google plus dan kawan kawan. Selain Sebagai Alat untuk berbagi post, Sassy Sharing Slider juga dapat mempercantik tampilan Blog Sobat dengan Style icon Slide yang sangat menarik dan mengesankan.

untuk Demo Sassy Sharing Slider Sobat Bisa Lihat di bagian bawah kiri Blog saya ini.

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 </body> Pada Kode HTML Tempalte Sobat
5. Bila sudah ketemu silahkan Sobat Taruh Kode berikut tepat diatasnya.
   
   
   <!-- Start Sassy Sharing Slider HTML (filiex.com) -->
   <div class="shr_ss shr_publisher">
   </div>
   <!-- End Shareaholic Sassy Bookmarks HTML (filiex.com) -->
   <!-- Start Sassy Sharing Slider settings -->
   <script type="text/javascript">
   var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
   </script>
   <!-- End Sassy Sharing Slider settings -->
   <!-- Start Sassy Sharing Slider script -->
   <script type="text/javascript">
   (function() {
   var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
   sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
   var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
   })();
   </script>
   <!-- End Sassy Sharing Slider script -->
   
   
   
6. Selanjutnya Simpan Template dan lihat hasilnya.
7. Good Luck & Enjoy Blogger.

Read more »

Mengganti Background Dengan Image

Hal yang pertama tentu saja sobat harus mempunyai file image. Image ini bisa berbentuk imaage biasa, photo, bahkan animasi pun bisa. hal yang kedua adalah menguploadnya ke situs untuk menyimpan gambar, saya anggap sobat sudah bisa melakukannya karena sudah saya bahas pada postingan terdahulu, atau masih bingung? kalau iya, coba baca kembali di sini !

Untuk ukuran gambar, sobat tidak usah membuatnya dalam bentuk yang sangat besar, karena walaupun ukuran asli dari image (gambar) adalah kecil, nanti akan di tampilkan dalam jumlah yang sangat banyak hingga memenuhi layar monitor, contoh saya sudah menguload sebuah gambar dengan ukuran yang kecil saja, gambarnya seperti ini (ukuran gambar dalam ukuran aslinya) :

alamat gambarnya adalah

http://amen24.googlepages.com/pattern_096.gif

gambarnya seperti ini :



gambarnya sangat kecil bukan? tapi gambar tersebut akan tampil memenuhi layar karena akan di tampilkan dalam jumlah yang sangat banyak.

Untuk cara instalasinya, silahkan ikuti langkah-langkah berikut !

Untuk template minima klasik :

1. Sign in

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data

5. Tambahkan kode berikut pada style sheet css sobat (yang warna merah adalah kode yang harus di tambahkan) :

body {
background:#fff url('http://amen24.googlepages.com/pattern_096.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Klik tombol Pratinjau untuk melihat perubahan

7. Jika sudah OK, klik tombol Simpan Perubahan Template

8. Selesai.

Kode warna background sengaja tidak saya hilangkan, ini di maksudkan agar apabila background image yang kita pakai gagal di loading oleh komputer pengunjung blog, maka yang bekerja duluan warna background.

Read more »

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog  -  Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor ini di blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

                URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

               

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

4.    Copy kode CSS dibawah ini dan letakkan tepat diatas kode </head> .

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/ .

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

Read more »

Bloger

Kalau kita coba klik keyword di google, banyak sekali yang muncul dan di situ juga banyak sekali yang menerangkan tentang tips dan trik untuk mempercantik blog. Yah memang yang namanya cantik itu enak di pandang, enak dilihat, dan yang paling penting pula mudah untuk di load..iya g?..ya percuma khan cantik bagius tapi g bisa di buka heee…

Nah tapi untuk ynag satu ini..mempercantik ato mungkin ngutak-utik..itu kalo di wordpress/ yang pake wordpress yang gratisan kayak yang temen2 baca sekarang ini memang agak sulit yaw..tapi ngomong2 bagaimana pendapat temen2 tentang blog ini ..cantik g? hehe..yah intinya masing 2 ada kelebihan dan kekurangannya. Memang masalahnya klo pake yang gratisan kayak gini mw..ngutak-utik thema g bisa ,mw pasang javasript ( yang terkenal sebagai alat mempercantik ) juga g bisa …tapi sebenernya ada solusinya kita bisa gunakan hostingan gratis..blog saya yang menggunakan hostingan gratis bisa lihat disini

Tapi beda induk beda anaknya..kalau yang pake blogspot/blogger..yah enak mw ngapain saja bisa..nah ni sy ada tips dan banyak sekali..ini adalah tips dari temen kita yang amat hebat di http://trik-tips.blogspot.com, namanya mas mrdjon sy akui dia hebat banged..banyak sekali tutorial2 yang terpisah2 di blog2 lain, tapi ini yang paling komplit. jadi sy ambil saja tapi ini langsung ngelink ke halaman mas kendhin yah ini menurut saya lebih baik daripada saya copy paste punya mas kendhin trus mengatakan artikel saya..ngomong2 saya juga punya blog di blogspot mw buka disini atau disini

Read more »