photo zahrul_zps4cbcd6c3.gif VHEE-ZONE RR | CyberCrime Cyber-Skill WSB Grew Uchiha
Diberdayakan oleh Blogger.
EVERMOON | SAME GOAL DIFFERENT STYLE

My Rank

Recent Post


Bismillah... pada malam minggu ini saya akan sedikit share tentang cara membuat animasi gambar pada postingan menggunakan CSS Keyframe, sobat pernah lihat pada blog tetangga, ketika  halaman blog load gambar dalam postingan muncul dari berbagai arah, kadang dari bawah kadang dari atas dari pinggir juga bisa, oke untuk membuat animasi seperti itu bisanya menggunakan CSS yang di sebut dengan CSS Keyframe.

Dalam postingan ini saya tidak akan membahas jauh tentang CSS keyframes jika sobat mau mendalaminya silahkan sobat bisa kunjungi beberapa situs di bawah ini. Contoh Animasi menggunkan CSS Keyframe Klik Disini

Oke sekarang kita langsung ke tutorial cara menysipkan CSS Keyframe dalam blogspot, untuk menambahkan CSS Animasi gambar dalam postingan  yang harus sobat lakukan adalah :
  • Pertama sobat login ke Blogger
  • Terus Masuk ke area Design/Rancangan Blog
  • Langkah selanjutnya sobat masuk ke Area Edit HTML terus centang tanda Expand Widget Template
  • Setelah itu sobat cari kode kode ]]></b:skin>
  • Terus masukan kode di bawah ini  diatas kode ]]></b:skin>
CSS Keyframe
.post-body img {
animation: animasigambar 6s;
-moz-animation: animasigambar 6s; /* Firefox */
-webkit-animation: animasigambar 6s; /* Safari and Chrome */
-ms-animation: animasigambar 6s; /* IE 9 */
@keyframes animasigambar
{0%{transform:translate(0px, -9000px)}
25% {transform:rotate(-100deg)}
50% {transform:rotate(90deg)}
100%{transform:translate(0px, 0px)}}
@-moz-keyframes animasigambar
{0%{-moz-transform:translate(0px, -9000px);}
25% {-moz-transform:rotate(-100deg);}
50% {-moz-transform:rotate(90deg);}
100%{-moz-transform:translate(0px, 0px)}}
@-webkit-keyframes animasigambar
{0%{-webkit-transform:translate(0px, -9000px);}
25% {-webkit-transform:rotate(-100deg);}
50% {-webkit-transform:rotate(90deg);}
100%{-webkit-transform:translate(0px, 0px)}}
@-ms-keyframes animasigambar
{0%{-ms-transform:translate(0px, -9000px);}
25% {-ms-transform:rotate(-100deg);}
50% {-ms-transform:rotate(90deg);}
100%{-ms-transform:translate(0px, 0px)}}
}  
Setelah itu save template blog sobat dan lihat hasilnya.. mungkin itu saja tutorial pada kesempatan ini semoga berhasil. Good Luck Happy Blogging 

Cara Pasang Animasi Gambar Pada Postingan

Shinigami-XP - Asalamualaikum Wr. Wb , Shinigami-XP update lagi nih . So ,  sekarang saya akan share tutor blog yang dikasi ama temen saya Dode yaitu "Cara Memasang KeyFrame Pada Blog" , tentu sobat sudah melihat efek ketika sobat membuka blog saya kan ? itulah keyframe , gimana bagus ngga ?? ^^ , OK ngga usah basa-basi lagi , Cekibrooott !!
1. Login ke blogger
2. Buka layout
3. Klik edit html
4. Nah , sekarang cari kode ]]></b:skin> , untuk mempermudah pencarian tekan Ctrl+c atau F3
5. Taruh kode berikut diatas kode tadi
@-moz-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@keyframes{from{transform:translate(0px, 9000px)}to{transform:translate(0px, 0px)}}@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}to{-moz-transform:translate(0px, 0px)}}@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}to{-webkit-transform:translate(0px, 0px)}} #outer-wrapper{animation: myfirst 2s;-moz-animation: myfirst 2s;-webkit-animation: myfirst 2s;} #main-wrapper{animation: myfirst 3s;-moz-animation: myfirst 3s;-webkit-animation: myfirst 3s;} h1,h2,h3,#id css{animation: myfirst 4s;-moz-animation: myfirst 4s;-webkit-animation: myfirst 4s; h1,h2,h3,.post img{animation: myfirst 4s;-moz-animation: myfirst 4s;-webkit-animation: myfirst 8s;} }
6. Save template
Semoga bermanfaat :D
Source : DodeZone
Jika sobat merasa artikel Cara Memasang KeyFrame Pada Blog By DodeZoneini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini : Source:http://shinigami-xp.blogspot.com/2011/10/cara-memasang-keyframe-pada-blog-by_24.html.Saya lebih berterimakasih lagi jika sobat mau mencantumkan link hidup seperti ini : Source: http://shinigami-xp.blogspot.com/2011/10/cara-memasang-keyframe-pada-blog-by_24.html.Mohon dimengerti agar maraknya copas tanpa link sumber mereda, terima kasih.
Hai Gansist! Pada Tertarik ya Ngeliat Judul Diatas..? Pastinya Donk.. :3 Kali ini ane mo share cara "Mencuri" Template Premium Secara Gratis Hanya Menggunakan Tools Internet Download Manager atau biasa kita Sebut IDM dengan memanfaatkan Celah "Live Preview" atau "Demo" nya dan Memanfaatkan Fitur IDM :D. Note ya buat Agan2, Ane Share Tutorial ini Hanya Untuk Sekedar PEMBELAJARAN, Jangan digunain Secara Terus Menerus. Kan Kasihan Juga yang Ngbuat Gak dapet Duit. Mereka Buat nya juga kan Susah Payah...

Oke Cekidot Tutorialnya.. :D

Alat & Bahan:
- Internet Download Manager Versi Berapapun, Kalo blm Punya Bisa Download Di Sini
- Browser Kesayangan
- Link Template yang Mau kita Ambil
Step by Step :
- Cari Template yang Mau di Curi di Browser kesayangan agan. Usahakan Cari Template di Themeforest, atau WrapBootstrap. Soalnya Pengalaman yg paling banyak ada Live Previewnya ya disitu.. :3
- Kalo Udah Dapet dan Udah diklik Live Preview, Selanjutnya Kita Mencari Website Asli Demonya dengan Cara Klik "Remove This Frame" Kalo di Wrapbootstrap, Kalo di Themeforest "Remove Frame"



- Setelah itu Pasti Agan akan di Direct ke Website Asli Demonya, Nah kalo dah Dapet sekarang tugas Kita Menjalankan IDM dan Pergi Ke Menu Tasks -> Run Site Grabber
- Selanjutnya Agan Ikuti Aja Perintah yg ada Digambar Ini.. ^_^




Mudah kan Gan..? Tapi Ane Gak Berani jamin 100% Like Original. Karena yang Namanya Colongan pasti Gk sempurna.. ;
 
SEMOGA BERMANFAAT ^_^


Sumber : RR | CyberCrime http://rr-cybercrime.blogspot.com/2014/03/cara-mencuri-template-premium.html#ixzz2xF7detCi
Hallo gan kali ini saya bakal share template lagi nih ,yang pasti keren (Y)
Oke Langsung ajah engga usah banyak bacot ,, percuma saya banyak cing cong ,orang ente cuma mau link download nya doang toh yah ndak ?



Hahaha silahkan yang mau download link nya ada di bawah sini , Ingat jangan mengganti Credit footer nya ya ,kecuali sudah di re design sampai se beda" nya .. makasih ^_^
 
 
Kalau Berguna jngn lupa Follow + comment nya ^_^


Sumber : RR | CyberCrime http://rr-cybercrime.blogspot.com/2014/02/template-dark-uciha-bt.html#ixzz2xF7FxCjx


Hallo Sobat,Bagaimana Liburan Kalian ? Menyenangkan ?,Ok kali ini Saya akan share Template Untuk Kalian Nama Template Ini : Soul Eater,Template. Nah  Bagi yang mau download/memakai template ini siahkan klik Button Download Di Bawah

Download 

Sorry Untuk Demonya Belum Ada

SOURCE

Sekian Dari Saya, Semoga bermanfaat Templatenya :D

Sumber : RR | CyberCrime http://rr-cybercrime.blogspot.com/2014/01/template-soul-eater.html#ixzz2xF6egr23

 
Fitur

  • Widget Css Keren
  • Auto Read More
  • DLL

Tertarik Sudah Melihat demonya?

Oke Langsung saja 




langsung aja Lihat demonya,klo tertarik silahkan download 
Fitur
  • Header Gambar Bergeser
  • Auto Read more
  • DLL
>>> DEMO
Tertarik?
>>> DOWNLOAD
Sekarang saya akan mengshare template Templare Menma Uzumaki. Oke langsung saja, berikut ini adalah gambarannya.  :
  • Warna dasar ungu dan hitam
  • Css elegan
  • Fast Loading
  • Menu navigasi dropdown
  • Auto read more
  • Sidebar sebelah kanan
  • Template 2 kolom
  • Dan masih banyak lagi
Screenshot template


Untuk tampilan tata letak, saya jamin rapi seperti tampilan luarnya

( Password : YONDARKNESS )

Untuk mengatur menu navigasinya, kalian bisa ikuti langkah di bawah :
  • Masuk ke dasboard
  • Masuk ke Template, pilih Edit HTML
  • Cari kode di bawah ini
      <li class='drop'>
         <a href='http://andysoftwaremat77.blogspot.com/'>DropDown 1</a>
           <span class='toggle'/>
              <ul>
                 <li><a href='http://andysoftwaremat77.blogspot.com/'>Child Menu 1.1</a></li>
                 <li><a href='http://andysoftwaremat77.blogspot.com/'>Child Menu 1.2</a></li>
                 <li><a href='http://andysoftwaremat77.blogspot.com/'>Child Menu 1.3</a></li>
                 <li><a href='http://andysoftwaremat77.blogspot.com/'>Child Menu 1.4</a></li>
              </ul>
      </li>

  • Terakhir tinggal disimpan 
Keterangan :
Ganti kode yang AQUA berwarna dengan alamat/url menu yang kalian inginkan
Ganti kode yang MERAH berwarna dengan nama menu yang kalian inginkan
Ganti kode yang BIRU berwarna dengan alamat/url submenu yang kalian inginkan
Ganti kode yang HIJAU berwarna dengan nama submenu yang kalian inginkan
Ganti juga kode yang menu lainnya, cari kode yang mirip dengan di atas
Oke, silakan kalian download dan edit sesuka kalian. Tapi tolong jangan ganti/hapus link kreditnya. Jika kalian ini mengsharenya, harap sertakan link sumber. Sekian kali ini. Semoga bermanfaat. Jika ada yang kurang jelas silakan tanyakan di komentar.

Author

Assalamu'alaikum wr.wb hai ... sobat blogger nama saya faturrahman Arif Rumata. saya anak baru di blogger. dan harapan saya kedepan adalah. supaya menjadi blogger yang lebih baik...

- Copyright © 2013 Shengoku | My Creativity Is My Life - S-Skyser V6 - Powered by Blogger - Designed by Johanes Djogan - Redesign by Margatama -