- Back to Home »
- Tips&Trick »
- Cara Membuat Game Parampaa di Blog dengan CSS
Posted by Unknown
Monday, November 3, 2014
Selamat malam semua pengunjung
Bertemu lagi dengan saya yang ingin membagi sedikit trik CSS
yaitu CARA MEMBUAT GAME PARAMPAA DI BLOG DENGAN CSS
gk usah berlama-lama lagi langsung saja
- Login ke Blogger.com
- Pilih Blog anda
- Klik Template
- Klik Edit
- Cari Kode []]></b:skin>]
- Copas kode ini dibawah kode sebelumnya
7.Copas kode berikut di bawah kode yang pertama#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/AVvXsEhY7MsWdoEWdQC9qvo0Qhjy2ZIdpHzkiImEuj9P0QTbjj76W7oV59U-0UsaeKdZMWDeeGfsQLf-w3JKzgf3xVkkVVF59brzwHo8t0cykmveIRcGtIHpRxJvoCJZcAQfm-dU7vf6g_gkRsSN/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/AVvXsEj2HV0RnYJezFfKmSmaeXI42bjGGttbbmnaFAgtXLTtr2twLZ69AWTV58cDHOQjV1NPjDWrvHCY_gk0TTBusy6j9FVra6RNp07kfGeFnsZl_oudcG7OArYnOa3kn1VItmxhQ0Q8ziq5g2kl/d/close.png);}#sb-nav-next{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIs5UvVQBZxVLxVbbbIBZiFNmFvMMviZRTVCPGZ4M2YUredsxpdFyS2SSIUrXqmYFNTZqlmeeXUoQPmahpXrzBnfN9YT7x0P5RlRz6gKr8pLr6RSLhL0VwCCTdXoQiPxBCcYE1sGQBT5Lo/d/next.png);}#sb-nav-previous{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdAtTobMytTRVQYxgEzYMkIoWkVznvpHoILozfBXyBAnfHqDQEG8p6gQBu73eT12TFIjW2ot0tLSjW3NsxK5UEmu_Vw_EDOLN3wjSHwfELVCNH8dZQOhUJyivXAh55KuJn74tr_uhD2Dll/d/previous.png);}#sb-nav-play{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ouQeg0VFu0QxF7C8kKc-nrorQlaNY536HA5n9cx6HefwuRJES4rXR25-YN9fAn4GvH3Bh5ooRe8-PBACDGwW0KkG7Eyj0utU341NkpsYFyK5C8EqWaH5Br3gfo9RyniSDuZOv12bN4MA/d/play.png);}#sb-nav-pause{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpFSculZrUyiIUorTOfJWtg9fiDkjo4bmNpwPNaFu4lIN8mh2vGnHRFMD-CSW1f1hfyDsCeB_gImyZhBMw5C0T0zBYPHJ6fWclMotdhEKGmbV7yYOHD6TbA1Fu8X24IJixN5GHgqpBghM/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;}
<script type=
'text/javascript'
>
Shadowbox.init({modal:
true
});
</script>
8.Buat postingan blog apa aja dengan judul apa aja untuk buat gamenya
9.Masukkan kode ini untuk Quiz Parampaa 2
<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/AVvXsEjQKqdIJGcfRPeSQz6IHEBQZ3HMq_UgdEfjQiX50LRqpitA2-3PG2C1eEBrea1XXW923p3S-Q2hOhWelpFfgAzLQr1t4A5m-pQ9vry1E7K_M9oFIILyEGGRFGMSGlcg7KrwTNeIKzL3WYOV/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>Selamat Mencoba apabila ada kebingungan bisa kontak saya
Regards:Author