Tales Of Zestiria PC Games

Tales of Zestiria mengambil setting sebuah benua fiksi bernama Greenwood. Greenwood terpisahkan oleh dua negara yang masuh bertikai, Highland Kingdom, yang diperintah oleh sebuah kerajaan berbasis konstitusi, dan Laurence Empire. Di sepanjang Greenwood, dikenal kotoran yang dipicu oleh emosi negatif manusia, yang berujung pada terciptanya monster bernama Hyoma, yang kini menjadi ancaman manusia.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Senin, 30 Januari 2012

Costume CSS3 V2 Blogger templates

Costume CSS3 V2

Apa kabar sobat?Kali ini saya mau share blogger template lagi nih.karena lagi banyak permintaan yang mau template yang sedang pakai,dan inilah awal dari blog saya.ok nih template costume css3 v2 dari template sebelumnya costume css3 yang sudah pernah saya share juga.
tapi tema'a saya buat akatsuki deidara pula.template ini sudah banyak diperbaiki dari template sebelumnya karena masih ada kekurangan.beberapa saya ganti efek" css3'a dan tambahan pagenavi melayang serta efek animasi tombol readmore yang mirip dengan blog saya.
-Home page-
 -Post page-




bila sobat mau mengganti gambar'a,sobat tinggal cari kode html dibawah ini..

<li><div class='kotak16animasi'>
<div><a href='http://djogzs.blogspot.com/'><img alt='djogzs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2qRFsGZ0kptj7RXB4X8VTLrv4B879c_0yGiVyBvrBjV1cXHCmE8eBeCTmk3y3S54mqD2quolLa4UGoKURMr-2LeeuXJ5AtvOCp-Lu3n0VrL4u8TAZEIKF-S81g1YplLYOqeuvC4cM1tvg/s1600/Untitled-1.jpg'/></a></div><div>Welcome ^_^</div>
</div></li>
Keterangan:
pada text yang bewarna merah : alamat link
pada text yang bewarna biru    : Ganti dengan Url gambar kamu  (857 x 303) (ukuran bisa diubah)
pada text yang bewarna ungu   : ganti pesan kamu
#note:kamu akan menemukam kode html yang sama dengan yang diatas,yang pertama untuk gambar depan halaman depan,dan satu lagi halaman posting.jadi inti'a kamu bisa menggunakan 2 gambar yang berbeda untuk halaman depan dan halaman posting.
Untuk menambah link pada menu,buka blogger =>rancagan => klik edit seperti pada gambar,lalu masukan url link dan nama link'a.

Arigatou gozaimasu,ada yang tidak dimengerti,tanyakan saja~



Jumat, 27 Januari 2012

Animasi Dengan Jquery Firefly Plugin

Animasi Dengan Jquery Firefly Plugin
hai sobat,kali ini saya mau sharing cara memasang Jquery Firefly.Jquery Firefly,memungkinkan untuk menampilkan animasi pada background blog/webkita berputar" seperti nyamuk~xDD.contohnya bisa dilihat seperti blog saya sendiri,bila sobat perhatikan,ada bintang" yang bergerak mengelilingi blog saya.sebelum mencoba jquety ini,jaya ingatkan dahulu untuk membackup template kamu.

Contoh Screenshot



Ok,pertama buka blogger => rancangan => edit HTMl,lalu masukan script" dibawah ini, diatas kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/djogzs/js/less-1.1.3.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/djogzs/js/jquery-firefly.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$.firefly({
/*images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/s1600/stggar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/s1600/stggar.png&#39;],*/
images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/s1600/stggar.png&#39;],
total : 65
});
});
</script>


Setelah itu simpan dan lihat hasilnya.
Note:Jika Ditemplate kamu sudah ada jquery,ada kemungkinan animasi'a tidak akan muncul karena bentrok atau ada jquery yang sama
oia,animasinya yang sekarang masih dipakai adalah gambar bintang.Ada yang kecil dan juga ada yang besar (ada2 jenis)kamu bisa menggantinya dengan gambar kamu dan jumlah'a juga bisa kamu atur.tapi untuk gambar'a saya sarankan gunakan gambar yang ukuran/size'a yang kecil,agar tidak trlalu berat.selamat mencoba,Arigatou gozaimasu~


Selasa, 24 Januari 2012

Trik membuat page navigasi melayang

Trik membuat page navigasi melayang


Sekedar mau berbagi trik lagi,kali ini saya mau sharing cara membuat pagenavigasi seperti di blog saya.trik ini memungkinkan menu "posting lama,posting baru" melayang dan berada dibawah,yang bisa dibilang mirip taskbar.
Oia,sabelumnya mau saya ingatkan,trik ini tidak semua template bisa,karena bisa saja css'a berbeda".tapi rata" saya pikir sama saja kq.dan sebelum menggunakan trik ini juga,saya sarankan pula untuk membackup dahulu template kamu/simpan /download dahulu template kamu.
Disini yang sobat perlu lakukan buka blogger => rancangan =>edit Html,lalu copy css dibawah ini(pilih salah satu style) ke atas kode </b;skin> .

Note:Sobat cari dahulu css #blog-pager,#blog-pager-older-link,#blog-pager-newer-link pada template sobat,bila ada hapus dahulu agar css'a tidak bentrok.


Style 1



.home-link {
background: white;
padding: 10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
text-align: center;
position: absolute;
background: rgba(255, 255, 255, 0.8);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}


#blog-pager-newer-link {
float: right;
padding: 5px;
}
#blog-pager-older-link {
float:left;
padding: 5px;
}
#blog-pager {
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
position: fixed;
font-size:15px;
bottom: 0;
width: 100%;
color:#000000;
left: 0;
margin:0px;
background: -moz-linear-gradient(-90deg, #F3F3F3, #E5E3E4) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#E5E3E4));
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#blog-pager a {color:#58A;}
Style 2


.home-link {
background: white;
padding: 10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
text-align: center;
position: absolute;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}


#blog-pager-newer-link {
float: right;
padding: 5px;
}
#blog-pager-older-link {
float:left;
padding: 5px;
}
#blog-pager {
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
position: fixed;
font-size:15px;
bottom: 0;
width: 100%;
color:#000000;
left: 0;
margin:0px;
background: rgba(0, 0, 0, 0.8 );
border-top: 1px dotted #26B7EB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#blog-pager a {color:#58A;}

Style 3


.home-link {
background: white;
padding: 10px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
text-align: center;
position: absolute;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}


#blog-pager-newer-link {
float: right;
padding: 5px;
}
#blog-pager-older-link {
float:left;
padding: 5px;
}
#blog-pager {
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
position: fixed;
font-size:15px;
bottom: 0;
width: 100%;
color:#000000;
left: 0;
margin:0px;
background: rgba(0, 0, 0, 0.8 );
border-top: 1px dotted #26B7EB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#blog-pager a {color:#58A;}


Untuk style lainya,kamu bisa menggunakan css3 gradient generator
http://www.colorzilla.com/gradient-editor/
sobat pilih salah satu style 'a,lalu copy paste css yang seperti diatas,jangan semua'a,karena menurut saya yang penting hanya css untuk google chrome dan mozilla firefox.
setelah itu letakan css yg tadi kamu copy ke dalam css #blog-pager
Contoh:
#blog-pager {
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
position: fixed;
font-size:15px;
bottom: 0;
width: 100%;
color:#000000;
left: 0;
margin:0px;
background: rgba(0, 0, 0, 0.8 );
border-top: 1px dotted #26B7EB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

jadi seperti

#blog-pager {
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
position: fixed;
font-size:15px;
bottom: 0;
width: 100%;
color:#000000;
left: 0;
margin:0px;
background: -moz-linear-gradient(top, #d5cea6 0%, #c9c190 40%, #b7ad70 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70));
background: -webkit-linear-gradient(top, #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
border-top: 1px dotted #26B7EB;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);


Hapus background: rgba(0, 0, 0, 0.8 ); agar css backgroundya tidak bentrok.

Untuk yang lain" seperti mengganti jenis font,warna dan sebagainya,saya tidak jelaskan secara rinci.tapi kalau ada masalah,tanyakan saja .thx

Tips Design menggunakan CSS3

Tips Design menggunakan CSS3

Hai sobat,terima kasih sampai saat ini blog saya masih hidup karena masih banyak yang mengunjungi blog saya.pada kesempatan kali ini,saya mau kasih Tips tentang penggunaan CSS3 yang baik dan benar.
setelah lama saya banyak melakukan experimen dengan CSS3,dan baca" juga tips" design web/blog dari situs" web ternama yang memang sudah ahli dengan CSS,html,coding dan sebagainya.Saya jadi mengerti bahwa CSS3 dibuat untuk tujuan yang sebenarnya untuk mengoptimalkan dan mempercantik kinerja web itu sendiri.tapi ada kalanya jika terlalu banyak menggunakan fitur" yang sebenarnya juga tidak terlalu penting,dan cuma pamer masang sesuatu yang gajelas,maka yang terjadi adalah crash pada browser saat membuka blog kita sendiri.mengapa? karena browser juga mempunyai batas untuk menampung semua efek" CSS3 yang sedang berjalan,apalagi kalau kita sedang membuka multitab,seperti facebook,youtube,dan sebagainya.coba sobat blogwalking ke situs" web orang asing.pernakah sobat melihat mereka menggunakan css3 yang berlebihan? TIDAK .mereka lebih mementingkan design yang rapih,tidak berat dan nyaman untuk dikunjungi.sayapun sebenarnya iri,maka dari itu saya mendesign blog saya sendiri,buang semuanya yang tidak terlalu penting,tapi tetap memperhatikan designya.saya sebagai anak Indonesia,turut bangga karena banyak teman dari kalian yang mungkin juga sudah jago banget mendesign blog.saya tidak mau menyombongkan diri,saya selalu terbuka pada semua yang ingin belajar,tapi disaat tertentu juga saya tidak bisa membantu,karena saat ini juga masih banyak tugas kuliah.belajar dari pengalaman,itulah yang membuat saya bisa membuat sesuatu yang bermanfaat.Otodidak,itulah yang membuat saya bisa bermain CSS,HTML,php,dll dan blogwalking,berselancar cari" inspirasi sampai ke (web/blog ) negeri tetangga.


Sekarang,saya mau memberikan beberapa tips Design CSS3 yang harusnya digunakan dan tidak digunakan.


1. Hindari penggunaan OPACITY pada seluruh content blog


Sebelumnya saya minta maaf pada pembuat template ini.hanya contoh,saya tidak tau siapa pembuatnya,tapi cuma mau kasih sedikit kritikan.Sumpah demi tuhan template ini berat banget.saya tidak tau cuma buat gaya"an doank atau iseng",tapi pengunaan opacity untuk membuat semua konten jadi transparant adalah FATAL.


Opacity:0;

Opacity digunakan untuk membuat suatu elemen menjadi transparant,termasuk text gambar dan seluruh isi pada konten itu sendiri bila penggunaanya tidak tepat.memang sih bagus,tapi ada baiknya tidak digunakan pada semua konten diblog kamu.gunakanlah pada konten tertentu seperti readmore atau sesuatu yang menurut kamu perlu di hidden.jadi apa yang harus kita lakukan?
Gunakanlah css alternatif untuk membuat transparant menggunakan RGBA color.
Apa itu rgba color?
RGBA color adalah singkatan dari RED GREEN BLUE ALPA,diartikan sebagai ruang warna.jadi fungsinya sama untuk memberi warna pada barckground suatu elemen,tapi keunggulanya,bisa mengatur nilai transparant pada background,tanpa membuat semua isi konten tersebut menjadi transparant,jadi hanya difungsikan pada backgroundnya saja.ok langsung keintinya aja.

Membuat background transparant
background: rgba(255, 255, 255, 0.5 );


Membuat border/garis batas transparant
border: 1px dotted rgba(255, 255, 255, 0.5 );

Bagaimana Cara kerja RGBA color?



Dari mana kita dapat mengatur pada RGBA color tersebut?
Ada banyak cara untuk mengatur warna'a.
A. Photoshop


B. Aplikasi Color pic -DOWNLOAD-


C. Menggunakan media online
http://css3generator.com/
http://www.colorschemer.com/online.html

hasilnya adalah blog saya sendiri,rgba color lebih aman digunakan daripada penggunaan opacity.



2. Hindari penggunaan Textshadow yang berlebihan
Seperti gambar diatas,membuat text shadow yang efeknya seperti api.kalau menurut saya norak sih,tapi pendapat orang lain mungkin bisa berbeda.boleh" aja sih menggunakan texs shadow,tapi gunakanlah hanya pada judul posting,header dan judul konten sidebar.perhatikan juga jumlah shadow yang digunakan pada text.Serta perhatikan penggunaan text shadow pada isi posting (text harus jelas agar mudah dibaca)

text-shadow: 0px 0px 4px #ccc, -1px -5px 4px #ff3, 2px -10px 6px #fd3, -3px -15px 11px #f80, 3px -18px 18px #f20;

3. Hindari penggunaan Kostum font/text yang berlebihan.
Menggunakan kostum font pada blog juga akan menambah beban/pageload.saya sarankan untuk tidak menggunakan lebih dari 2 jenis font.dan gunakan kostum font pada header,post header, dan judul sidebar/footer.jangan gunakan kostum font pada isi posting,karena memungkinkan blog kamu menjadi berat


4. Hindari penggunaan CSS3 animasi dan CSS3 keyframe yang berlebihan.
Penggunaan css3 animasi juga terkadang mempunyai beban yang sangat berat.
contohnya bila kamu masukan css hover efek pada readmore,header,sidebar atau konten" tertentu.sebenarnya tidak ada yang melarang juga.tapi gapapala kalau cuma experiment,tapi saya sarankan untuk blog utama kamu agar gunakan CSS3 animasi pada konten" tertentu saja.

5. Gunakan fitus css3 yang menurut kamu penting,nyaman,menarik,minimalis,dan tidak terlalu berat.
-Selalu thinking.sebelum kamu menambahkan sesuatu pada blog kamu,pikirkan apa fungsi dan kepentinganya.
misal kalau blog kamu adalah blog fotografi,bila kamu pikir penting untuk menggunakan photoslide yang menggunakan jquery atau css3,silakan,tapi bila tidak penting,lebih baik jangan digunakan.
-Design original ,jangan menjiplak template orang lain,atau akan disebut PLAGIAT.
-jangan terlalu banyak menambahkan accesoris pada blog,terutama css3.
-hapus efek" css3 yang terlalu banyak pada satu elemen.
-Selalu perhatikan kecepatan blog,beban dan tampilan blog.
-kenyamanan adalah no 1,kalau berat,pengunjung sudah males duluan buka blog kamu.
-karya buatan sendiri,akan menimbulkan kepuasan sendiri,jiplak punya orang lain, ga akan pernah puas.
-mendukung browser yang sering dikunjungi(seperti google chrome dan mozilla firefox)
-Moz     =Untuk Mozilla firefox
-webkit  =Untuk Google Chrome
bila css3 kamu hanya menggunakan fitur webkit(seperti animas,border,box shadow),maka yang terjadi efek'a hanya tampil di google chrome,tetapi di mozzila tidak.solusinya,gunakan kedua css tersebut.


Segini dulu tips dari saya,semoga bermanfaat,saya dukung terus blogger indonesia.kreatif inspiratif dan terus berkarya.Ganbatte kudasai minna-san~ :)

Urban Freestyle Soccer



Buat yang suka game sepakbola, baik WE, PES, ataupun FIFA, ga salahnya untuk mencoba game sepakola yang satu ini, yang judulnya Urban Freestyle Soccer, di game ini kita bermain layaknya bermain futsal tetapi lebih mengutamakan trik-trik mengolah bola atau bahasan kerennya Freestyle Soccer, game ini dalam bertanding 4 lawan 4. Kelebihan game ini adalah pada trik yang barmacam-macam kira-kira 100 trik lebih olah bola, selain itu ada gerakan combo yang super dinamis, lapangan yang berbeda-beda, musik gameplay yang keren, bahkan yang lebih gilanya lagi ada 5 mode dalam memukul keras lawan,.. ga ada aturan disini gamenya,..Ayo Dowload Game Urban Freestyle Soccer ini

Minimum System Requirements :

OS: Windows XP,ME,2000,98
CPU: 500MHz Intel Pentium III
RAM: 128MB
HDD: 160MB free disk space
Graphics: 32MB Direct3D
DirectX: Version 9.0c

How to Play :
1. Ekstrak File
2. Jalankan PlayUFS.exe

Instalasi
1. Ekstrak FIle.
2. Run setup.bat, after thats done hit CricketRevolution.exe to play.
3. Have Fun!

Download: KLIK LINK INI SAJAAA!!!

Password: theyoungsterszone.blogspot.com

Semoga Bermanfaat!
Salam TYZ!