Bikin Dan Maenin Quiz Parampaa Di Blogger/Blogspot

Hello Sob

Postingan ane kali ini,........

Membuat Dan Main Quiz Parampaa Di Blogger/Blogspot ^_^



YupzZz...!!!

Pastinya Aye Yakin Sob Di Sini Udah Pada Tau Sama Quiz Yang Satu Itu,

Dimana Tuch Quiz Berpotensi Menyebabkan Emosi dan Frustrasi ,

Buat Agan Yang Belom Tau, Silahkan Cari Tau Disini ^_^

Eh Iya... Link Itu Juga Sekaligus Demo Buat Banyak Tulisan  AQ Kali Ini



Nah... Setelah Tadi Udah Cari Tau dan Liat Demonya,

BuatAgan Yang Pengen Coba Bikin Kaya begonjrong.

"Never Try, Never Know"



Sejujurnya Tulisan Banyak Kali Ini Terinspirasi Dari Demo Tulisan Banyak Aye Waktu Itu, Yaitu...

Bikin Web + Blog + Forum + FB + Twitter Update Games Baru Setiap Hari Secara Otomatis

Dimana Semua Games Yang Ada Di Blog Demo Itu Semuanya Dibuat Dengan Flash Dan Dapat Dimainkan Di Blogger/Blogspot.

So... Secara Kagak Langsung Coding Yang Dipake Gak Jauh Beda.



Cukup Basa Basi 'N Intronya, Mari Qta Mulai... ^_^



Pertama

Silahkan Login Ke Blogger/Blogspot Rekan² Terlebih Dahulu,



KeDua

Setelah Login, Masuk Ke Bagian Design Trus Edit HTML,



KeTiga

Cari Code

Code:

]]></b:skin>

KeEmpat

CoPas Code CSS Di Bawah Ini Di Atas Code Pada Langkah KeTiga Tadi

Code:

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmNGKQWKD7PiVEadgmuV6SMYE55VVKQMmSMMIUzcSMd4A-irU6cOi_hD9XrBcITXFRK8mNfKVq4GhlIJq6V4CCkp3Xm_BpErpZO0YJ3J3dVJ1er1fhTX6y-gUsyHxYgj7H5akWgR-m62bL/d/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpCcsvwDaw8xq12PVVhtFBRuoSwKKKKTgmHsiWiwODMpZN8MbJ4Maz4-3n6b1v1erHXakXF4P0yAAF23p_eMPrmWBit_AKTFbgDBA5jCZM3MI14sLijn8kQur4bz89oI4Df8JZhIaO2QnB/d/close.png);}
#sb-nav-next{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW9Usu1MyrmqtjZvAYasrufMrBaZoVSkcwbay2oiDz3p-VGoxcaNBM6MBffdPv5iPbR3mtW5s1vaTUUmD0u-tgV2CxXwUOWghAgM3tdbHMQLoAmVm9sUpAY-8Qqjs64rlqFERD6tVQBCl1/d/next.png);}
#sb-nav-previous{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp6BnRgZ9znzsvnYR6JSh5MK1lBBs2qK1FCz3c87MUqHMnNXBZF2ro8INgkVnNZ2GE103ES7cliN4Jb2ejQEMXKszUSLyLPszlqKtAxsEufGDewjeFDSIlF7OfRypNhbHGHfW8tStkSWST/d/previous.png);}
#sb-nav-play{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjouvy7JFRO33hQ-DNyNanI9xEur12EIAig47mhtdnJHXT4x1umQn0o_ofRMG83INNjh62mcAO-J7-6kk2QdiQEAXHD78BISz8s8GBOTiAMkK7OHOJLEbOKUlKpaXsBd5ugS2YbWxDPqpjJ/d/play.png);}
#sb-nav-pause{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1PBi1mvWKDkervHsnhRp-iqBXZ07GQVicHeceJyZmV07rjYlC6fWudEnE0qae-UvjBAGP-7-uU1QzRsRmzE8cRQ1AlTecFzsurhJ62GzGREXBXT7l-mc291Qam1T8ybZDlJUhnXMlxOA/d/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

KeLima

CoPas Code JavaScript Di Bawah Ini Di Bawah Code Pada Langkah KeTiga Tadi

Code:

<script src='http://assadc0de.googlecode.com/files/shadowbox.js' type='text/javascript'></script>
<script type='text/javascript' src='http://assadc0de.googlecode.com/files/swfobject.js'></script>
<script type='text/javascript'>
Shadowbox.init({modal:true});
</script>

KeEnam

Save Template



Ok. CSS + JavaScript Untuk Bikin Games Flash Bisa Dimaenin Di Blogger/Blogspot Udah Siap,

Selanjutnya Tinggal Pemasangan Gamesnya.



Lanjut...



KeTu7uh

Bikin Satu Postingan Or Halaman Baru Di Blogger/Blogspot,

Terserah Judulnya Apa Aja.



KeDelapan

CoPas Code Di Bawah Ini Untuk...



Quiz Parampaa

Code:

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP1.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EGPWPR4VlNspE0T4YhlTcd3wfGhzyiigXF95osp3qKLbVKq1wzid61dXzCNUYQ1Ey1PIpUbVKnu6TF9I03sa8AG4UQfH-WHZ4JMG9KlaOAx8pz8nDWwApC7i-bVJ6cp3DGc1fxPWZPfn/s1600/Quiz+Parampaa.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Quiz yang absurd dan cukup menantang.
Ini adalah versi awal yang cuma berisi 100 pertanyaan mudah.</span></center>

Quiz Parampaa 2

Code:

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP2.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhturuU2zJjywtONec-U0xT8SzYyywhEJudZ1er1OZSIngDjB1kc2GL2T3sgW42TQtMhsj2FLaNlV7e7NzDRYmEdQFqZby1edToVB9eQARW9oomKe9lbEtd7uzP1drxwKA5A_dJxGJoWYf3/s1600/Quiz+Parampaa+2.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Jika kamu merasa kurang tertantang dengan Quiz 1,
coba cicipi sequelnya yang sedikit lebih susah.</span></center>

Quiz Parampaa Kita Semua

Code:

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QPX.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzN0PlE5g6rHvZRvU1YegsA72WtgzC4WV9kAKdjWeny8Z9MRs_xpq5f-VAf1zqgU0EmVda5mkGfCboRouUG_AwhZBFMTo2AgbA75cbeq91Rs2spvtyS_TDrCo2OfSlhrKGVUSlUBC_WY3a/s1600/Quiz+Parampaa+Kita+Semua.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Quiz dengan soal-soal yang dikirim oleh kawan-kawan Parampaa.
Kamu juga bisa ikut serta!!</span></center>

Or Rekan Pengen Pasang Sekaligus Tiga²nya Kaya Di Demo Tadi,

(Quiz Parampaa, Quiz Parampaa 2 Dan Quiz Parampaa Kita Semua)

Code:

<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP1.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5EGPWPR4VlNspE0T4YhlTcd3wfGhzyiigXF95osp3qKLbVKq1wzid61dXzCNUYQ1Ey1PIpUbVKnu6TF9I03sa8AG4UQfH-WHZ4JMG9KlaOAx8pz8nDWwApC7i-bVJ6cp3DGc1fxPWZPfn/s1600/Quiz+Parampaa.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Quiz yang absurd dan cukup menantang.
Ini adalah versi awal yang cuma berisi 100 pertanyaan mudah.</span>

<a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP2.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhturuU2zJjywtONec-U0xT8SzYyywhEJudZ1er1OZSIngDjB1kc2GL2T3sgW42TQtMhsj2FLaNlV7e7NzDRYmEdQFqZby1edToVB9eQARW9oomKe9lbEtd7uzP1drxwKA5A_dJxGJoWYf3/s1600/Quiz+Parampaa+2.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Jika kamu merasa kurang tertantang dengan Quiz 1,
coba cicipi sequelnya yang sedikit lebih susah.</span>

<a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QPX.swf'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzN0PlE5g6rHvZRvU1YegsA72WtgzC4WV9kAKdjWeny8Z9MRs_xpq5f-VAf1zqgU0EmVda5mkGfCboRouUG_AwhZBFMTo2AgbA75cbeq91Rs2spvtyS_TDrCo2OfSlhrKGVUSlUBC_WY3a/s1600/Quiz+Parampaa+Kita+Semua.png'/></a>
<span font-size:smaller; margin-top:20px; clear:both;'>Quiz dengan soal-soal yang dikirim oleh kawan-kawan Parampaa.
Kamu juga bisa ikut serta!!</span></center>

KeSembilan

Publish Post



KeSepuluh

Tinggal Maenin Dech Quiz Parampaa-Nya ^_^



BTW, Kalo Ada Yang Punya Clue (Bukan Jawaban) Quiz Parampaa Kita Semua Jangan Lupa Dishare Ya ^_^

Coz Kalo Yang Quiz Parampaa 'N Quiz Parampaa 2 Aye Udah Tamat ^_^



S'moga Berkenan 'N Bermanfaat



Regard,

parampaatrick



Sumber parampaatrick on Kaskus.