Blockquote

Berikut Cara Membuat Blockquote
1. Login ke Blogger
2. Pilih Template > Edit HTML
3. Cari kode </style> , Jika sudah ketemu letakan kode dibawah ini tepat sebelum kode </style>

blockquote {
        font-family: &#39;Georgia&#39;, &#39;serif&#39;;
        font-size: 14px;
        font-style: bold;
        margin: 0.25em 0;
        padding: 15px 20px 15px 20px;
        border: dashed 1px #ccc;
        line-height: 1.45;
        color: #666;
        background: #f6f3f3
      }

4. Simpan Template

Macam-macam Blockqute :

Type 1.

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

Tampilannya

Type 2

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

Tampilannya

Type 3

.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifO1hezjloGw_SxJ02tp4haI_6YRYkkD-WlSB1ZzWN29iJDzbR4Ps5rzcQPlDob564LhEoqPkXoaNpcXq0WD2E9hRwlvK7Xr4V258iqLLj4NjBOrpswhEZy9gzNBm5OhRGhjbznzHXE-o/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixkwOutPfA9Tuh9H_L2lbErMy8aCoBM4aKuNqgO0y7X-11nyhph7T1jRK18nJnsrRhsUyYbz0wRFgFBBeEM3uE3z-_b8l4FF5UJgGdtCP0uucGCEXOHzDjo6u5nolp4-bdTkJD9tAGvtQ/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }

Tampilannya :

Type 4

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaamMBjQD-I_yF7iV7stObYptlgelGDG1RhJnHnG6UPbIzLUHNmbpRYTF0ojHSjoUuvT5LLC6nnS6S2VHx2i2HacbWUq7T9aUG89zr-rh0TAYR6_MVCz6RS3x90y-s4YKY0O4tRZrfSH0/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }

 Tampilannya :

fc
Type 5

 .post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyux1JxnHAqyfc76TdedMiDScWB3vcaht-Pl4xFHnYAMKdIyTwTa9x1l5BI3a8SgR-DDpgu4qobWy4fVv2pVm8JH-QE5cVocNVydwPVbULBHuc4N66HQLrv06oIvRrod3tOeA8w5HqQrU/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }

 Tampilannya :