Modify the Appearance of the Blockquote in a Blog

Ditulis oleh Bibit WS pada 2010/06/15 | 6/15/2010 12:29:00 PM

Blockquote is an HTML tag is typically used to display the quotes. For example, we find interesting sentence from someone and want to display it on your blog or website, it is used blockquote. Blockquote created using <blockquote> code beginning and ending with </blockquote>. Blockquote can be edited using the CSS code in your blog template. For example, given a background color or image, modified form or be given font and border color. So that it can appear more beautiful. Whatever you like.
The following example display blockquote on this blog:



OK. If you like the look like the blockquote above, please refer to the following steps.

Step 1.
Go to your Blogger Dashboard. And click "Design" - "Edit HTML". Checklist "Expand Widget Templates"s' box.

Step 2.
Find ]]></b:skin> code on your template. Copy the code below and paste the above of code ]]></b:skin> .
blockquote {margin: 10px 10px 10px 25px; padding: 10px 15px 10px 60px; color: #000000; background: url(http://2.bp.blogspot.com/_PV0fG9kDVFw/TBcLuzU9CHI/AAAAAAAAAC0/7XAo0adGC88/s320/quote.jpg) no-repeat left top; background-color: #fff; border-left: 2px solid #ccc; border-top: 2px solid #ccc; border-right: 10px solid #ccc; border-bottom: 10px solid #ccc; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;}

Step 3.
Save your blog template by click "SAVE TEMPLATE" button. DONE.

How do I create a blockquote appear on post pages?

You just need to start a sentence with <blockquote> and end sentences with </blockquote>. For example:

<blockquote> YOUR SENTENCES HERE </blockquote>


The result is like this:

YOUR SENTENCES HERE

For the occasion this time is quite up to here. See you.

2 komentar:

  1. nice artikel....big smile 4 u....

    BalasHapus
  2. @goeztcool: thank you . I like your smile :D

    BalasHapus

Diberdayakan oleh Blogger.