Warung Bebas

Monday, June 25, 2012

Bikin/membuat Blockquote pada blogger jadi lebih menarik

1.masuk pada blogger dashboard--> layout- -> Edit HTML

2.Cari kode seperti ini </head> tag .

3.Copy dan paste kode ini ,diatas kode tersebut just before the </head> tag .

<style type="text/css">
blockquote {
background: rgba(65, 63, 63, 0.2); /* default background */
/* CSS3 magic */
background: linear-gradient(top, rgba(65, 63, 63, 0.2), rgb(90, 30, 30));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(110, 30, 30)), to(rgb(90, 30, 30)));
background: -moz-linear-gradient(top, rgba(65, 63, 63, 0.2), rgb(90, 30, 30));
background: -o-linear-gradient(top, rgba(65, 63, 63, 0.2), rgb(90, 30, 30));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin: 20px 0;
padding: 20px;
position: relative;
text-shadow: 1px 1px 1px rgb(60, 30, 30);
}
blockquote:after {
content: "\00a0";
display: block; /* FF 3.0 */
bottom: -30px;
left: 50px;
width: 0;
height: 0;
position: absolute;
border-width: 15px 15px;
border-style: solid;
border-color: rgb(90, 30, 30) transparent transparent;
}
blockquote + p {
color: rgb(200, 180, 180);
font-size: .857em; /* 12px */
font-style: italic;
margin: 0 0 0 50px;
}


</style>


Note : warna dapat diganti sesuai yang kamu suka.

4.sekarang simpan template kamu.

hasilnya akan seperti gambar dibawah ini.

0 comments em “Bikin/membuat Blockquote pada blogger jadi lebih menarik”

Post a Comment

 

Indahnya Berbagi Copyright © 2012 Fast Loading -- Powered by Blogger