Blockquote

image from Tasya
Hai! Tutorial for Newbie
Preview :
This is just example for you. Just simple blockquote right? ^_^
Mau? Oke deh!

  • Untuk blogskins, paste kode di atas kode </style>
  • Untuk designer, paste kode di atas kode  ]]></b:skin>
blockquote{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMrsRlfNgDQ5hv8EwNcw9n4pJ5OdT5dik2EzxpBsEhrT8RDvy0PJnjEt5Df7Ka1BscoOeZ2XOc0x7k4PVj5rSraaumDIcD42tvrCJG4_qMyEY9weR9r1YrKOXfpWVediRHFpNlIL8fVsH1/s1600/grey.png);
padding:10px;
border:3px solid <span style="color: red;">#ffd5d5</span>;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px <span style="color: blue;">#ffd5d5</span>;
-moz-box-shadow: 0px 0px 8px <span style="color: blue;">#ffd5d5</span>;
box-shadow: 0px 0px 8px #ffd5d5;
}


  • Klik save.
  • Untuk menggunakannya, tulis kata-katamu di entri baru. Lalu highlight semua, dan klik tanda kutip di seberlah tanda bullet.
  • Oke tak?

Tidak ada komentar:

Posting Komentar