Bikin Dan Maenin Quiz Parampaa Di Blogger/Blogspot

Hello Rekan² ^_^
Aga Kareba...???
Lama Juga Nich Aye Kagak Login² Di Forum "Kangen Mode On" ^_^
Coz Lagi Banyak Sesuatu Yang Tertunda Di Dunia Nyata Yang Harus Diselesaikan "Kaya Lagu Aja" ^_^

Ok. Buat Ngobatin Rasa Kangen Aye,
Aye Mo Coba Nulis Banyak Lagi Nich ^_^
'N Kali Ini Berjudul...
Bikin Dan Maenin Quiz Parampaa Di Blogger/Blogspot ^_^

YupzZz...!!!
Pastinya Aye Yakin Rekan² Di Sini Udah Pada Tau Sama Quiz Yang Satu Itu,
Dimana Tuch Quiz Berpotensi Menyebabkan Emosi 'N Frustrasi ^_^
Buat Rekan² Yang Belom Tau, Silahkan Cari Tau Disini ^_^
Eh Iya... Link Itu Juga Sekaligus Demo Buat Tulisan Banyak Aye Kali Ini ^_^

Nah... Setelah Tadi Udah Cari Tau 'N Liat Demonya,
Sekarang Mbak Yu Mbak Meri, Yuk Mari ^_^
Buat Rekan² Yang Pengen Coba Bikin Kaya Begono...
"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(http://lh6.googleusercontent.com/_tUJ_KrcRwpM/TbIrlHn3lEI/AAAAAAAAACI/vA6VnxWudec/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(http://lh5.googleusercontent.com/_tUJ_KrcRwpM/TbIrlD7awhI/AAAAAAAAACE/SDIQbVsd-hM/d/close.png);}
#sb-nav-next{background-image:url(http://lh5.googleusercontent.com/_tUJ_KrcRwpM/TbIrld8h1-I/AAAAAAAAACM/ig9oof-bJ_o/d/next.png);}
#sb-nav-previous{background-image:url(http://lh6.googleusercontent.com/_tUJ_KrcRwpM/TbIrl9U09YI/AAAAAAAAACU/-7T0AFR2wHM/d/previous.png);}
#sb-nav-play{background-image:url(http://lh3.googleusercontent.com/_tUJ_KrcRwpM/TbIrlqZWNPI/AAAAAAAAACQ/-WG8xn15LII/d/play.png);}
#sb-nav-pause{background-image:url(http://lh5.googleusercontent.com/_tUJ_KrcRwpM/TbIrk5XPHnI/AAAAAAAAACA/JvacTG_mWSo/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
Quiz Parampaa
Code:
<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP1.swf'><img src='http://2.bp.blogspot.com/-QreHtAXQsgY/TbIB0UEcuaI/AAAAAAAAAA0/ffkhDd0ZcnI/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
Quiz Parampaa 2
Code:
<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QP2.swf'><img src='http://1.bp.blogspot.com/-Ry_qoWPAmB8/TbIB1VRJ4CI/AAAAAAAAAA4/h-SRnk7dLVc/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
Quiz Parampaa Kita Semua
Code:
<center><a class="imageblur" rel='shadowbox;height=545;width=750' href='http://www.parampaa.net/QPX.swf'><img src='http://3.bp.blogspot.com/-uJiEn_E3w0U/TbIByeacR3I/AAAAAAAAAAw/Df-UPVkukXk/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='http://2.bp.blogspot.com/-QreHtAXQsgY/TbIB0UEcuaI/AAAAAAAAAA0/ffkhDd0ZcnI/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='http://1.bp.blogspot.com/-Ry_qoWPAmB8/TbIB1VRJ4CI/AAAAAAAAAA4/h-SRnk7dLVc/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='http://3.bp.blogspot.com/-uJiEn_E3w0U/TbIByeacR3I/AAAAAAAAAAw/Df-UPVkukXk/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,
assadotcom

Sumber assadotcom on Kaskus.

6 komentar:

Kemal mengatakan...

http://lh4.googleusercontent.com/_UgFfVxe3qeA/Tc_wUJ8AZHI/AAAAAAAACxQ/iUWCPJh71KY/icon_rolleyes.gif

Kemal mengatakan...

8-)

andhika44 mengatakan...

makasih mas bro

:surprise:

ole hendra mengatakan...

:music:

ole hendra mengatakan...

pengen yang ke 41

Anonim mengatakan...

:music:

Posting Komentar