Turorial Cara Memasang Atau Membuat Blockquote Di Blog Blogger

Gimana kabarnya semua? Baik-baik aja kan? Alhamdulillah. Karena saya akan memberi tahu sedikit tentang blockquote. Tau gak nih?

Ini lho yang dimaksud blockquote:

Contoh Blockquote

Sudah tau kan? Pengen buat juga? Ikuti langkah-langkah dibawah ini untuk membuat blockquote pada blog.

• Login ke akun blogger anda terlebih dahulu.
• Klik Tata Letak.
• Klik Edit HTML.
• Beri centang 'Expand Template Widget'.
• Cari kode ]]></b:skin>
• Setelah ketemu, pasang kode blockquote tepat diatasnya.
• Setelah memasang kode klik Simpan Template.

Kode Blockquote Dan Beberapa Contoh Blockquote.

Kode Blockquote 1

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

Kode Blockquote 2

.post blockquote { margin: 10px 10px 10px 20px; padding: 10px 15px 10px 15px; line-height: 1.6em; color: #000000; background: #e0ffff; border: 2px solid #4aa02c; border-left: 20px solid #4aa02c }

Kode Blockquote 3

.post blockquote { background:#c5c5c5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaItjjhW1HAv06QqxQu77M-tkmct0GadoLagt0w51PfYhDxe5n059RjH7utAue00-huhyphenhyphencruRdQebSdcaEmRgbl6sHOk6iDFeYwZFboONn4Gwf8cF4jmB99wS49sIJSEYpvuLn-hiIWq8w/s320/blockquote.png) no-repeat top left; padding:10px 20px 10px 45px; font-style:italic; border:1px solid #000000;}



Kode Blockquote 4

.post blockquote { margin: 10px 10px 10px 20px; padding: 10px 15px 10px 15px; line-height: 1.6em; color: #000000; background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png) no-repeat left top; border-left: 10px solid #666666; }



Kode Blockquote 5

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL6IluONO7oeOf2ETw8CvRmeth4LtWXrpUWF8IpzXTxRFOXOSO1smylLxQrjMmDjLXNI_IxYlfZGXDfKXFNPFYY4f30xG2nAfOS6LMN7_T3iGRQBEKhL8HyT5W32Y4pEGZ5MNFVm3DIoE/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; }

Kode Blockquote 6

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

Kode Blockquote 7

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

Kode Blockquote 8

blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmwEjvB0cwiqc2b63EOZ6tHmQMgzMFR2iJpDt2LNpsJoyIv-jueGaO_R9ybmbNax-QZEELlPZ4edACkfeQKT13EJ5Tv21OiBUAmAIQvd4H1ajDwEnAYzZFmzfb43tzlaW4N0mibn-mqpg/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

Coba satu kode saja. Jangan sekali banyak, karena akan membuat kode tidak dapat diparse dengan benar.

© Bravo Super Ampuh