At tips and tricks tips and tricks blog bloggerPada this time we will amend and modify the blockquote in a blog kita.Ada who do not know what it is blockquote? Blockquote is a sign used to mark an important article, so that it looks different from other writings.
How to use the blockquote is by writing the desired block, then you click on the column quotes CMS, see the picture below:
Well already know right? If you do not like the shape of your blockquote, you can modify its shape in accordance with the tastes anda.Mau know how? easy:
1. Go to LAYOUT -> EDIT HTML
2. You find the code below:
. blockquote post code or there is a template that was only just blockquote
3. Enter the html code below:
. post blockquote {
margin: 1em 20px;
border: 3px dotted # FF0000;
padding: 10px;
}
The form will look like this:
4. Save, and see the results ...
Important:
1. yellow border is a form you can change to your liking
2. green is the color of the border, change your liking
3. For other forms of border, you can see his tutorial here: http://www.tizag.com/cssT/border.php
Examples of some types of image border:
So what if want to put pictures on your blockquote modification?
See code below:
. post blockquote {background: url (http://enter address of your image that has beendiupoad on photosharing site here) no-repeat top left; padding: 10px 20px 10px 45px;}
blue color is the size of the portrait that you can customize your template.
See code below:
. post blockquote {background: url (http://enter address of your image that has beendiupoad on photosharing site here) no-repeat top left; padding: 10px 20px 10px 45px;}
blue color is the size of the portrait that you can customize your template.
Posts
