Make up your Blogs

Ebooks - Tips, How to, Themes Blogger, Wordpress template — By on March 1, 2009 at 8:16 am

You can do that purely with CSS by adding a class to the existing blockquote. Add the following to your theme’s style sheet…

blockquote.short{float:right;
font-family:Georgia, Arial, Serif;
margin:.5em;
padding:.5em;
font-size:1.25em;
background:none;
width:150px;
border-top:#FFA500 2px solid;
border-bottom:#FFA500 2px solid;
color:#FFA500;}

When you want to add a pullquote to a post, select blockquote then add `class=”short“.

For example:

Testing working <blockquote class=”short”>Hello world, How are you today !</blockquote>.

So, you can make a code as:

testing{
font-family:Courier;
margin:.5em;
padding:.5em;
font-size:1.25em;
background:none;
width:300px;
border-top:#FFA500 2px solid;
border-bottom:#FFA500 2px solid;
color:#FFA500;}

For example:

<testing>Some of the content inside “short” tags like this</testing>

Tokokoo 300x250
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Random Articles

0 Comments

You can be the first one to leave a comment.

Leave a Comment