Tutorial : Blockquote Like Me

Assalamualaikum/Hello/Hai/Anyeonghaseo! Sesuai dengan judulnya yaitu tutorial tentang blockquote ya.Bagi yang belum tau blockquote.Lihat di bawah ini

This is blockquote 

• Blogskin/Classic Template : Copy kode-nya lalu, paste-kan di atas kode </style>
• Template designer : Copy kode-nya lalu, paste-kan di atas kode ]]></b:skin>
• Bagi yang udah ada kode blockquotenya tinggal ubah style nya ya..

Codes (ubah kode yang berwarna sesuai yang diingkan)

blockquote{
padding:10px;
display:block;
font:11px arial;
color:#ccc;
letter-spacing:1px;
border-radius:10px;
border:2px solid #FFE2E2;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-position:0% 0%;
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-size:0px;
}
blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
}

Cara menggunakan blockquote

• Highlight text yang ingin kamu beri blockquote
• Lalu klik tanda  '' di samping kanan tanda bullet

Sudah selesai,jangan lupa save ya..

Credit : salsa