Bloggerdaddy - A guide for new blogger

Secure your blog - How to take backup of your blog template?

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5G8cokvsQd48wKPscSanxVn67L8PAroTivFjEXt3S6imWT12iiCCO4-uHwLaMLbCgxTAiOj7mryqzThau8jZR1z_3W1JjVhm7or2P64vGizFDBTR0ayC9XCye2jStCTtHQFwp5-wfwOg/s1600/index-A.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5G8cokvsQd48wKPscSanxVn67L8PAroTivFjEXt3S6imWT12iiCCO4-uHwLaMLbCgxTAiOj7mryqzThau8jZR1z_3W1JjVhm7or2P64vGizFDBTR0ayC9XCye2jStCTtHQFwp5-wfwOg/s320/index-A.jpg" width="320" /></a></div>
<div style="text-align: center;">
 </div>
 
It is necessary to take backup of blog to avoid any malware of blog. Below are simple steps to take backup. 
 
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog) 
 
<img alt="template-menu-blogger" border="0" height="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5JdSIpQb9Y9A2z0X0Zp7Gksr_CszoZ-jxzFIcIAQUPXFRS-gcK4Vzf2XgFp8tv6TwRV57evmFjcLZrgni05MT6Z5DxEE-jUKYUgSBy95Wofo_Yvg1dHJYLi_jEKWb8YRxWJyUeWpwSA/?imgmax=800" style="border-width: 0px; display: inline;" title="template-menu-blogger" width="320" /> 
2. Now click on the "Backup/Restore" button on the right top of the page. 
<img alt="backup-restore-blogger-template" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRYVj4LkRQ13Sre93QuWiTQNXSVKYZTJVFtyzWd0xOLZM5TnkSVaxKGL5QBuJ7QrE-ikP1rdalj6dRY2w7CKZ1GTxDIZ2dHpL-OCCa8vHVphDIUpMpKdlcZHk-H1AIjbWrDt-wgPR_A4/?imgmax=800" style="border-width: 0px; display: inline;" title="backup-restore-blogger-template" width="320" /> 
3. You will see a popup with an option to download the current template. Click on that button 
<img alt="backup-blogger-template" border="0" height="173" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicdfsovGqzyP2Mn8Sjl7psbdvDwqIfVXUtyo5ynzmUQqlz738v4FHKj4IvpXBPTIJE1iugC0gkSK3doa7b2zxp_MeMWR1JCKXs1AcrIG6aPOIn8prjFbQN-5Ez43DT55U7ooVGp36VCVE/?imgmax=800" style="border-width: 0px; display: inline;" title="backup-blogger-template" width="320" /> 
4. You will get a backup XML file with the name template-somenumber.xml . Keep this backup file safe so that you can restore it when required. 
<h3>
How to restore the Blogger template from a previous backup</h3>
In
 case you have made some changes to the template and that has messed up 
the way your blog looks, you can restore the old template from the 
backup file which you might have created. Below are the steps to restore
 the template from a previous backup. 
. 
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog) 
<img alt="template-menu-blogger" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5JdSIpQb9Y9A2z0X0Zp7Gksr_CszoZ-jxzFIcIAQUPXFRS-gcK4Vzf2XgFp8tv6TwRV57evmFjcLZrgni05MT6Z5DxEE-jUKYUgSBy95Wofo_Yvg1dHJYLi_jEKWb8YRxWJyUeWpwSA/?imgmax=800" style="border-width: 0px; display: inline;" title="template-menu-blogger" width="320" /> 
 
 
2. Now click on the "Backup/Restore" button on the right top of the page. 
<img alt="backup-restore-blogger-template" border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSRYVj4LkRQ13Sre93QuWiTQNXSVKYZTJVFtyzWd0xOLZM5TnkSVaxKGL5QBuJ7QrE-ikP1rdalj6dRY2w7CKZ1GTxDIZ2dHpL-OCCa8vHVphDIUpMpKdlcZHk-H1AIjbWrDt-wgPR_A4/?imgmax=800" style="border-width: 0px; display: inline;" title="backup-restore-blogger-template" width="320" /> 
 
3. You will see a popup with an option to upload a template from your hard drive 
<img alt="upload-blogger-template-from-backup" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvHTSBw5vVGb5VyM7Tq2twftFbC8w0LDjRuFNaHHVHLnpayOC3Gu00a8vvnznd7LMSVvsm5_4Wq2RsAWIMPmkHXX0bgylL5Kz6aaKekY1EWxKkdjsVfCzKzWJB4i-GVGzFeaDWrZWdfxE/?imgmax=800" style="border-width: 0px; display: inline;" title="upload-blogger-template-from-backup" width="320" /> 
Now
 select the backup XML file which you had downloaded earlier while 
taking the backup.Once done the Upload button will be activated. Click 
that button to upload the backed up template. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV7nzGKTRW9SrSqVhwE9OfGEz7uZdqQv2-8QbScGkTm5sb9TCpIVe0nTo4gO3eaU8lW5k4I7n1TwOhyAXesOj7NDX5AUy3311MVTJrDmrnm_DhcqHGCZCorWfiNeu88uoWWcbtv-HGWUA/s1600/uploadbloggertemplatefrombackupxml2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV7nzGKTRW9SrSqVhwE9OfGEz7uZdqQv2-8QbScGkTm5sb9TCpIVe0nTo4gO3eaU8lW5k4I7n1TwOhyAXesOj7NDX5AUy3311MVTJrDmrnm_DhcqHGCZCorWfiNeu88uoWWcbtv-HGWUA/s320/uploadbloggertemplatefrombackupxml2.png" width="320" /></a></div>
 
 
 
 
 
 
 
 
 
 
 
 
Once the upload is complete, your old template should be back in action. 
 
 
<a href="http://blogerdaddy.blogspot.com/2016/01/seo-search-engine-optimization-tools.html">SEO (Search engine optimization) tools - Bring quality traffic to your blog or website </a> 
 
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<a class="titlex" href="http://blogerdaddy.blogspot.in/2016/01/seo-search-engine-optimization-tools.html">SEO (Search engine optimization) tools - Bring quality traffic to your blog or website </a> It is important that your blog or website should be reachable by user from thousands of simil 
- See more at: http://blogerdaddy.blogspot.in/#sthash.iKn6qLiT.dpuf</div>
</div>

Tips Tricks Secure your blog - How to take backup of your blog template?

It is necessary to take backup of blog to avoid any malware of blog. Below are simple steps to take backup. 1. Login to your blogge...

SEO (Search engine optimization) tools - Bring quality traffic to your blog or website

11:33:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="Image result for seo TOOLS" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTEFDYo6utfaNt4ovHn2XnubC7eZ8yI909tyjuZobVRTyRvk3h8" /></div>
 
 
It is important that your blog or website should be reachable by user from thousands of similar sites.by using #SEO tools quality traffic can be brought to your site. 
 
SEO is "a method or process of improving and optimizing the ranking of a website in search engine results". 
<a href="http://blogerdaddy.blogspot.com/2016/01/learn-search-engine-principles.html"> </a>
<a href="http://blogerdaddy.blogspot.com/2016/01/learn-search-engine-principles.html">Learn search engine principles to boost traffic.</a> 
 
 
 
Suggested <a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools">SEO Tools</a> are 
 
1. <a href="http://blogerdaddy.blogspot.com/2015/11/check-backlinks.html">Backlink Checker</a> – A list of sites that have linked to your blog or website. #Pagerank 
is largely determined by the number and quality of links to your site. 
Monitor this and you can probably guess what your Pagerank ought to be. 
 
2. <a href="http://blogerdaddy.blogspot.com/2015/11/links-analysis.html">Broken Link Checker</a>
 – A look at which of the links in your site are pointing to incorrect 
or non-existent URLs. Having too many outdated and broken links on your
 web page may irritate not only the readers but the search spiders. Do 
this housekeeping once in a while to remove the bad links. 
 
3. <a href="http://blogerdaddy.blogspot.com/2015/11/try_22.html">Google PageRank Checker</a> – The Google PageRank of your site. You can also download Mozilla Firefox with Google Toolbar to view the Google PageRanks of all the sites that you visit. 
 
4. <a href="http://blogerdaddy.blogspot.com/2015/11/indexed-pages-check.html">Index Checker</a>
 – Number of pages of your website that are #indexed by search engines. 
If pages are missing from the index, try submitting your sitemap again. 
 
5. <a href="http://blogerdaddy.blogspot.com/2015/11/check-keyword-density.html">Keyword Density Checker</a>
 – The keyword distribution in your webpage. This will by and large 
influence the sort of Ads that AdSense will place on your site. 
 
6. <a href="http://blogerdaddy.blogspot.com/2015/11/suggest-keywords.html">Keyword Suggestor</a> – Suggested popular keywords for your website. Bear in mind these keywords when writing or editing your posts. 
 
7. <a href="http://blogerdaddy.blogspot.com/2015/11/generate-meta-tags.html">Meta-tags Generator</a> – Configuration of website's meta-tags. Tailor a suitable description and set of keywords to be inserted into the template. 
 
8. <a href="http://blogerdaddy.blogspot.com/2015/11/generate-robotstxt.html">Robot .txt</a> – #Robots.txt file is a publicly available file. Anyone can see what sections of your server you don't want robots to use. 
 
9. <a href="http://blogerdaddy.blogspot.com/2015/11/webpage-spider-preview.html">Spider Simulator</a>
 – The page contents as seen by a search engine spider. Some may give 
you a breakdown of the commonly used keywords in your site. 
 
10. <a href="http://blogerdaddy.blogspot.com/2015/11/website-speed-test.html">Website Speed Test</a> – Speed of website page load. If you find the page load time a little long, take some measures to have a Faster Web Page Load Time. 
 
 
 
<a href="http://blogerdaddy.blogspot.in/2016/01/how-to-add-social-sites-counter-in-blog_39.html"> </a>
<a href="http://blogerdaddy.blogspot.in/2016/01/how-to-add-social-sites-counter-in-blog_39.html">How to add social site's counter in blog?</a> 
 </div>

Tips Tricks SEO (Search engine optimization) tools - Bring quality traffic to your blog or website

It is important that your blog or website should be reachable by user from thousands of similar sites.by using #SEO tools quality traf...

How to add social sites counter in blog?

10:23:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjQyKMaYteZYDyO1aqS6sTBQ9ayGSFXh5lt3bHWwEGjWr6dB2CzdzcEjDjnK1zksHdiJzkO9bCO7H0CrX4Wcjrq7ZWMTLQZ-YiAgzVEUMmJzGyYMi4Q_U55qcReqS_Pe2LQgfjloq4dg/s1600/images.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrjQyKMaYteZYDyO1aqS6sTBQ9ayGSFXh5lt3bHWwEGjWr6dB2CzdzcEjDjnK1zksHdiJzkO9bCO7H0CrX4Wcjrq7ZWMTLQZ-YiAgzVEUMmJzGyYMi4Q_U55qcReqS_Pe2LQgfjloq4dg/s400/images.jpg" /></a></div>
<div style="text-align: center;">
 </div>
<div style="text-align: left;">
Sometime we face blog load time trouble due to high java scipts that host different networks other than blogger. Java script based counters increase blog's load time. There is an easy method to publish all your favourite site follower counter such like Rss (Rich Site Summary), twitter, facebook. But it can be resolved by the method explained below, follow the instructions.</div>
<div style="text-align: left;">
 </div>
1. Log into your blogger Account. 
 
2. Go Design >> Page Elements 
 
3. Add a Gadget >> Html Java Script 
 
4. Copy the given code and paste it into your html java script gadgets content area. 
<blockquote class="tr_bq">
 <style> .rss-bd { background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TXM3kMMZ6iI/AAAAAAAABWs/mvD4oZKpcYA/RSS1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; } .twitter-bd { background: url(https://lh4.googleusercontent.com/_u4rBCfM4eII/TXM4FmiiE3I/AAAAAAAABW0/aXFjV0nLT7Q/TWITTER1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; } .facebook-bd { background: url(https://lh3.googleusercontent.com/_u4rBCfM4eII/TXM3FmsFCZI/AAAAAAAABWg/2fp5bNd5HWY/FACEBOOK1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; } .follower-rss, .follower-twitter, .follower-facebook { font-family: Georgia, sans-serif, Times; font-size: 1.1em; font-style:italic; color:#289728; } .follower-rss span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#FFB93C; } .follower-twitter span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#6DB6E6; } .follower-facebook span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#3889BA; } </style> <div class="rss-bd"> <div class="follower-rss"> 515 loyal readers </div> <a href="ADD RSS FEED URL HERE" rel="nofollow">RSS feed</a> | <a href="ADD RSS EMAIL FEED URL HERE" target="_blank" rel="nofollow">E-mail</a> </div> <div class="twitter-bd"><div class="follower-twitter">1058 followers</div> <a href="ADD YOUR TWITTER URL HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a> </div> <div class="facebook-bd"> </div> <a href="ADD YOUR FACEBOOK URL HERE" target="_blank" rel="nofollow">Join us on Facebook!</a> </div> <div class="follower-facebook">260 followers</blockquote>
 
Now Replace the liks 
 
1. Replace ADD RSS FEED URL HERE with your Rss feel URL 
 
2. Replace ADD RSS EMAIL FEED URL HERE with your Rss email URL 
 
3. Replace ADD YOUR TWITTER URL HERE with your Twitter account URL 
 
4. Replace ADD YOUR FACEBOOK URL HERE with your Facebook URL 
 
Save it and done. 
 
<a href="http://blogerdaddy.blogspot.com/2016/01/how-to-add-search-box-in-blog.html"> </a>
<a href="http://blogerdaddy.blogspot.com/2016/01/how-to-add-search-box-in-blog.html">How to add "Search box" in blog ?</a>   </div>

Tips Widgets How to add social sites counter in blog?

Sometime we face blog load time trouble due to high java scipts that host different networks other than blogger. Java script based cou...

How to add "Search box" in blog ?

2:44:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="text-align: center;">
<img alt="Image result for search box of blog" class="rg_i" data-src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRnXdzGN0PxIweU8ddrdyxaaqzQwlae78NGCRZ_fnt2qETK-PPTow" data-sz="f" jsaction="load:str.tbn" name="sZs3uGryG3n2qM:" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRnXdzGN0PxIweU8ddrdyxaaqzQwlae78NGCRZ_fnt2qETK-PPTow" style="height: 188px; margin-left: -11px; margin-right: -29px; margin-top: 0px; width: 189px;" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: left;">
"Search box" is useful gadget for blog reader. It is used to search keywords in blog. Follow below steps to add "search box" in blog.</div>
 
1. Log in to your Blogger Account. 
2. Go to Design >>Add a Gadget >> Add HTML/Java Script. Copy the codes given below and paste it. 
3. Replace YOUR BLOG URL with your blog address and also replace NAME OF YOUR BLOG to the name of your blog 
2. Save it and done. 
 
Codes are given in below 
 
 
 
<table border="0" cellpadding="2" cellspacing="0" style="width: 523px;"><tbody>
<tr> <td valign="top" width="521"><blockquote>
 
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get"> 
NAME OF YOUR BLOG 
<input id="b-query" maxlength="255" name="q"size="19" type="text"/> 
<input id="b-searchbtn" value="Search Here"type="submit"/> 
</form></blockquote>
 
<a href="http://blogerdaddy.blogspot.com/2016/01/add-block-quote-in-your-blog.html"> </a>
<a href="http://blogerdaddy.blogspot.com/2016/01/add-block-quote-in-your-blog.html">Add Block Quote in your Blog:</a> </td></tr>
</tbody></table>
</div>

Tips How to add "Search box" in blog ?

"Search box" is useful gadget for blog reader. It is used to search keywords in blog. Follow below steps to add "searc...

Add Block Quote in your Blog

3:37:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZi9vjRFle0v9fZDN0IyfmO0_kMUUTV44_w-xT_IrAOAYNPF0o8Kc7_6WNaInGQdqIEtTUrvH-l8ot8_pNY1yGRLlnKKquU3nQBbPRcRPtkRoUESQBIKU19MB8tiXm2ZuAbemksvN1dA/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZi9vjRFle0v9fZDN0IyfmO0_kMUUTV44_w-xT_IrAOAYNPF0o8Kc7_6WNaInGQdqIEtTUrvH-l8ot8_pNY1yGRLlnKKquU3nQBbPRcRPtkRoUESQBIKU19MB8tiXm2ZuAbemksvN1dA/s1600/Untitled.png" /></a></div>
<div style="text-align: center;">
 </div>
 
 
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.  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 class="tr_bq">
<div dir="ltr" trbidi="on">
<div style="text-align: justify;">
 
</div>
</div>
<div class="" style="border-bottom-color: rgb(205, 205, 205); border-bottom-left-radius: 15px 15px; border-bottom-right-radius: 15px 15px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-left-radius: 15px 15px; border-top-right-radius: 15px 15px; border-top-style: solid; border-top-width: 1px; margin-bottom: 1px; margin-left: 20px; margin-right: 20px; margin-top: 1px; padding-bottom: 2px; padding-left: 10px; padding-right: 9px; padding-top: 2px;">
<div style="text-align: center;">
<blockquote> Desired Text </blockquote></div>
</div>
</blockquote>
<div style="text-align: justify;">
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.</div>
1. Log in to Blogger Dashboard >>Design>>Edit HTML<br style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" />    Now Search out (Cntr+F, for browser search)  <b style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-color: initial; border-color: initial; border-style: initial; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">]]></b:skin><br style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" />2.  Copy the codes given below and paste just before the ]]></b:skin>in your blogger 
     template and save it. 
 
 
<blockquote class="tr_bq">
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; 
}</blockquote>
Now use block quote by clicking blockquote sign in post tool bar, see in image 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimKh-bvcVCwC1oJBdRZXqQjx7GS4HwTXEl6Be9hHeQawbO7HEwVpqVAJsTOsTM0liR8hq9Gx69n58TkFiRMOhYWMvo_HPbtg4lSvIuKslkipcM4_FhL7W2T8vfrjy8ICe2Y4GakQvb2o8/s1600/000.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimKh-bvcVCwC1oJBdRZXqQjx7GS4HwTXEl6Be9hHeQawbO7HEwVpqVAJsTOsTM0liR8hq9Gx69n58TkFiRMOhYWMvo_HPbtg4lSvIuKslkipcM4_FhL7W2T8vfrjy8ICe2Y4GakQvb2o8/s400/000.png" width="400" /></a></div>
 
 
 
 
or add the codes given below in HTML area of post start from <blockquote> and end with <lockquote> 
<blockquote class="tr_bq">
 <blockquote> Desired Text that you want to add. </blockquote></blockquote>
<div class="MsoNormal" style="margin-bottom: 12pt;">
 
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 (<a href="https://www.blogger.com/blogger.g?blogID=2318473155192028396#editor/target=post;postID=7203140498944306366;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=5;src=postname">See Color Picker</a>) 
2. If you want to add background image,
replace background: #cccccc; with given codes 
 
<o:p></o:p></div>
<blockquote class="tr_bq" style="margin-bottom: 0.5pt;">
background: #dfdfdf url(Your Desired image URL goes Here)
top left no-repeat; </blockquote>
<div class="MsoNormal" style="margin-bottom: 12pt;">
 </div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
3. You can change margin, padding and font according to
your layout. <o:p></o:p></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
 </div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
 </div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
Click below link</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<a href="http://blogerdaddy.blogspot.com/2016/01/pop-up-adsense-ads-widget.html">Pop Up Adsense Ads Widget</a></div>

<div class="MsoNormal">
 </div>
 
 
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
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 (<a href="http://mastblogtips.blogspot.com/p/color-picker.html">See Color Picker</a>) 
2. If you want to add background image, replace background: #cccccc; with given codes 
 - See more at: http://mastblogtips.blogspot.in/2011/08/add-block-quote-for-blogger.html#sthash.S8bR2BoP.dpuf</div>
 
 
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<pre style="background-attachment: initial; background-clip: initial; background-color: #9fc5e8; background-image: initial; background-origin: initial; border-color: initial; border-color: initial; border-left-color: black; border-right-color: black; border-style: initial; border-top-color: black; border-width: initial; font-size: 12px; height: 60px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 10px; outline-color: initial; outline-style: initial; outline-width: 0px; overflow-x: auto; overflow-y: auto; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><blockquote>
Desired Text that you want to add.
</blockquote></pre>
<blockquote class="tr_bq">
 - See more at: http://mastblogtips.blogspot.in/2011/08/add-block-quote-for-blogger.html#sthash.S8bR2BoP.dpuf <blockquote> Your text <blockquote class="tr_bq">
<blockquote> <lockquote>Your text<lockquote></blockquote>
</blockquote>
</div>
 </div>

Tips Add Block Quote in your Blog

Block quote plays important role if you writing some code in your post or highlighting something. Adding block quote in your blog ...

Secure your blog - How to take backup of your blog template?

SEO (Search engine optimization) tools - Bring quality traffic to your blog or website

How to add social sites counter in blog?

How to add "Search box" in blog ?

Add Block Quote in your Blog

Popular Posts

COMMENT

Blog Archive