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(http://3.bp.blogspot.com/-2A0D4wY8Rww/TzuO_pTu-zI/AAAAAAAACpQ/B9EkXNZ9C48/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