√ Cara Memasang KeyFrame Pada Blog By Bl4ck|Cyber

Cara Memasang KeyFrame Pada Blog By Bl4ck|Cyber

Sunday, 27 November 2011

Bl4ck|Cyber - Asalamualaikum Wr. Wb , Bl4ck|Cyber update lagi nih . So , sekarang saya akan share tutor blog yang dikasi ama temen saya 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