apabila mula menaip...
Apabila Mula Menaip ...
Disclaimer
1 2 3 4

ASSALAMUALAIKUM
Syaika here ! HAHA ! thanks visit my site . do nice in here !


Tagboard

Le Credits
Template : Qistina.Re
Edit by : Syaika
Contact Me
Facebook TWITTER EMAIL
Blockquote Menggedik
Friday, 15 November 2013 . 0 leteran(s) .
blockquote nie menggedik mcm shake lah , tapi saya istilahnya menggedik , haha ! 
1- dashboard > template
2- ctrl+f and find </script> 
3- copy code
blockquote {
-webkit-user-select:text;
-moz-user-select:text;
-webkit-animation-name: shake;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie7bI0Uwnjj2Bbmh9QbaC4oij9buifXFxyHCuSqjbGvBOYg2dZfLlylYEr7lGyUhQw0qrSHcgapqrhVrxr6WOadpVUiyCGxWcUBiylt2o3jYx8yQnViWNQzv53C7Ob-mebSzwY0uCobQT-/s1600/6.jpg);
padding:15px;
border-top:3px solid #FF0066;
border-bottom:5px double #FF0066 ;
border-right:1px dashed #FF0066 ;
border-left:1px dashed #FF0066;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
blockquote:hover{
-webkit-animation-name: none;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
background:url(http://i.imgur.com/ckuFZ.png);
color:#000000;}
@-moz-keyframes shake /* Firefox*/
{
{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -moz-transform:  translate(0px, 2px) rotate(0deg); }
 40% { -moz-transform:  translate(1px, -1px) rotate(1deg); }
 50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); }
 60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); }
 70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); }
 80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); }
 90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
 100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }
}
@-ms-keyframes shake /* IE9*/
{
10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
 20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
 40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
 50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
 60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
 70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
 90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake /* Safari and Chrome */
{
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
blockquote p {
  margin: .75em 0;
}
4- paste di ATAS </script>

5- kalau korang nak tukar background , korang tukar lah .
hijau : background bila di hover
merah : background pertama

5- preview and save !

notakaki :
pastikan awak delete blockquote yang ada , kalau tak , jam !

yang benar ,
syaika...
Terima kasih daun keladi , esok lusa baca lagi . ^_^



Older Post . Newer Post