Liked

Pin It

Add Block Quote For Blogger


Block quote plays important role if you writing some code in your post or highlighting something. Adding block quote in your blog is not difficult task. If your template has no coding for block quote, it can added manually by following the steps given below and if the codes for block quote exists, you can still customize it for better layout. Now understand that What is Block Quote and how it works. Block Quote is a Tag (You can find out more information in my previous post Here ). Blockquote <blockquote> tag defines a quotation, Most of Popular Browser recognize it and shows Text under blockquote differently as space, background to it. Block quote is used to show long quotation or extract different from main text in paragraph. It starts <blockquote>  and closing tag is </blockquote>. The desired Text is written between opening tag and closing tag. if I want to write "Desired Text" under Block Quote, the codes are 

<blockquote> Desired Text </blockquote>


Now look an example of my another blog's Link that I have added under blockquote.


Please Visit My Hidi Blog also  अरविन्द जांगिड      कहानीघर,     आवाज                          "आपके आगमन हेतु आभार"


The above Links are under Block Quote tag. 


Adding Block Quote in Template  If your template has no codes for block quote, You can easily add in to your template. Follow the instructions.
1. Log in to Blogger Dashboard >>Design>>Edit HTML
    Now Search out (Cntr+F, for browser search)  
]]></b:skin>
2.  Copy the codes given below and paste just before the ]]></b:skin>in your blogger
      template and save it. 
blockquote {
background: #cccccc;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
width: 450px;
height: auto;
border: 2px dotted #FFCC66;
text-align: left;
font-style:italic;
color: #6e6e6e;
}
Now use block quote by clicking blockquote sign in post tool bar, see in image




or add the codes given below in HTML area of post start from <blockquote> and end with </blockquote>



<blockquote>
Desired Text that you want to add.
</blockquote>


You have added block quote to your template and ready for use. Now, Learn how to customize it. 
1. Replace #cccccc; with suitable background color Hex value (See Color Picker)
2. If you want to add background image, replace background: #cccccc; with given codes


background: #dfdfdf url(Your Desired image URL goes Here) top left no-repeat; 


3. You can change margin, padding and font according to your layout. Finally,  If you have any
     question, Please leave your comment or e-mail me in your suggestion. 


Arvind

If You Found Something Useful, Then Kindly share This Now:
Technorati Digg This Stumble Stumble Facebook Twitter
साँझा करें Share It Now !
StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook

3 comments:

  1. Good article but one thing is missing you have not shared how to add image in block quote. Hope so will get update soon.
    website design

    ReplyDelete
  2. Daytona is alike with the hublot replica chase clue circuits and is absolute acclaimed through out the Grand Prix world. It is aswell the name of a Rolex watch, and aswell referred to as the "Oyster Able Cosmography". This watch has become the best of abounding a antagonism disciplinarian and has acceptable the tag of accepting the "racing driver's choice" due to affidavit actually accurate and justified. The advertiser of Omega replica watches was founded at La Chaux-de-Fonds, Switzerland in 1848 by 23-year-old Louis Brant, who accumulated key-wound absorption abridged watches from locations supplied by rolex replica bounded craftsmen. He awash his watches from Italy to Scandinavia by way of England, his arch market. Afterwards Louis Brandt's afterlife in 1879, his two sons Louis-Paul and, afflicted by aberrant deliveries of ambiguous quality, alone the unsatisfactory accumulation branch arrangement in favour of centralized accomplishment and absolute assembly control. Due to the greater accumulation of replica watches manpower, communications and activity in Biel, the action confused into a baby branch in January 1880, afresh bought the absolute architecture in December. Two years afterwards the aggregation confused into a adapted spinning-factory in the Gurzelen commune of Biel, area address are still anchored today. Their aboriginal series-produced calibres, Labrador and Gurzelen, as able-bodied as the acclaimed Omega calibre of 1894, would ensure the http://www.swisssreplicawatches.co.uk brand's business success. Louis-Paul and Brandt both died in 1903, abrogation one of Switzerland's bigger watch companies with 240,000 watches produced annually and employing 800 humans — in the calmly of four adolescent people, the oldest of whom, Paul-Emile Brandt, was not yet 24. Brandt was the abundant artist and architect of Omega. His access would be acquainted over the next half-century. The bread-and-butter difficulties brought on by the Aboriginal Apple War would advance him to plan actively from 1925 adjoin the abutment of Omega and Tissot, afresh to their alliance in 1930 aural the accumulation SSIH, Geneva. Beneath his leadership, and from 1955 that of Joseph Reiser, the SSIH Accumulation connected to abound and multiply, arresting or creating some fifty companies. By the seventies, SSIH had become Switzerland's amount one ambassador of cartier replica accomplished watches and amount three in the world. Not anymore.We advertise the finest Replica Omega Seamaster Watches from any marketplace. Our watch aloft can't be exhausted as every one of our Replica Omega Seamaster Watches is anxiously activated bfore we address it to our consumers.

    ReplyDelete
  3. Good article but one thing is missing you have not shared how to add image in block quote. Hope so will get update soon.
    บาคาร่าออนไลน์
    GCLUB
    GCLUB Casino
    GClub online

    ReplyDelete

Your Suggestions are valuable for me.

FeedBurner Updates

 

Thanks for Your Arrival !

Followers

Your Precious Arrival

© 2011-2013. Mast Blog Tips All Rights Reserved Arvind Jangid, Sikar, Rajasthan. Template by Mast Blog Tips | Back To Top |