Cara Mengedit Dan Merubah Quote Di Blog

Anda sedang membaca artikel tentang Cara Mengedit Dan Merubah Quote Di Blog ,berikut penjelasan Cara Mengedit Dan Merubah Quote Di Blog :

Biasanya nih ,, quote bawaan blog tu terlalu simple dan kurang menarik, jadi gk ada salahnya kan kalo kita ubah supaya tampilannya lebih menarik. Ok langsung aja kita ke TKP
Pertama-tama dan yang paling utama untuk mengedit Quote adalah Login dulu ke akun blog sobat. Trus pilih Template, Pilih Edit HTML . Centang Expand Widget yang berada pada pojok kiri atas.
-Trus cari kode .post-body blockquote gunakan ctrl+f untuk memudahkan pencarian. kalo gk ketemu cari kode blockquote kalo udah ketemu perhatikan setelah kode tersebut terdapat kode {....bla....bla..bla...} nah mulai kode  blockquote  sampe kurung tutup ''}'' sobat hapus dan ganti dengan kode berikut :

Pilih Salah Satu Kode Sesuai Selera

Style 1

REMAJA SAMPIT BLOG

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Style 2

REMAJA SAMPIT BLOG

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Style 3

REMAJA SAMPIT BLOG

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Style 4

REMAJA SAMPIT BLOG

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; }

Style 5

REMAJA SAMPIT BLOG

blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7OUZraUJCoFUzwHGnpGLc002yEO2_DTgJT50pXKmHHT2-iCYWF_oxGKzzWAUA5i9pHCx0fGB6NcJwa2V4i1hnuTpwJbWypObF9utNZ8lZbMXYw-UmdSc6IbMfJ_zFtuqwnQwiD0YcAm0/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 6

REMAJA SAMPIT BLOG

blockquote {background:#FFFFFF url(http://lh4.ggpht.com/_7Y9pl24WpQY/S8Tb4-HIjdI/AAAAAAAADXU/XN-0YdNmIBI/image_thumb%5B26%5D.png) no-repeat scroll 5px 5px;color:#3B0B0B;border:2px outset #E6E6E6;margin:10px;padding:10px 10px 10px 40px;}

Style 7

REMAJA SAMPIT BLOG

blockquote {-moz-border-radius: 5px 5px 5px 5px; background-color: #d8d8d8; border: 5px double rgb(206, 212, 36); padding: 10px;}

Kalo udah di ganti sesuai selera, tinggal Save aja sob,,dan lihat hasilnya,
New Article Update Cara Mengedit Dan Merubah Quote Di Blog
CaraMengeditDanMerubahQuoteDiBlog