Download game cs pb ukuran file kecil tapi file nya banyak

Download

password install :xelen-xp

Read More →

Animasi Loading Blog Dengan CSS Keyframes

A. Animation 1 (Bounce and Rotate efek) :
Anda bisa lihat contohnya di sini  : "http://skynet-fordeon.blogspot.com/"
Untuk menggunakannya :

1. Buka Blogger => Template => Edit HTML => Klik Expand Template Widget
2. Cari kode ]]></b:skin> lalu letakkan kode dibawah ini diatas kode tadi! :

@-webkit-keyframes WAKloading{
0%{-webkit-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-webkit-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-webkit-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-webkit-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-o-keyframes WAKloading{
0%{-o-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-o-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-o-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-o-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-moz-keyframes WAKloading{
0%{-moz-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-moz-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-moz-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-moz-transform:translate(0px,0px) scale(1);opacity:1;}
}
@-ms-keyframes WAKloading{
0%{-ms-transform:translate(0px,0px) scale(0.50);opacity:1}
20%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{-ms-transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{-ms-transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{-ms-transform:translate(0px,0px) scale(1);opacity:1;}
}
@keyframes WAKloading{
0%{transform:translate(0px,0px) scale(0.50);opacity:1}
20%{transform:translate(0px,-200px) scale(0.50);opacity:1;}
40%{transform:translate(0px,0px) scale(0.50);opacity:1;}
60%{transform:translate(0px,-200px) scale(0.50);opacity:1;}
80%{transform:translate(0px,-200px) scale(0.50);opacity:1;-webkit-transform:rotate(-360deg);}
100%{transform:translate(0px,0px) scale(1);opacity:1;}
}

3. Cari kode #outer-wrapper kamu. lalu sisipkan kode berikut kedalamnya!

;-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 4s;animation:WAKloading 3s;-o-animation:WAKloading 3s

4.Sehingga nantinya jadi seperti ini :

#outer-wrapper {-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 4s;animation:WAKloading 3s;-o-animation:WAKloading 3s}

5. Save Template!

B. Animation 2 (Earthquake Effect) :
Bisa dilihat contohnya di sini : "http://simple-ware.blogspot.com/"
Untuk menggunakannya :

1. Buka Blogger => Template => Edit HTML => Klik Expand Template Widget
2. Cari kode ]]></b:skin> lalu letakkan kode dibawah ini diatas kode tadi! :

@keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}
@-o-keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes WAKloading{
0%{opacity:1;-webkit-transform:rotate(0deg);}
5%{opacity:1;-webkit-transform:rotate(5deg);}
10%{opacity:1;-webkit-transform:rotate(-5deg);}
15%{opacity:1;-webkit-transform:rotate(5deg);}
20%{opacity:1;-webkit-transform:rotate(-5deg);}
25%{opacity:1;-webkit-transform:rotate(5deg);}
30%{opacity:1;-webkit-transform:rotate(-5deg);}
35%{opacity:1;-webkit-transform:rotate(-5deg);}
40%{opacity:1;-webkit-transform:rotate(5deg);}
45%{opacity:1;-webkit-transform:rotate(-5deg);}
50%{opacity:1;-webkit-transform:rotate(5deg);}
55%{opacity:1;-webkit-transform:rotate(-5deg);}
60%{opacity:1;-webkit-transform:rotate(5deg);}
65%{opacity:1;-webkit-transform:rotate(-5deg);}
70%{opacity:1;-webkit-transform:rotate(5deg);}
80%{opacity:1;-webkit-transform:rotate(-5deg);}
85%{opacity:1;-webkit-transform:rotate(5deg);}
90%{opacity:1;-webkit-transform:rotate(-5deg);}
95%{opacity:1;-webkit-transform:rotate(5deg);}
35%{opacity:1;-webkit-transform:rotate(0deg);}
}
@-moz-keyframes WAKloading{
0%{opacity:1;-moz-transform:rotate(0deg);}
5%{opacity:1;-moz-transform:rotate(5deg);}
10%{opacity:1;-moz-transform:rotate(-5deg);}
15%{opacity:1;-moz-transform:rotate(5deg);}
20%{opacity:1;-moz-transform:rotate(-5deg);}
25%{opacity:1;-moz-transform:rotate(5deg);}
30%{opacity:1;-moz-transform:rotate(-5deg);}
35%{opacity:1;-moz-transform:rotate(-5deg);}
40%{opacity:1;-moz-transform:rotate(5deg);}
45%{opacity:1;-moz-transform:rotate(-5deg);}
50%{opacity:1;-moz-transform:rotate(5deg);}
55%{opacity:1;-moz-transform:rotate(-5deg);}
60%{opacity:1;-moz-transform:rotate(5deg);}
65%{opacity:1;-moz-transform:rotate(-5deg);}
70%{opacity:1;-moz-transform:rotate(5deg);}
80%{opacity:1;-moz-transform:rotate(-5deg);}
85%{opacity:1;-moz-transform:rotate(5deg);}
90%{opacity:1;-moz-transform:rotate(-5deg);}
95%{opacity:1;-moz-transform:rotate(5deg);}
35%{opacity:1;-moz-transform:rotate(0deg);}
}

3. Cari kode #outer-wrapper kamu. lalu sisipkan kode berikut kedalamnya!

;-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 3s;animation:WAKloading 3s;-o-animation:WAKloading 3s;

4. Sehingga hasilnya nati jadi seperti ini :

#outer-wrapper {-webkit-animation:WAKloading 3s;-moz-animation:WAKloading 3s;-ms-animation:WAKloading 3s;animation:WAKloading 3s;-o-animation:WAKloading 3s;}

5. Save Template

C. Animation3 ( Sliding Effect ) :
Bisa anda lihat di sini : "http://dodgerhack.blogspot.com/"
Untuk Menggunakannya :

1. Buka Blogger => Template => Edit HTML => Klik Expand Template Widget
2. Cari kode ]]></b:skin> lalu letakkan kode dibawah ini diatas kode tadi! :

@-webkit-keyframes WAKloading{from{-webkit-transform:translate(-1000px,0px);opacity:0}
to{-webkit-transform:translate(0px,0px);opacity:1.1;}}
@-moz-keyframes WAKloading{from{-moz-transform:translate(-1000px,0px);opacity:0}
to{-moz-transform:translate(0px,0px);opacity:1.1;}}
@-ms-keyframes WAKloading{from{-ms-transform:translate(-1000px,0px);opacity:0}
to{-ms-transform:translate(0px,0px);opacity:1.1;}}
@keyframes WAKloading{from{transform:translate(-1000px,0px);opacity:0}
to{transform:translate(0px,0px);opacity:1.1;}}

3. Cari kode #outer-wrapper kamu. lalu sisipkan kode berikut kedalamnya!

animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;

4. Sehingga menjadi seperti ini :

#outer-wrapper {animation:WAKloading 2s;-webkit-animation:WAKloading 2s;-o-animation:WAKloading 2s-moz-animation:WAKloading 2s;-ms-animation:WAKloading 2s;animation:WAKloading 2s;}

5. Save Template !

Read More →

Cara membuat Show-Hide Comment Blog

Hay Sobat Xelen-xp   ... selamat siang sobat hehehe, oke sebelumnya Xelen-xp share Cara membuat loading dengan csskeyframes... nah gimana, keren kan...? dan cara pemakainnya cukup mudah kan ehehe :)
nah kali ini  Xelen-xp mau post "Cara Membuat Show Hide Comment Pada Blog"
Nah kalian tahu tidak Show-Hide... ? maksudna gini, misalkan kita klik muncul orang" yg komen,.
contoh seperti gambar berikut :
mau post "Cara Membuat Show Hide Comment Pada Blog"
Nah kalian tahu tidak Show-Hide... ? maksudna gini, misalkan kita klik muncul orang" yg komen,.
contoh seperti gambar berikut :
mau post "Cara Membuat Show Hide Comment Pada Blog"
Nah kalian tahu tidak Show-Hide... ? maksudna gini, misalkan kita klik muncul orang" yg komen,.
contoh seperti gambar berikut :

udah faham kan, oke langsung saja kita bahas hehehe, ga usah pake lama :v

Nah Pertama" Kamu Harus Login ke Blogger.com ( Wajib :p )

Kemudian Kamu buka Template > Edit HTML dan Centang "Expand Template Widget"

kalau sudah ...  

kamu taruh code dibawah ini tepat diatas kode ]]></b:skin>

a.openpanel{display:block;width:auto;height:auto;text-align:center;font-weight:bold;font-size:15px;line-height:30px;background:#660000;border:3px solid #990000;border-top:0px;-webkit-transition:all .15s ease-in-out;-webkit-transform-origin:50% 1px;position:relative}
a.openpanel.active{background-color:#660000}
a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;}
a.openpanel.active em {top:6px;border color:#222222;}
div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}
div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

Jika sudah, kemudian kamu masukan lagi code dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tambahkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>

Sisanya kamu edit sendiri yo heheheh :) ( Xelen-xp Ganteng )
angkah terkahir, tinggal Save Templatemu deh hehehe
taraaa jadi :v... kalau blom bisa, dicoba" dgn teliti sampai bisa hehhehe xD

Source:http://xpress-community.blogspot.com/2013/01/cara-membuat-show-hide-comment-pada-blog.html

Read More →

Kazekage Pertama (Shodaime Kazekage)

Hay sobat
, Sebelumnya saya share Hokage Pertama - Kelima yah, nah sekarang kazekage pertama - kelima.. tapi satu per satu yah hehehehe ,, .
kamu penasaran kan, ok langsung saja ke infonya
apa itu kazekage ???
Kazekage (風影, Kazekage secara halfiah berarti Bayangan Angin) adalah pemimpin & ninja terkuat di Sunagakure no Sato. Kazekage juga sangat ditakuti dan dihormati oleh dunia ninja, mereka merupakan orang yang bertanggung jawab menjadikan Sunagakure sebagai sebuah perkampungan ninja yang kuat meskipun memiliki wilayah kekuasaan yang kecil. Patung peringatan kepada semua Kazekage telah dibangun dan disimpan di sebuah bilik yang merupakan tempat untuk para tetua Sunagakure berkumpul dan fungsinya hampir sama dengan Monumen Hokage yang terdapat di Konohagakure.

Nama : Tidak diketahui.
Umur : Ditak di ketahui.
Jenis Element : tidak di ketahui.
Status : Almarhum.

Shodaime Kazekage (初代風影, "Shodai Kazekage", secara halfiah berarti "Bayangan Angin Generasi 1") adalah pendiri Sunagakure. Beliau menggabungkan semua ninja-ninja yang mengembara di gurun untuk berada di bawah pengaruhnya menggunakan kuasa yang hebat.

Read More →

Kazekage Ketiga (Sandaime Kazekage)

Nama : Tidak di Ketahui.
Umur : Tidak di ketahui.
Jenis element : pasir besi
Status : Menjadi boneka Sasori, Hancur.

Kazekage Ketiga (三代目风影, "Sandaime Kazekage") juga bergelar "Bayang Angin ketiga" merupakan bekas Kazekage di Sunagakure. Kazekage Ketiga memiliki kemampuan yang begitu unik; dia mampu memanipulasikan chakranya dan menukarkan chakra tersebut kepada medan magnet dan ini membuat Kazekage Ketiga mampu mengendalikan Pasir Besi. Kazekage Ketiga telah menciptakan teknik ini setelah mempelajari pengendali Shukaku pada masanya, lalu meniru teknik tersebut menggunakan kemampuannya. Oleh kerana kemampuan inilah dirinya dikenali sebagai Kazekage terkuat dalam sejarah Sunagakure. Di bawah keadaan yang tidak diketahui, Kazekage Ketiga telah menghilangkan diri sebelum tercetusnya peperangan kampung tersebut.

Apabila Sakura dan Chiyo bertarung dengan Sasori, Sasori telah mebongkarkan rahasia bahwa dia telah mengambil mayat Kazekage Ketiga lalu mengadaptasinya menjadi boneka manusia dan Kazekage Ketiga merupakan boneka manusia kegemarannya. Pada akhirnya, boneka manusia Kazekage Ketiga telah dimusnahkan oleh Sakura. Sakura telah berpura-pura terkena racun yang terdapat pada senjata yang dipakai oleh boneka manusia Kazekage Ketiga (padahal Sakura telah menukarkan racun tersebut dengan protein menggunakan obat penawar yang disediakan oleh dirinya sendiri), lalu menghancurkan boneka manusia tersebut dengan hanya satu tumbukan kuat.

Read More →

Kazekage Keempat (Yondaime Kazekage)

Nama : Tidak di ketahui
Umur : Tidak di ketahui
Element : Kemungkinan angin / Pasir
Status : Dibunuh oleh Orochimaru.

Kazekage Keempat (四代目風影, "Yondaime Kazekage") juga bergelar "Bayang Angin Keempat" merupakan bekas Kazekage di Sunagakure. Dia merupakan suami Karura, dan juga ayah bagi Temari, Kankuro dan Gaara. Nama sebenarnya tidak diketahui.

Melalui ayahnya, Shukaku Berekor Satu telah disatukan dengan Gaara dengan tujuan untuk menjadikan Gaara sebagai senjata terhebat untuk pengendalian militer di Sunagakure. Namun, saat Gaara sudah dewasa dan kemampuannya mulai terbentuk, Kazekage Keempat menganggapnya sebagai suatu eksperimen yang gagal. Kemungkinan, perangai Gaara yang tidak stabil (kerana memiliki bijuu di dalam tubuhnya) bisa mengancam keselamatan penduduk di Sunagakure. Dia pernah mengerahkan anak buahnya untuk membunuh Gaara tetapi tidak berhasil.

Ketika Orochimaru mengemukakan usul untuk bergabung untuk mengalahkan Konohagakure, Kazekage Keempat telah setuju dengan ajakan tersebut. Sunagakure mengalami masalah keuangan setelah pemerintah di negara tersebut (seorang Daimyo) telah memotong pembiayaan ke kampung mereka. Kazekage Keempat beranggapan, dengan memusnahkan Konoha, maka keuangan di desa mereka akan membaik. Kazekage Keempat berencana menggunakan Gaara (bertukar menjadi Shukaku) di tengah-tengah perkampungan Konoha untuk memusnahkannya dan mendapat kelebihan ketika peperangan terjadi. Bagaimanapun, Kazekage Keempat tidak sempat melihat idenya berhasil karena dia telah dibunuh oleh Orochimaru. Orochimaru kemudian menyamar sebagai Kazekage Keempat dan ini memudahkan Orochimaru mengendalikan penduduk Sunagakure. Kemudian, posisi Kazekage Keempat digantikan oleh anaknya, Gaara. 

Read More →

Kazekage Kelima (Godaime Kazekage) Alias Sabaku Gaara

Nama : Sabaku Gaara

Tingkat : Kazekage
Asal : Sunagakure
Tim : Tim Baki

Gaara Sabaku adalah anak dari Yondaime Kazekage juga adik dari Kankurou & Temari. Ibunya bernama Karura.

Sebelum kelahiran Gaara, ayahnya memerintahkan Chiyo untuk menutup-Ekor Satu Shukaku dalam dirinya, dengan harapan bahwa Gaara akan menjadi senjata pamungkas untuk Suna. Karena pengorbanan itu diperlukan, ibu Gaara, Karura, digunakan. Sebelum dia meninggal, Karura mengutuk Sunagakure, berharap Gaara akan membalaskan kematiannya. Gaara dilatih oleh ayahnya, tetapi dibesarkan terutama oleh pamannya, Yashamaru.

Namun karena kekuatan dari Shukaku, Gaara mempunyai aura membunuh yang mungkin di dapat karena Shukaku menyukai darah. Gaara di benci oleh penduduk desa Suna & menjadi senjata yang di takuti. Pada part I Ujian Chunin, Gaara terlihat seperti seseorang yang haus darah. Namun saat Sasuke pergi ke Oto, Gaara menjadi utusan dari Suna untuk membantu Lee mengalahkan Kaguya Kimimaro.

Pada part II, Gaara tampak terlihat berbeda & telah menjadi Kazekage IV menggantikan ayahnya. Bahkan kini mungkin banyak wanita yang menyukai Gaara.

Read More →