Here's How to Make it :
Log in to Blogger.com
Select a template, click Edit Template, check the Expand Widget Templates!
Please find the code ]]></b:skin> use the search function by pressing CTRL + F and put the code CSS3 Right Above Below is the code that you are looking for earlier.
.post blockquote {Save Template last !
background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJxLPPaQhTs4_iXlYJuAEJLlQ2LGR18KyM-XPWYnyybzujIRXK9tC4Ihe05NwrBYUYoPpzUaJwlC86VrDAI_ZhmcoFPKXfyQFQLTMZrEccBhadrotaoLL4lreSq0JHzJX_63tIFdYmY8R/s1600/premium+blogger+blockquotevertical+copy.png) ;
background-position:;
background-repeat:repeat-y;
margin: 0 20px;
padding: 20px 20px 10px 45px;
}
.post blockquote p {
margin: 0;
padding-top: 10px;
}
.post blockquote
{
font: normal 17px "Garamond",Georgia, Times, serif;
background-color: #BFE3FE;
color: #000;
margin: 5px 10px;
padding: 20px 10px 20px 37px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.post blockquote:hover
{
background-color:#009999 ;
color: #fff;
}
.post blockquote:active
{
background-color: CornflowerBlue ;
color: #000;
}
if anyone wants to ask please comment below. :)
Tidak ada komentar untuk " Blog Tutorial Part 2 : Creating blockquote "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!