Home » , , » Slide Out Boxes For Related Posts

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="http://4.bp.blogspot.com/-RUNQNBSZ8LY/TwFXdqMi2TI/AAAAAAAACrM/pfIgKvy73pI/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="http://1.bp.blogspot.com/-MSGiT5Z9aWA/TwFYku0bvDI/AAAAAAAACrY/GctXODfhBYI/s400/Pac-Man%2BWorld%2BRally.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="http://3.bp.blogspot.com/-Ko4Glal55T8/TwFZbZa2HYI/AAAAAAAACrk/xXN8gQdvWos/s400/RON%2BROL.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="http://2.bp.blogspot.com/-vxLaj0YjPdQ/TwFbheV98rI/AAAAAAAACr8/MNzOaSdSo-A/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="http://1.bp.blogspot.com/-p4ReAZj1PnE/TwFaXazMNiI/AAAAAAAACrw/9FXMlUjNpBQ/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="http://4.bp.blogspot.com/-uAJdl2_iPMU/TwFcQJBUFLI/AAAAAAAACsI/YnIUXpd1Pjk/s400/Samurai%2BII%2BVengeance%2B2011.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="http://4.bp.blogspot.com/-9zWm6wrj5Zo/TwFc9VCfPWI/AAAAAAAACsU/w6GdZDCjexY/s400/my%2Blive%2Bstory.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="http://2.bp.blogspot.com/-CQzdAH9ULsY/TwFd3xBzwEI/AAAAAAAACsg/ABgN2OS4GNc/s400/magic%2Bfarm%2B2%2Bfairy%2Blands.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="http://2.bp.blogspot.com/-ugQEZ6Pbp5k/TwFesrswF8I/AAAAAAAACss/HoVn7dcmmiw/s400/garden%2Bdash.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="http://3.bp.blogspot.com/-2b0rslCAvdI/TwFfhc6KpDI/AAAAAAAACs4/xx1_bgKMNGs/s400/Jet%2BSet%2BGo%2BCover.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="http://1.bp.blogspot.com/-nJqyPKMOMjE/TwFf38-eM3I/AAAAAAAACtE/5NU8b-Nb_rY/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="http://2.bp.blogspot.com/-MDpUOjKYThY/TwFglNdiUZI/AAAAAAAACtQ/0drO46dfkqE/s400/Crazy%2BChicken%2BAction%2BSky%2BBotz.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="http://2.bp.blogspot.com/-IpmKWSx2lQU/TwFhLKDiHgI/AAAAAAAACtc/G1cGLRYPndM/s400/Cartoon%2BNetwork%2BFighter%2BPC%2BGame%2Bcover.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="http://2.bp.blogspot.com/-o84ob5p9k5c/TwFs5lRE4nI/AAAAAAAACwk/auUgvJJIg30/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="http://1.bp.blogspot.com/-qTcBUMaZsuI/TwHrZxWC05I/AAAAAAAAC1A/pPGZrPW7gF8/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="http://3.bp.blogspot.com/-BJJnmBR_n54/TwFsMHBjfUI/AAAAAAAACto/9kZ4XpxM_Jo/s400/Bomberic%2B2.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="http://2.bp.blogspot.com/-frMnPNBXWZc/TwFtlNVy-XI/AAAAAAAACzw/Quic9flQt_4/s400/Woody%2BWoodpecker%2BRacing.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="http://1.bp.blogspot.com/-8198-uAuRX4/TwFsdexE5II/AAAAAAAACu8/7DHRE04VbzU/s400/Extreme%2BRacers.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="http://4.bp.blogspot.com/--a2FxrG2948/TwFsqu7mWWI/AAAAAAAACvg/uaD0u0UeF5E/s400/Hotel%2BDash%2B4%2BCover.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="http://1.bp.blogspot.com/-IjqCMvdAXDA/TwFsNEDdEHI/AAAAAAAACuY/Sj4DCaJvgw8/s400/Crazy%2BFrog%2BRacer%2B2%2BPortable.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="http://4.bp.blogspot.com/-KA5Db5DyhV8/TwFs6FHoaRI/AAAAAAAACxI/Jc0cAHRzzbE/s400/Peter%2BPan%2BAdventures%2Bin%2BNeverLand.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="http://4.bp.blogspot.com/-zOttZx2SV70/TwIBTqPJ34I/AAAAAAAAC1Y/zg8oDleTZCs/s400/Xtreme%2BQuads%2BPortable.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="http://1.bp.blogspot.com/-621QMMcsHRU/TwFsMQTkNaI/AAAAAAAACt4/OmVXBAru6Dw/s400/Chatterblox%2BDeluxe%2Bs1.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="http://2.bp.blogspot.com/-rWxk7U_NsyA/TwFsdK0GYBI/AAAAAAAACus/Izb3jeWKzO4/s400/Dino%2BCrisis%2B2%2BFull%2BCrack.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="http://3.bp.blogspot.com/-jaZGMKQhAyA/TwFtknEhkjI/AAAAAAAACzY/GH8dldW4pRQ/s400/The%2BLegend%2BOf%2BDragoon%2BFor%2BPC.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="http://4.bp.blogspot.com/-zxBQzrnC_tQ/TwFsdGx0HVI/AAAAAAAACuk/gsa3lNDKc7I/s400/Devil%2BMay%2BCry%2B3%2BSpecial%2BEdition%2BRIP%2BFull%2BCrack.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="http://2.bp.blogspot.com/-scx7UIVFmiA/TwFtZ9X3kAI/AAAAAAAACy4/dmezEwjIeVI/s400/spiderman_the%2Bmovie%2B4.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="http://4.bp.blogspot.com/-qDF-Por9-jU/TwFs5RX3j6I/AAAAAAAACwc/40iMhLL7oR4/s400/Need%2BFor%2BSpeed%2BUnderGround%2B1.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="http://2.bp.blogspot.com/--0WadyaTDgA/TwFtZWLZUXI/AAAAAAAACyU/JRARi2CPavk/s400/Sonic%2BHeroes%2Bportable.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="http://4.bp.blogspot.com/-IOCLHMa2C7A/TwFsM5FBSoI/AAAAAAAACuI/JBJYBAyiHSA/s400/crashwarped3%2Bportable.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="http://2.bp.blogspot.com/-6hXiQA2OWw4/TwFsrVoBA5I/AAAAAAAACwQ/qBZpPjGKfl4/s400/Moto%2BGP%2B3%2BReloaded.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="http://1.bp.blogspot.com/-q1NWBtQnOto/TwFtkklfRfI/AAAAAAAACzQ/tgU2EeAI0k4/s400/Stronghold%2B3.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="http://1.bp.blogspot.com/-eBPGIuCsrwg/TwFtk_kuZdI/AAAAAAAACzo/6xZ7ta4vIus/s400/Who%2BWants%2BTo%2BBe%2BA%2BMillionaire%2BIndonesia.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="http://2.bp.blogspot.com/-xh3Qgh_CwgY/TwH27MKitbI/AAAAAAAAC1M/NKtWOIetrOc/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="http://3.bp.blogspot.com/-EHRP62fdLds/TwFsMzwcfGI/AAAAAAAACuA/UsG8dG1YCtg/s400/Cooking%2BDash%2Bv5.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="http://1.bp.blogspot.com/-mQy45VWdm2Q/TwFtZnRP9lI/AAAAAAAACyg/b4Df6JyRgBc/s400/spiderman%2B1%2Bportable.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="http://4.bp.blogspot.com/-FdSyzghO79s/TwFtLGHI8II/AAAAAAAACxY/hRqjj0etQYA/s400/Power%2BRangers%2BSuper%2BLegends%2BFull%2BRIP%2BVertion.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="http://3.bp.blogspot.com/-tJPPWvBFlQk/TwFsd8M0qWI/AAAAAAAACvY/UmKNh_HwgDo/s400/Harvest%2BMoon%2BBack%2BTo%2BNature%2BFor%2BPC%2BPortable.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="http://3.bp.blogspot.com/-DccX3wCp2M8/TwFsrBc75hI/AAAAAAAACwE/OIfIbfp4zBs/s400/Megaman%2BX8%2BPC.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="http://1.bp.blogspot.com/-ftLyRemwM9E/TwFs5n7voPI/AAAAAAAACxA/G9gev9HC8HQ/s400/PEPSIMAN%2BCover.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="http://4.bp.blogspot.com/-g0Q_0gx4LAE/TwFtLZAbfqI/AAAAAAAACxw/hpdY0Dg0h_M/s400/Resident%2BEvil%2B4%2BCover.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="http://1.bp.blogspot.com/-VQVHzwhFzTI/TwFs5qArT6I/AAAAAAAACws/qcNA-wUd0KU/s400/onimusha3%2Bdemon%2Bsiege.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="http://4.bp.blogspot.com/-JPSx2IRzOCY/TwFtZtKOJ_I/AAAAAAAACys/d1Rs5aK9_yQ/s400/Spiderman%2B2%2Bportable.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="http://2.bp.blogspot.com/-XpMBeUidHFw/TwFsq8-jYOI/AAAAAAAACv0/ukCtDCGzZzc/s400/Megaman%2BX5%2BFor%2BPC%2BFull%2BGame.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="http://1.bp.blogspot.com/-ZMii-xoNywQ/TwFtLSzU4yI/AAAAAAAACxg/H1B7F5bOJcA/s400/Resident%2BEvil%2B3%2BNemesis%2BFull%2BInstall%2B%2526%2BPortable%2Bcover.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="http://1.bp.blogspot.com/-iIlcpLMrtiU/TwFtL6kacVI/AAAAAAAACyE/bXdkopkXxb4/s400/Resudent%2BEvil%2B2%2BFor%2BPC%2BFull%2BGame.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="http://2.bp.blogspot.com/-r2ZEoyTUZog/TwFtaAJ61MI/AAAAAAAACzE/vjqqVuEoG60/s400/Street%2BRacing%2BSyndicate%2Bcover.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="http://3.bp.blogspot.com/--TA9rsl8Sss/TwFsdtb1JSI/AAAAAAAACvE/wRyEqnNxKkQ/s400/Game%2BMegaman%2BX4%2BFor%2BPC.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="http://2.bp.blogspot.com/-3AEbgZi6ei8/TwFsqkR8xoI/AAAAAAAACvo/S94BCJfjbKc/s400/Ice%2BCream%2BMenu.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="http://3.bp.blogspot.com/-vs0nuVWSQt0/TwFtlCGjw3I/AAAAAAAAC0A/pK1ghOTjuI8/s400/Worms%2BUltimate%2BMayhem%2Bcover.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="http://3.bp.blogspot.com/-NeuSSnF7alg/TwVMcCZ7dxI/AAAAAAAAC4w/u0kVljsJ9w8/s400/wanted%2Bguns.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.

Selamat Mencoba dan Semoga Berhasil Serta Bermanfaat
filiex Artikel Oleh Filiex Boy dari filiex.blogspot.com, yang telah
Diterbitkan di 1:40 AM
Label: , ,
Jangan lupa berlangganan via RSS feed untuk artikel terbaru
Share this article :
Unduh Adobe Flash player

Post a Comment