bagaimana mengubah model blockquote dari editor posting artikel di Blogspot dan CSS (melului kode template). Berikut ini akan diberikan contoh-contoh kode model blockquote.
Model 1:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru.
Kode Blockquote:
Model 2:blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
Bagaimana cara mengubah model Blockquote?Kode Blockquote:
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru.
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }Model 3:
Bagaimana cara mengubah model Blockquote?Kode Blockquote:
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru.
blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
Model 4:
Bagaimana cara mengubah model Blockquote?Kodel Blockquote:
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru.
blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }Model 5:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
Kode Blockquode:
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57_tdz86nRr_A0G2fiFF-fDw591Os7fkvqWeTxMjskiIXunGRqpo_okMoNW9TeHBidVCfZt3aj119Dkhn84sshQKemLqWtcUPC5jU3V5erdxwg4rcl-O1kQsNWb2L4s0iJlEUSX7PMdM/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }Model 6:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
Kode Blockquote:
blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAO18CnGNc4ISrDtZW9IRCQRTdG3N3ZMX-wTW2UAJZQ7BsLfdFRVgvtoRccY7SBoFfyqVsnpVzQ8Bx7KW36oPmUeI706KP_7WpmEZkB86jF0Hf2ek-VPfLIi07rrTLx7JdGAVIAuR3TC4/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }Model 7:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
Kode Blockquote:
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-8p3_wRRSr56WTG_njQyLgzv9B3DA41ZvNtvIKmmpMeJugrB1rR3_Bh2z0v1BJLK3watu0OlZWHEaCCWQfio3OochoTU2pcQrK7j6MuEDYNAuHMmIoUEsjJ8KjcokQ3-dLjmBU_xObY/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6E8DXtJvzaq4gVQtYMncd9jqku9IhhzpFeTJsYyVetYK1OGFyxaCrCs8_BpAQXXDFPK0nkM58FHB_7wU0Vpi1Orl722KpAj8ILujxTa48PUrWn2R9UB1QnJye6AcNC-JjmXoYnSJK-2Q/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }Model 8:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDUJZ9e8CS8Ohrm0D2aazxOHQnCj6R6OuZDGoeproRLtvrxNkJcxc-FUD_CrAiRyYFTFm_EP93-0fCi-SjkTsZZlrJ2rZOQVKnEK_Eyg1lkKki7GBF1F8CXxQAnpvt1xHjAzu_p5ZhiBL/s1600/quote.png") 5% no-repeat #FFF8DD; }Model 9:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
blockquote{ background-color: transparent; border-top: 3px double#DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }Model 10:
Bagaimana cara mengubah model Blockquote?
Ada dua cara, yaitu melalui edit HTML pada menu editor Blogspot dan CSS (kode template).
Jika edit Blockquote lewat edit HTML pada menu tab editor Blogspot maka perubahan tersebut hanya akan terjadi pada tulisan itu, akan tetapi jika edit nya melalui CSS maka setiap mengaktifkan Quote pada editor Blogspot, untuk semua tulisan/posting model blockquotenya sudah bukan yang standar lagi tapi yang model baru
blockquote {
font-family: verdana, arial, sans-serif;
font-size:small;
color:#FFF;
line-height:140%;
background-color: #333366;
border: 4px dotted Olive;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
width: auto
}
Sumber : Gembong.web.id
1 Komentar untuk "Tampilan blockquote"
abangfe