Saturday, March 1, 2014

cara membuat Blockquote di blogspot


Cara membuat blockquote di blogspot - cara membuat Blockquote di blogspot, tutorial cara membuat Blockquote di blogspot dengan tampilan menarik. cara membuat Blockquote di blogspot ini tidak memakai sistem fungsi script jadi tampilannya ringan. Dengan tampilan gambar disisi kirinya sehingga memberi kesan elegan pada tampilan cara membuat Blockquote blogspot ini. Untuk melihat tampilan cara membuat Blockquote di blogspot ini silahkan klik demo dibawah ini, bila anda tertarik untuk memasang cara membuat Blockquote di blogspot pada postingan kali ini, silahkan lihat code dibawah, langsung saja menuju TKP.


Code CSS here..


blockquote {
width: 90%;
margin: 20px auto;
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_iP1mZ4oHDyNawu4DxFIwImMrp27shyphenhyphenLYoRCaAxj0-Vag0-TGKSmVEQhNEGES-JQif2KQxqpHplCx2Xu8f3fZxWEkaoHLj2kYW8NBqhkfPMafgxuo7Uc9pRdmg-vMZTp0vLsoGv2WdV1/s1600/blockq-1.png");
height: 170px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
background-repeat: no-repeat;
padding:0 10px 0px 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333333;
background-color: #f7f7f7;
overflow: auto;
line-height: 1.5em;}
blockquote:hover {color: #000000;background-color: #E8FDF9;}


Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit
0 Comments
Tweets
Komentar

0 comments:

Post a Comment