Macam-macam Quote Blogger

Macam-macam quote blogger.

Membahas trik / tips Blogger tidak akan habis-habis. Nah disini Almunai berbagi cara pasang Customize Quote blogger  diblog agar posting terlihat menarik dan rapi. ini sudah saya kumpulkan bebarapa contoh Macam-macam Quote blogger  bisa anda pakai salah satunya.

  

 Code

<style>

.post blockquote {
overflow:auto;width:400px;height:auto;
font-family: "Consolas", "Courier New", Courier, mono, serif;
margin : 15px 35px 15px 15px;
padding : 2px 10px 5px 60px;
line-height:1.7em;
clear : both;
color:#000;
list-style-type : none;
background : #F5F3F3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsv2K_TiwjBwvNIlXKVoaIWPPxIsogoez82vp_dQKN0rNCANHFmSZFG9RKDAahuPy49SIuFymmhgyO_H65tlAn0F07kdj1Xlas5NoJKxHRT1fhy0hl4j_ASr_C4WqK8CYJxxQJQuAf7kwb/s1600/notepad1.gif) repeat-y top left;
border : 1px solid #ccc;
-webkit-box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
box-shadow: 0px 0px 20px  rgba(0, 0, 0, .3);
}
</style>

 Code:
Almunai 2

<style>
.post blockquote {
display:block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
font-family: Georgia, serif;
font-size: 14px;
line-height: 1.5;
color: #446578;
text-align: justify;
border-left: 15px solid #EBF2F8;
border-right: 1px dotted #EBF2F8;
-moz-box-shadow: -1px 2px 5px #ccc;
-webkit-box-shadow: -1px 2px 5px #ccc;
box-shadow: -1px 2px 5px #ccc;
}
.post blockquote:before{
content: “\201C”;
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #8DACC0;
position: absolute;
left: 10px;
top:5px;
}
.post blockquote:after{
content: “”;
}
.post blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
color: #c76c0c;
}
.post blockquote a:hover{
color: #666;
}
</style>

Code Almunai 3

<style>
.post blockquote {
margin: 0 20px;
padding: 10px 20px 25px 20px;
border-left: 10px dotted white;
background-color: #f6ebc1;
}
</style>

Code  Almunai 4

<style>
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
</style>

Code Almunai 5

<style>
.post blockquote {margin : 0 20px;padding: 10px 20px 25px 20px;background :
#9FCFFFurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi096m7-1F1FvcfSHXLPiucQmtVYgdWNCQQ6LMLU8TU9eW_L0sN4YkmiTIlLLoJxUmPUTVSUHFBkP4W8-ufKHyvFpHGXAwlUgeslQm3ZwtQjDEkC9pRtHf6T0TUuP1JI_JVhVyG7xBGMK4/s400/block22.gif) no-repeat right bottom;font: bold .9em "comic sans ms", arial,
Helvetica,verdana, Georgia;color : #484848;border: 5px dashed #fff;}.post
blockquote p {margin: 0;padding-top:10px;}
</style>

Dari contoh-contoh  yang saya tampilkan semuanya sudah saya coba sendiri tidak ada kendala apapun.

Cara penerapan "By Almunai". Pilih satu salah satu dari Kumpulan Macam-macam Quote blogger yang anda sukai kemudian copy dan pastekan dibawah atau di atas code " ]]></b:skin>"  yang menerapakan Code Macam-macam Quote blogger  di atas " ]]></b:skin>"  hilangkan code "<style>" dan "</style>" Save Template. Kalau cara penerapan model lain cari aja di Google.

#Sekian dan Terimakasih#