January 2016 | 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">
<br />
<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;">
<br /></div>
<br />
It is necessary to take backup of blog to avoid any malware of blog. Below are simple steps to take backup.<br />
<br />
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog)<br />
<br />
<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" /><br />
2. Now click on the "Backup/Restore" button on the right top of the page. <br />
<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" /><br />
3. You will see a popup with an option to download the current template. Click on that button<br />
<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" /><br />
4. You will get a backup XML file with the name <strong>template-</strong>somenumber<strong>.xml . </strong>Keep this backup file safe so that you can restore it when required.<br />
<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.<br />
.<br />
1. Login to your blogger account, and go to the Template section in the blogger dashboard(for that blog)<br />
<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" /> <br />
<br />
<br />
2. Now click on the "Backup/Restore" button on the right top of the page. <br />
<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" /><br />
<br />
3. You will see a popup with an option to upload a template from your hard drive<br />
<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" /><br />
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.<br />
<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>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Once the upload is complete, your old template should be back in action.<br />
<br />
<br />
<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><br />
<br />
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<strong><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></strong> It is important that your blog or website should be reachable by user from thousands of simil<br />
- 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">
<br />
<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>
<br />
<br />
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.<br />
<br />
SEO is "a method or process of improving and optimizing the ranking of a website in search engine results".<br />
<a href="http://blogerdaddy.blogspot.com/2016/01/learn-search-engine-principles.html"><br /></a>
<a href="http://blogerdaddy.blogspot.com/2016/01/learn-search-engine-principles.html">Learn search engine principles to boost traffic.</a><br />
<br />
<br />
<br />
<span style="color: #339999; font-weight: bold;">Suggested <a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools">SEO Tools</a> are</span><br />
<span style="color: #339999; font-weight: bold;"><br /></span>
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.<br />
<br />
2. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/links-analysis.html">Broken Link Checker</a></span>
 – 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.<br />
<br />
3. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/try_22.html">Google PageRank Checker</a></span> – 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.<br />
<br />
4. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/indexed-pages-check.html">Index Checker</a></span>
 – Number of pages of your website that are #indexed by search engines.  
If pages are missing from the index, try submitting your sitemap again.<br />
<br />
5. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/check-keyword-density.html">Keyword Density Checker</a></span>
 – The keyword distribution in your webpage.  This will by and large 
influence the sort of Ads that AdSense will place on your site.<br />
<br />
6. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/suggest-keywords.html">Keyword Suggestor</a></span> – Suggested popular keywords for your website.  Bear in mind these keywords when writing or editing your posts.<br />
<br />
7. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/generate-meta-tags.html">Meta-tags Generator</a></span> – Configuration of website's meta-tags.  Tailor a suitable description and set of keywords to be inserted into the template.<br />
<br />
8. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/generate-robotstxt.html">Robot .txt</a></span> – #Robots.txt file is a publicly available file. Anyone can see what sections of your server you don't want robots to use.<br />
<br />
9. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/webpage-spider-preview.html">Spider Simulator</a></span>
 – The page contents as seen by a search engine spider.  Some may give 
you a breakdown of the commonly used keywords in your site.<br />
<br />
10. <span style="color: #993399; font-weight: bold;"><a href="http://blogerdaddy.blogspot.com/2015/11/website-speed-test.html">Website Speed Test</a></span> – 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.<br />
<br />
<br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/2016/01/how-to-add-social-sites-counter-in-blog_39.html"><br /></a></span>
<span style="font-size: large;"><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></span><br />
<br /></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;">
<br /></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;">
<br /></div>
1. Log into your blogger Account.<br />
<br />
2. Go Design >> Page Elements<br />
<br />
3. Add a Gadget >> Html Java Script<br />
<br />
4. Copy the given code and paste it into your html java script gadgets content area.<br />
<blockquote class="tr_bq">
<br /><style><br />.rss-bd {<br />background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TXM3kMMZ6iI/AAAAAAAABWs/mvD4oZKpcYA/RSS1.png) no-repeat;<br />height: 64px;<br />padding: 0px 20px 0px 80px;<br />margin-top: 20px;<br />}<br />.twitter-bd {<br />background: url(https://lh4.googleusercontent.com/_u4rBCfM4eII/TXM4FmiiE3I/AAAAAAAABW0/aXFjV0nLT7Q/TWITTER1.png) no-repeat;<br />height: 64px;<br />padding: 0px 20px 0px 80px;<br />margin-top: 20px;<br />}<br />.facebook-bd {<br />background: url(https://lh3.googleusercontent.com/_u4rBCfM4eII/TXM3FmsFCZI/AAAAAAAABWg/2fp5bNd5HWY/FACEBOOK1.png) no-repeat;<br />height: 64px;<br />padding: 0px 20px 0px 80px;<br />margin-top: 20px;<br />}<br />.follower-rss, .follower-twitter, .follower-facebook {<br />font-family: Georgia, sans-serif, Times;<br />font-size: 1.1em;<br />font-style:italic;<br />color:#289728;<br />}<br />.follower-rss span {<br />font-size: 1.9em;<br />font-weight: bold;<br />font-style:italic;<br />color:#FFB93C;<br />}<br />.follower-twitter span {<br />font-size: 1.9em;<br />font-weight: bold;<br />font-style:italic;<br />color:#6DB6E6;<br />}<br />.follower-facebook span {<br />font-size: 1.9em;<br />font-weight: bold;<br />font-style:italic;<br />color:#3889BA;<br />}<br /></style><br /><div class="rss-bd"><br /><div class="follower-rss"> <span>515</span> loyal readers<br /></div><br /><a href="ADD RSS FEED URL HERE" rel="nofollow">RSS feed</a><br />| <a href="ADD RSS EMAIL FEED URL HERE" target="_blank" rel="nofollow">E-mail</a><br /></div><br /><div class="twitter-bd"><div class="follower-twitter"><span>1058</span> followers</div><br /><a href="ADD YOUR TWITTER URL HERE" target="_blank" rel="nofollow" title="I definitely follow you back">Follow us on Twitter!</a><br /></div><br /><div class="facebook-bd"><br /></div><br /><a href="ADD YOUR FACEBOOK URL HERE" target="_blank" rel="nofollow">Join us on Facebook!</a><br /></div><br /><div class="follower-facebook"><span>260</span> followers</blockquote>
<br />
<b><span style="color: purple;">Now Replace the liks</span></b><br />
<br />
1. Replace ADD RSS FEED URL HERE with your Rss feel URL<br />
<br />
2. Replace ADD RSS EMAIL FEED URL HERE with your Rss email URL<br />
<br />
3. Replace ADD YOUR TWITTER URL HERE with your Twitter account URL<br />
<br />
4. Replace ADD YOUR FACEBOOK URL HERE with your Facebook URL<br />
<br />
Save it and done.<br />
<br />
<a href="http://blogerdaddy.blogspot.com/2016/01/how-to-add-search-box-in-blog.html"><br /></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">
<br />
<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;">
<br /></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>
<br />
1. Log in to your Blogger Account.<br />
2. Go to Design >>Add a Gadget >> Add HTML/Java Script. Copy the codes given below and paste it. <br />
3. Replace YOUR BLOG URL with your blog address and also replace NAME OF YOUR BLOG to the name of your blog<br />
2. Save it and done.<br />
<br />
Codes are given in below          <br />
<br />
<br />
<br />
<table border="0" cellpadding="2" cellspacing="0" style="width: 523px;"><tbody>
<tr>               <td valign="top" width="521"><blockquote>
<p align="left"><br />
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get"><br />
<strong>NAME OF YOUR BLOG<br/></strong><br />
<input id="b-query" maxlength="255" name="q"size="19" type="text"/><br />
<input id="b-searchbtn" value="Search Here"type="submit"/>                    <br />
</form></p></blockquote>
<br />
<a href="http://blogerdaddy.blogspot.com/2016/01/add-block-quote-in-your-blog.html"><br /></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">
<br />
<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;">
<br /></div>
<br />
<br />
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;">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.</span><br />
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"> 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 i</span><span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;">t. 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 </span><br />
<blockquote class="tr_bq">
<div dir="ltr" trbidi="on">
<div style="text-align: justify;">
<span class="Apple-style-span" style="font-family: "arial" , "helvetica" , sans-serif; font-size: xx-small;"><br />
</span></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;">
<span class="Apple-style-span" style="font-family: "courier new" , "courier" , monospace;"><span class="Apple-style-span" style="color: red;"><b><blockquote></b></span> <span class="Apple-style-span" style="color: #38761d;"><b>Desired Text</b></span> <span class="Apple-style-span" style="color: red;"><b></blockquote></b></span></span></div>
</div>
</blockquote>
<div style="text-align: justify;">
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><u><b><span class="Apple-style-span" style="color: #0b5394;">Adding Block Quote in Template</span></b></u>  If your template has no codes for block quote, You can easily add in to your template. Follow the instructions.</span></div>
<span class="Apple-style-span" style="background-color: white; font-family: "georgia" , "times new roman" , serif;"><span class="Apple-style-span" style="line-height: 23px;">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)  </span></span><span class="Apple-style-span" style="line-height: 23px;"><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;"><span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;">]]></b:skin></span></span></b></span><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="line-height: 23px;"><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;" /></span></span><span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif; line-height: 23px;">2.  </span><span class="Apple-style-span" style="color: #222222; font-family: "georgia" , "times new roman" , serif; line-height: 21px;">Copy the codes given below and paste just before the <b>]]></b:skin></b>in your blogger</span><br />
<span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="color: #222222; font-family: "georgia" , "times new roman" , serif; line-height: 21px;">     </span><span class="Apple-style-span" style="color: #222222; font-family: "georgia" , "times new roman" , serif; line-height: 21px;">template and save it.</span></span><br />
<span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="color: #222222; font-family: "georgia" , "times new roman" , serif; line-height: 21px;"><br /></span></span>
<br />
<blockquote class="tr_bq">
blockquote {<br />
background: #cccccc;<br />
margin-left: 10px;<br />
margin-right: 10px;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
width: 450px;<br />
height: auto;<br />
border: 2px dotted #FFCC66;<br />
text-align: left;<br />
font-style:italic;<br />
color: #6e6e6e;<br />
}</blockquote>
<span class="Apple-style-span" style="background-color: white; font-family: "georgia" , "times new roman" , serif; line-height: 23px;">Now use block quote by clicking blockquote sign in post tool bar, see in image</span><br />
<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>
<span class="Apple-style-span" style="background-color: white; font-family: "georgia" , "times new roman" , serif; line-height: 23px;"><br /></span><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><span class="Apple-style-span" style="line-height: 23px;">or add the codes given below in </span>HTML area of post start from <blockquote> and end with <</span><span style="font-family: georgia, 'times new roman', serif;">lockquote></span><br />
<blockquote class="tr_bq">
<br /><br /><blockquote><br />Desired Text that you want to add.<br /></blockquote></blockquote>
<div class="MsoNormal" style="margin-bottom: 12pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br />
</span><span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">You have added block quote to your template and ready for use. Now, Learn
how to customize it. </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br />
</span><span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">1. Replace <i>#</i>cccccc<i>; 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"><span style="color: blue;">See Color Picker</span></a>)</i></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br />
</span><i><span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">2. If you want to add background image,
replace background: #</span></i><span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">cccccc<i>;<span style="color: #6e6e6e;"> </span>with given codes</i></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br />
<br />
<o:p></o:p></span></div>
<blockquote class="tr_bq" style="margin-bottom: 0.5pt;">
<span style="font-family: "Courier New"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">background: #dfdfdf url(Your Desired image URL goes Here)
top left no-repeat; </span></blockquote>
<div class="MsoNormal" style="margin-bottom: 12pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">3. You can change margin, padding and font according to
your layout. </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Georgia","serif"; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-language: GU; mso-fareast-font-family: "Times New Roman";">Click below link</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Georgia, serif;"><a href="http://blogerdaddy.blogspot.com/2016/01/pop-up-adsense-ads-widget.html">Pop Up Adsense Ads Widget</a></span></div>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;">

</span><br />
<div class="MsoNormal">
<br /></div>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<div id="stcpDiv" style="left: -1988px; position: absolute; top: -1999px;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">You have added block quote to your template and ready for use. Now, Learn how to customize it. </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">1. Replace<span class="Apple-style-span" style="background-color: white;"> </span></span><span class="Apple-style-span" style="font-style: italic; line-height: 21px;"><span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif;">#</span></span><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 18px;">cccccc</span><span class="Apple-style-span" style="font-style: italic; line-height: 21px;">;</span></span></span><span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif; font-style: italic; line-height: 21px;"> with suitable background color Hex value (<a href="http://mastblogtips.blogspot.com/p/color-picker.html">See Color Picker</a>)</span><br />
<span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif; font-style: italic; line-height: 21px;">2. If you want to add background image, replace </span><span class="Apple-style-span" style="font-style: italic; line-height: 21px;"><span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif;">background: </span><span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif;">#</span></span><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="line-height: 18px;">cccccc</span><span class="Apple-style-span" style="font-style: italic; line-height: 21px;">;</span><span class="Apple-style-span" style="color: #6e6e6e; font-style: italic; line-height: 21px;"> </span></span></span><span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif; font-style: italic; line-height: 21px;">with given codes</span><br />
<span class="Apple-style-span" style="background-color: white; font-family: Georgia, 'Times New Roman', serif; font-style: italic; line-height: 21px;"></span> - See more at: http://mastblogtips.blogspot.in/2011/08/add-block-quote-for-blogger.html#sthash.S8bR2BoP.dpuf</div>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<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;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b><span class="Apple-style-span" style="color: red;"><blockquote></span>
Desired Text that you want to add.
<span class="Apple-style-span" style="color: red;"></blockquote></span></b></span></pre>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><blockquote class="tr_bq">
 - See more at: http://mastblogtips.blogspot.in/2011/08/add-block-quote-for-blogger.html#sthash.S8bR2BoP.dpuf<br /><blockquote><br />Your text<br /><blockquote class="tr_bq">
<blockquote><br /><span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><</span><span style="font-family: georgia, 'times new roman', serif;">lockquote></span><span style="font-family: georgia, 'times new roman', serif;">Your text</span><span class="Apple-style-span" style="font-family: "georgia" , "times new roman" , serif;"><</span><span style="font-family: georgia, 'times new roman', serif;">lockquote></span></blockquote>
</blockquote>
</div>
<br /></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 ...

Pop Up Adsense Ads Widget

12:39:00 AM 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/AVvXsEi_SSDwD4H1EsPWQOknNc0aXgXMt3TrTKcdUeC3aMqpHZmw_Crny1FioCZywHDfJdnPsFn5av3RPweVwaCKL3ZpYXsb5I9eMe1chf9ValPvMkwim5Z1aj4I-eJ-kLnNNDd0mW2iD8NR5zA/s1600/k9padyzc.bmp" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_SSDwD4H1EsPWQOknNc0aXgXMt3TrTKcdUeC3aMqpHZmw_Crny1FioCZywHDfJdnPsFn5av3RPweVwaCKL3ZpYXsb5I9eMe1chf9ValPvMkwim5Z1aj4I-eJ-kLnNNDd0mW2iD8NR5zA/s320/k9padyzc.bmp" width="228" /></a></div>
<div class="separator" style="clear: both;">
Lot`s of people want more RPM from adsense and want more money i have lot`s of tips about ADSENSE well this widget will help you actually this widget In CSS and HTML form but don`t wary you just follow the below picture step</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogerbosss.blogspot.in/" target="_blank"><u><span style="font-size: medium;"><b>Live Demo</b></span></u></a> </div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
<span style="color: purple;"><span style="font-size: large;"><b>Step1.</b></span> <u><b><span style="font-size: x-small;">Adding</span> Pop Up Adsense Code</b></u></span></div>
<div class="separator" style="clear: both;">
<span style="color: purple;"><u><b><br /></b></u></span></div>
Blogger>>Layout>><br />
click Add a gadget <br />
find HTML/JavaScript(The picture below)<br />
<br />
<br />
<div class="separator" style="clear: both;">
<img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRQXgkkRoBRaAtaXNp5909vj_avMABv7V9T11bOGZEpPjnWZUrzUGE-7419RrknYZINWvzk5jOFSme7VOiPZ9eN_H5bbs3xldWDnZJHUBkclOGboZ9IVSjdga0BoMnQXQVo2uDw-CAJw8/s1600/HTML+Javascript.png" width="320" /></div>
<br />
Past The below the<br />
<br />
<br />
<blockquote class="tr_bq">
<style>#topbar {height:30px;width:auto;background: #005094 url('http://lh3.ggpht.com/_beEpWOXwLJE/TIb57Lu4fwI/AAAAAAAABE0/q7niFVRbyNE/top-toolbar.jpg');background-repeat:repeat-x;text-align:left;padding-top:4px;}#adsground {height:auto;margin:0 auto;width: 336px;background:#fff;border-bottom:2px #005094 solid;border-right:2px #005094 solid;border-left:2px #005094 solid;text-align:Center;padding:4px;}<br />
    #headlineatas {opacity:1.0;height:auto;width:auto;position:fixed;top:65px;left:170px;border-bottom:1px #005094 solid;border-bottom:0px blue solid;color:#333;padding:0px;z-index:1001;font-size:13px;}</style><script type="text/javascript">function getValue(){document.getElementById("headlineatas").style.display = 'none';}</script><div id="headlineatas"><br />
<div id="topbar"><br />
<img align="left" style="padding-left:2px;" src="http://icons.iconarchive.com/icons/deleket/folder/24/Mozilla-Thunderbird-icon.png" /><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJzw8NIgwDxzS7wRcwaAiT7oMEdn3_02Gu4RG-HwYhh8IfJZFIT5XOlpxpBJMd_iIVnZsYIjx3PpZuNGaVoDSlwV6H16OekvP9oRbmjC3a0ZiS_L9yJC_wBxQ56-NmfQzks-BU2tmNnxo/s1600/close.png" /></target="_blank"></span></div><br />
<div id="adsground"><br />
<h3><br />
<a href="http://blogerdaddy.blogspot.in/">Get This Pop-up Window</a><p align="left"><br />
<h3><br />
</h3><br />
</p><br />
<span style="color: red;">your Adsense Code Here</span><br />
<img src="https://lh3.googleusercontent.com/-FWz-tmKXF8A/VpqSZAbCNXI/AAAAAAAAB7k/7TkmJSg2dG4/s170-Ic42/dfdfd.png" height="320" widht="320"><br />
<span style="color: red;">your Adsense Code Here</span><br />
<p><br />
<br/></p><br />
</div><br />
</div></blockquote>
<div>
<br /></div>
<br />
<span style="color: purple;"><span style="font-size: medium;"><b>Step2.</b></span><u><b>Adding Adsense Your code</b></u></span><br />
Remove <span style="color: red;">your adsense code Here</span><br />
note:you find [your adsense code Here] remove 1 to 2<br />
Past Your Adsense Ads Code<br />
click Save!<br />
<br />
<span style="font-size: medium;"><span style="color: #38761d;"><b>Congratulation!</b></span></span><br />
<span style="font-size: medium;"><span style="color: #38761d;"><b><br /></b></span></span>
<span style="font-size: medium;"><span style="color: #38761d;"><b><a href="http://blogerdaddy.blogspot.com/2016/01/boost-traffic-by-submitting-your-blog.html"><br /></a></b></span></span>
<span style="font-size: medium;"><span style="color: #38761d;"><b><a href="http://blogerdaddy.blogspot.com/2016/01/boost-traffic-by-submitting-your-blog.html">Boost Traffic by submitting your blog to top rated sites </a></b></span></span></div>

Widgets Pop Up Adsense Ads Widget

Lot`s of people want more RPM from adsense and want more money i have lot`s of tips about ADSENSE well this widget will help you actuall...

Common Reasons Why Bloggers Fail To Make Money

11:35:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3q5kcRu3zZLq2rWl3y3D1-U6DcUmhy39apYd930qQbLhpTbwYX5ydntybLRn2jFWXyEe4Oa3A9mmj2VMIRnmF8THo-o8CgqtdKgB5oou6Bd8cjVnyKggu2au2zTUWqclqwcUr2suNSjI/s1600/images4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3q5kcRu3zZLq2rWl3y3D1-U6DcUmhy39apYd930qQbLhpTbwYX5ydntybLRn2jFWXyEe4Oa3A9mmj2VMIRnmF8THo-o8CgqtdKgB5oou6Bd8cjVnyKggu2au2zTUWqclqwcUr2suNSjI/s320/images4.jpg" width="320" /></a></div>
<br /></div>
<br />
<h3>
1. Visible your site by search engine</h3>
<h3>
<span style="font-weight: normal;"><span style="font-size: small;">Your site should be visible by search engine, so that user will visit your site frequently. Your site should higher <a href="http://blogerdaddy.blogspot.com/2015/12/how-to-calculate-your-seo-score.html">SEO score</a> for better visibility by search engine.</span></span></h3>
<h3>
<span style="font-weight: normal;"><span style="font-size: small;">To understand <a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">SEO</a> you need to be aware of the architecture of search engines. They all contain the following main components:</span></span></h3>
<br />
   <i>Spider</i> - a browser-like program that downloads web pages.<br />
<br />
   <i>Crawler</i> – a program that automatically follows all of the links on each web page.<br />
<br />
   <i>Indexer</i> - a program that analyzes web pages downloaded by the spider and the crawler.<br />
<br />
   <i>Database</i>– storage for downloaded and processed pages.<br />
<br />
   <i>Results engine </i>– extracts search results from the database.<br />
<br />
<br />
<h3>
<span style="font-size: small;">  <span style="font-weight: normal;"> <span style="font-family: inherit;"><i>Web server</i> – a server that is responsible for interaction between the user and other search engine co</span>mponents.</span> </span></h3>
<h3>
<span style="font-size: small;"><br /></span></h3>
<h3>
<span style="font-size: small;">
2. Your design is terrible</span></h3>
The old ad<span style="font-family: inherit;">age claims that content is king, but that's not necessarily 
true. It is at least prince, but there is one element that is probably 
more important: design. Think about it this way. If you visited a site 
that was poorly designed, </span>would you even bother to read the content? 
Chances are you'd just leave and think that the page was spam. If your 
site isn't well designed, it doesn't matter what kind of content you 
have. <br />
<br />
Thankfully, there are many resources for fixing your design problems. Most 
particularly, image sizes and fonts are the biggest errors that bloggers
 make. Make your text easy to read, and people will read it. It's really
 that simple.<br />
<br />
<h3>
 3. People can't navigate your site</h3>
Navigation falls partly under design, but it is also a category into its
 own. A website is not just a single page, but rather a series of pages 
that link together - which is why they call it a web. Yet too many 
bloggers make the navigation process far too difficult. If people don't 
know how to get around your site, how are they going to become regular 
readers or customers? When people can't find their ways around, they 
tend to leave. <br />
<br />
What irks me most about poor site navigation is that it's so easy. The <a href="http://blogerdaddy.blogspot.in/search/label/Template">WordPress</a> engine allows you to add a full and robust navigation menu,
 complete with drop-downs, on every single page of your blog. So why not
 take advantage? Create navigation bar entries for your most popular 
pages. Add drop-downs for categories and tags. Make sure there's a clear
 and click-able "home" button. In other words, make sure that you can 
get essentially anywhere on the site, no matter your current page.<br />
<br />
<h3>
 4. You don't make it easy to pay you</h3>
To repeat, selling stuff is probably the most effective way to make 
money blogging these days. Your readers are your potential clients. You 
can use your blog in large part to inform and entertain them, and in 
small part to steer them towards your products. It is a balance that has
 worked for many a blogger seeking to make more money than is available 
through CPM advertising. Yet even bloggers who get the balance right 
sometimes don't execute the sale correctly.<br />
<br />
The No. 1 rule for any sales process is to make it as easy for the 
customer as possible. Don't make them fill out extra forms. Don't make 
them hop around to different sites. The fewer steps between adding an 
item to a cart and successfully completing an order, the better. 
Offering more ways to pay also helps.<br />
<br />
<h3>
 5. You created your site to rank in Google</h3>
In the mid-00s there was a gold rush on the internet. Google had risen 
to prominence, and by 2003 or 2004 it was driving obscene amounts of 
traffic. If you ranked highly for a commercial search term, you were 
almost guaranteed sales. That's when <a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools">SEO</a> really took off. Of course, 
when Google realized all the money people were making within its 
ecosystem, it decided it wanted a larger slice of that pie. In recent 
years they have made it much more difficult to rank for highly 
commercial search terms.<br />
<br />
This is a problem for bloggers who create their sites with an eye on 
ranking. Those practices have been flagged by Google. Bloggers who used 
them in the past have been penalized, and those who continue to use them
 will continue to get penalized. While you might not rank as highly as 
before, it is highly recommended that you follow Google's guidelines for
 <a href="http://googlewebmastercentral.blogspot.com/2011/05/more-guidance-on-building-high-quality.html">high quality sites</a>.
 Google shouldn't tell you how to make your site, but you should also 
recognize Google for the potential sales it can bring -- if you do it 
right.<br />
<br />
<h3>
 6. You don't make yourself visible</h3>
When people buy something, they want to know the source. Big brands have
 a huge advantage here. They're instantly recognized, and so people 
trust them more naturally. When you're a blogger trying to sell products
 or even services on your site, you have to be forthcoming with people. 
So smile for the camera and be prepared to divulge a lot about your 
self. The more people get to know you, the more likely they will be to 
trust you with their money.<br />
<br />
Here are some <a href="http://blogerdaddy.blogspot.in/search/label/Tips">quick tips</a> for better visibility:<br />
<br />
<ul>
<li>When you design your site, leave room for a headshot on the front page.</li>
<li>Tell a full story on your About page. Not just what you do, but who you are.</li>
<li>Provide your email address. Contact forms just don't cut it.</li>
<li>Link to all of your social profiles</li>
</ul>
<div>
<br />
<a href="https://www.blogger.com/blogger.g?blogID=2318473155192028396#editor/target=post;postID=7993867780192409176;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=4;src=postname"><br /></a>
<a href="http://blogerdaddy.blogspot.com/2016/01/common-mistake-that-you-make-with-your.html">Common Mistake that you make with your blog design</a><br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a></div>
</div>

Tips Common Reasons Why Bloggers Fail To Make Money

1. Visible your site by search engine Your site should be visible by search engine, so that user will visit your site frequently. ...

Common Mistake that you make with your blog design

11:05:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: center;">
<img alt="Image result for Common Mistake that you make with your blog design" class="rg_i" data-src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTQsZN1ReLP-bPBzWeYHUpUAVy2VFdmEof-9zQ3REKaflcGhH2opw" data-sz="f" jsaction="load:str.tbn" name="K8Lxwu94W1BvKM:" src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTQsZN1ReLP-bPBzWeYHUpUAVy2VFdmEof-9zQ3REKaflcGhH2opw" style="height: 159px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 240px;" /></div>
<h4>
1. Bad Fonts:</h4>
Without a shadow of doubt, font is the most 
important thing by designing point of view because font is something 
that readers have to constantly look at and keep looking.<br />
<br />
Selecting bad fonts make your blog look horrible. Bad fonts include 
extra large or extra small size font, too much stylish font that is hard
 to read and too bold fonts etc.<br />
<br />
<h4>
2. Eyes Hurting Background:</h4>
For most of niches, simple white 
background works just fine. But some bloggers try to go over the limit 
and put some color or even picture as blog background.<br />
<br />
This mostly annoys the readers because it splits their mind into looking
 at many things at the same time and readers feel pain in their heads 
and eyes after staying at such blogs for few minutes only.<br />
<br />
<br />
<h4>
3. Inappropriate Logo:</h4>
Logo represents you a lot more than you 
think. Writing the name of your blog in style with combination is not 
all what a logo needs. Logo needs to be relative to your blog's niche. <br />
<br />
<span style="font-weight: bold;">For example,</span> if you are a news 
blogger, keep your logo's color light while bloggers in gaming niche 
should make that same logo's color as strong as possible.<br />
<br />
<span style="font-weight: bold;">Remember:</span> Logo is your identity 
and the important thing in your blog. Spend some time in designing a 
cool #logo or else hire someone to #design it for you.<br />
<br />
<h4>
4. Horrible Font Mixing:</h4>
It is suggested that you use more than 
one font at your blog so it looks as much professional as it can be. Now
 the crucial point is selection of fonts. This is because those two 
fonts should not only be different from each other, but they should also
 look professional and handy when placed together. I see countless 
bloggers who don't understand this thing and make horrible combination 
of fonts which really kills a blog's design.<br />
<br />
<h4>
5. Images Size:</h4>
Images play a vital role in making any article 
more interesting and appealing in first look than it actually is. But in
 order to get most out of images, you need to focus on their quality and
 not size. <br />
<br />
Better quality will make things better and not higher or lower 
resolution. So avoid using extra large images and save yourself, your 
blog and your readers from getting in trouble.<br />
<br />
Also, don't copy any other blogs images instead create your own or find some royalty free images.<br />
<br />
<h4>
6. Font Color:</h4>
Font color is something that is mostly set 
default, but some bloggers take it to the next level and change the 
colors of their H1 or H2 headings and that's exactly where they mostly 
kill everything. <br />
<br />
The best thing that you can do is to let the theme the way it is, but in
 case you really want to change, ask an expert for suggestions.<br />
<br />
Make sure to <a href="http://blogerdaddy.blogspot.com/2016/01/common-mistake-that-you-make-with-your.html">avoid such mistakes</a>, they can kill your blog reputation and thus losing your visitors when you promote your blog.<br />
<br />
<br />
<a href="http://blogerdaddy.blogspot.com/2016/01/disable-right-click-context-menu-on.html">Disable right click context menu on images</a><br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a></div>

Tips Common Mistake that you make with your blog design

1. Bad Fonts: Without a shadow of doubt, font is the most important thing by designing point of view because font is something that ...

Disable right click context menu on images

4:12:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Disabling right click or context menu is one of the more popular ways to prevent images from being stolen from a blog.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
While it is effective to some extent in deterring casual image theft, it also frustrates honest readers by denying them access to many useful functions associated the right click such as going Back, page Reload, Bookmark and Open Link In New Window.</div>
<a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #1111aa; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; margin: 0px; outline: none; padding: 0px; text-align: justify;"></a><span style="background-color: white; color: #222222; font-family: "source sans pro" , sans-serif; font-size: 16px; line-height: 22.4px; text-align: justify;"></span><br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPEvKc_FmxQBKFKSlc6AjEHakA0tyIPInw5dwrN7n2Gp-mBKZh76WjnwQF-NOpSCvPgEW-VVRHgTfl2MvyKxZFPpVYbdTeT_ltLmw88RwqmNf2IOakU6WnsT-NTpbZ0fJQ9lrGJ_LagU/s1600/mouse.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIPEvKc_FmxQBKFKSlc6AjEHakA0tyIPInw5dwrN7n2Gp-mBKZh76WjnwQF-NOpSCvPgEW-VVRHgTfl2MvyKxZFPpVYbdTeT_ltLmw88RwqmNf2IOakU6WnsT-NTpbZ0fJQ9lrGJ_LagU/s400/mouse.jpg" /></a></div>
<br />
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
The better way would be to <strong style="margin: 0px; padding: 0px;">disable right click only on images. </strong>After all it’s the images they’re trying to protect, so this method is more appropriate to the task and more importantly it’s far less annoying to readers :). (It is impossible to keep people from stealing images posted on your blog or website, but hey this is better than doing nothing right?).</div>
<h4 style="background-color: white; color: #10502a; font-family: 'Source Sans Pro', sans-serif; font-size: 19.2px; line-height: 22.4px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
a) Disable right click on all images</h4>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Go to your template Edit HTML and paste the following script right after the<code style="background: rgb(243, 243, 243); color: #b0456f; font-family: 'lucida console', 'Courier new'; line-height: 1em; margin: 0px; padding: 1px 3px; text-align: left; word-wrap: break-word;"></head></code> tag.</div>
<blockquote class="tr_bq" style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
<script type="text/javascript"><br />
//<![CDATA[<br />
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^<br />
Disable context menu on images by GreenLava (Blogerdaddy.blogspot.in)<br />
Version 1.0<br />
You are free to copy and share this code but please do not remove this credit notice.<br />
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */<br />
function nocontext(e) {<br />
var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName;<br />
if (clickedTag == "IMG") {<br />
alert(alertMsg);<br />
return false;<br />
}<br />
}<br />
var alertMsg = "Image context menu is disabled";<br />
document.oncontextmenu = nocontext;<br />
//]]><br />
</script></blockquote>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
The script will disable the context menu and replace it with this alert box:<br />
<br /></div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwYp-ksG2Tg35Ja5EMzmmsGXv1V1SwymUD21-ofVNE8LwjO1K5cy-azttLcoU_HioAhWL4szHsq_nfY1BzjZZb7GIKwN9wuvjcbBgOdKMxDlkG2Ig20tGNup4aGpPfX2-dK_CDQ8T_XY/s1600/disableimagecontextmenu13.jpg" imageanchor="1"><img border="0" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKwYp-ksG2Tg35Ja5EMzmmsGXv1V1SwymUD21-ofVNE8LwjO1K5cy-azttLcoU_HioAhWL4szHsq_nfY1BzjZZb7GIKwN9wuvjcbBgOdKMxDlkG2Ig20tGNup4aGpPfX2-dK_CDQ8T_XY/s320/disableimagecontextmenu13.jpg" width="320" /></a></div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
</div>
<div class="pinit-wrapper" style="cursor: pointer; left: 244px; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 1163px; visibility: hidden; z-index: 9999;">
<a href="http://pinterest.com/pin/create/button/?url=http://www.bloggersentral.com/2012/05/disable-right-click-on-images.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3T-LnXYg-936trigxvFvbjtp9ebXw4IbPJ03VD9obi5ZUEq6UFGC37NOH4_fkCYZd2SmOG23Kx5qDw0jP6Rd4k7zMeLFuqYeUwjtzd8W5y7_2CIsYs82j-GL5zsm8snsNjy0ysQiAFdBL/?imgmax=800&description=Disable%20right%20click%20context%20menu%20on%20images%20www.BloggerSentral.com" style="color: #1111aa; display: block; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><img class="pinimg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7CMazY3hEdCAnfPxPZlwVHEJz8AxoXtiU61cIscRp_4sTSqD2naUPLpsyv1sKI6y4MSTp1CrAQSwBOcUgKzlRbd0-VeHYIZXunZUlupDdoT3t6f7og3KZfwHTbg-qPwVdSI82GPlgGBf2/s1600/pinterestx2_72.png" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-shadow: none; height: auto; margin: 0px; max-width: 100%; padding: 0px; position: relative;" title="Pin on Pinterest" /></a></div>
<br />
<ul style="list-style-type: square; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 15.68px; line-height: 1.4; margin: 0px 0px 0.25em; padding: 0px;">You can replace the message with whatever you like in line 15, or</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><span style="color: #222222; font-family: "source sans pro" , sans-serif;"><span style="background-color: white; font-size: 15.68px; line-height: 1.4;">If you prefer not to show the alert box, just delete or comment out code line 11 and 15. To comment out a line of Javascript, place two slashes "//" in front of the line, like this:</span></span></li>
</ul>
<blockquote class="tr_bq">
<span style="text-align: justify;"><span style="color: purple;">//var alertMsg = "Image context menu is disabled";</span></span></blockquote>
<ul style="list-style-type: square; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
</ul>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Click on any image in this post to see it in action.</div>
<h4 style="background-color: white; color: #10502a; font-family: 'Source Sans Pro', sans-serif; font-size: 19.2px; line-height: 22.4px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
<br style="margin: 0px; padding: 0px;" />b) Disable right click on a single image</h4>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
To disable context menu on a single image you need to add this piece of code (a context menu event handler) in the img tag:</div>
<div style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
<blockquote class="tr_bq">
<code style="background: rgb(243, 243, 243); color: #b0456f; font-family: 'lucida console', 'Courier new'; line-height: 1em; margin: 0px; padding: 1px 3px; text-align: left; word-wrap: break-word;"><span style="color: purple;">oncontextmenu='alert("Image context menu is disabled");return false;'</span></code></blockquote>
</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Open the post in post editor, switch to HTML mode, locate the img tag of the image you want to disable and then insert the code inside the tag.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
An example:</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
This is the original image tag:</div>
<blockquote class="tr_bq" style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nOUDrjvnMrTvmlvg6e1q5Pjs1W6r07k1IMvSaEtCjEXoRPWHl5bfAYuZOQxBWNZ8q03-w8T69Gc7TaEBzzabCUaQoLFX-01WNMytHDe7IJcNeBtm_9P7vbSRvNBfxcqMcIPNsdIv4QKy/s1600/2008_10260151.JPG" /></blockquote>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Once you added the context menu event handler, it should look like this:</div>
<blockquote class="tr_bq" style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nOUDrjvnMrTvmlvg6e1q5Pjs1W6r07k1IMvSaEtCjEXoRPWHl5bfAYuZOQxBWNZ8q03-w8T69Gc7TaEBzzabCUaQoLFX-01WNMytHDe7IJcNeBtm_9P7vbSRvNBfxcqMcIPNsdIv4QKy/s1600/2008_10260151.JPG" /></blockquote>
<a href="http://blogerdaddy.blogspot.com/2016/01/prevent-people-from-copying-your-blog.html"><br /></a>
<a href="http://blogerdaddy.blogspot.com/2016/01/prevent-people-from-copying-your-blog.html">Prevent People From Copying Your Blog Content</a><br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-family: 'times new roman'; font-size: x-large;">Click here for blogger tools</a><br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span itemscope="" itemtype="http://schema.org/Blog"></span></div>
</div>

Tips Tricks Widgets Disable right click context menu on images

Disabling right click or context menu is one of the more popular ways to prevent images from being stolen from a blog. While it is effec...

Prevent People From Copying Your Blog Content

3:49:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
It’s frustrating when people copy your blog post or image and pass it off as their own. No thank you, no credit, no linkback. Worse still when the stolen content ranks higher than yours (the original) in search results. All the hard work, down the drain.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
This post will show you how deter bad people from stealing your blog content.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYBPjdF5c1fSu2Uzx-gOcF9h6vlu6gWLtGWniVxDHiBiBSxaQgYsrmlBmYlGeWiUypqIPL9-iTGl-pGe-kZJw68Gm92oCuO5Av7Aj_JWTmP134RFGO8z4P4TN29bbRYse1CtW8Lqp64M/s1600/protect.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYBPjdF5c1fSu2Uzx-gOcF9h6vlu6gWLtGWniVxDHiBiBSxaQgYsrmlBmYlGeWiUypqIPL9-iTGl-pGe-kZJw68Gm92oCuO5Av7Aj_JWTmP134RFGO8z4P4TN29bbRYse1CtW8Lqp64M/s400/protect.jpg" /></a></div>
<br /></div>
<h4 style="background-color: white; color: #10502a; font-family: 'Source Sans Pro', sans-serif; font-size: 19.2px; line-height: 22.4px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
How your blog content is copied?</h4>
<div>
<br /></div>
<div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Below are some of the ways people can copy your blog content:</div>
<ul style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 15.68px; line-height: 1.4; list-style-type: square; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="margin: 0px 0px 0.25em; padding: 0px;"><strong style="margin: 0px; padding: 0px;">Select - Copy - Paste</strong>. This can be done using your browser's menu, the right-click context menu or using shortcut keys.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><strong style="margin: 0px; padding: 0px;">Select - Drag - Dro</strong>p. Text and images can be selected and dragged into another window.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><strong style="margin: 0px; padding: 0px;">Copy from RSS feed</strong>. If you want to copy an entire post this option is best. Scrapers love RSS feed because it delivers your latest post to them. They can copy all your latest content without even visiting your blog!</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;"><strong style="margin: 0px; padding: 0px;">Copy from source code</strong>.</li>
</ul>
<h4 style="background-color: white; color: #10502a; font-family: 'Source Sans Pro', sans-serif; font-size: 19.2px; line-height: 22.4px; margin: 0px; padding: 0px 0px 3px; position: relative; text-align: justify;">
<br style="margin: 0px; padding: 0px;" />How to safeguard your content ?</h4>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Below are several different ways you can prevent your blog content from being copied without your consent: </div>
<h5 style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 17.6px; line-height: 22.4px; margin: 0px; padding: 3px 0px; text-align: justify;">
<br style="margin: 0px; padding: 0px;" /><span style="color: purple;">1) Disable text selection</span></h5>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Making text unselectable is the best way to prevent text from being copied from a live page using the right-click context menu shortcut keys or drag & drop. This can be implemented using only CSS, by applying the following CSS definitions to the element that you want text selection disabled:</div>
<blockquote style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
-webkit-user-select: -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;</blockquote>
<br />
<span style="background-color: white; color: #222222; font-family: "source sans pro" , sans-serif; font-size: 16px; line-height: 22.4px; text-align: justify;">Example, if you want to disable text selection in Blogger posts, then the code is:</span><br />
<br />
<blockquote class="tr_bq">
<span style="background-color: white; color: #222222; line-height: 22.4px; text-align: justify;">.post {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}</span> </blockquote>
<br />
<span style="background-color: white; color: #222222; font-family: "source sans pro" , sans-serif; font-size: 16px; line-height: 22.4px; text-align: justify;">This CSS will disable text selection on the element and all it's children. It should work on Firefox, Safari, Chrome and IE10+. For IE9 and below, use onselectstart='return false' event handler, see II).</span><br />
<br />
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
<strong style="margin: 0px; padding: 0px;">Re-enable text selection</strong></div>
<div style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
<span style="color: #222222;">What if you want to allow copying in some parts of your post. Say you post some codes (like I do) for readers to copy, then it doesn’t make sense if they can't select to copy it right? Fortunately you can restore text selection, by applying the same CSS definition to the element and replacing the value “none” with “text”. Let’s say your code is wrapped inside a </span><code style="background-attachment: initial; background-clip: initial; background-color: #f3f3f3; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: 'lucida console', 'Courier new'; line-height: 1em; margin: 0px; padding: 1px 3px; text-align: left; word-wrap: break-word;"><span style="color: #990000;"><code></span></code><span style="color: #741b47;"> </span>tag, then the code you need is:</div>
<blockquote class="tr_bq" style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
.post code {-webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} </blockquote>
<h5 style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 17.6px; line-height: 22.4px; margin: 0px; padding: 3px 0px; text-align: justify;">
<br style="margin: 0px; padding: 0px;" /><span style="color: purple;">2) Disable drag and drop</span></h5>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
You can disable drag and drop for both text and image by adding the following event handler to the element:</div>
<blockquote class="tr_bq" style="background-color: white; color: #222222; line-height: 22.4px; padding: 0px; text-align: justify;">
ondragstart='return false'</blockquote>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
To disable drag and drop inside Blogger posts, follow these steps:</div>
<ol style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 15.68px; line-height: 1.5em; margin: 0px !important; padding: 6px 15px 6px 30px !important; text-align: justify;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Go to Template > Edit HTML and click anywhere inside the editor.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Press Ctrl+F (Cmd+F in Mac), and a search box should appear on the upper right corner of the editor.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Use the search box to jump to this code:<div style="padding: 5px 0px;">
</div>
<blockquote class="tr_bq" style="padding: 0px;">
<b:includable id='post' var='post'></blockquote>
</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Next, click the arrow tip on the left of that line to expand the code. Once expanded, the second line should look something like this:<div style="padding: 5px 0px;">
</div>
<blockquote class="tr_bq" style="padding: 0px;">
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'></blockquote>
</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Insert the event handlers into the tag like this:<div style="padding: 5px 0px;">
</div>
<blockquote class="tr_bq" style="padding: 0px;">
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting' ondragstart='return false' onselectstart='return false'></blockquote>
<div style="padding: 5px 0px;">
(onselectstart='return false' is added to disable text selection in IE9 and below.)</div>
</li>
</ol>
<h5 style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 17.6px; line-height: 22.4px; margin: 0px; padding: 3px 0px; text-align: justify;">
<br style="margin: 0px; padding: 0px;" /><span style="color: purple;">3) Disable right click (only on images)</span></h5>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Some bloggers choose to disable right click in an attempt to prevent photos from being stolen via the right click context menu. However, in most cases the scripts they use disables right click on every element in a page, not just photos. This risks annoying or offending the rest/majority of their readers. I for one will be annoyed if upon right-clicking a link (to open it in a new tab), an alert box pops up, telling me the images in the blog are copyrighted!</div>
<div style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
<span style="color: #222222;">The better option would be to <a href="http://blogerdaddy.blogspot.com/2016/01/disable-right-click-context-menu-on.html" target="_blank">disable right click only on images. </a></span></div>
<h5 style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 17.6px; line-height: 22.4px; margin: 0px; padding: 3px 0px; text-align: justify;">
<span style="color: purple;">4) Shorten RSS feed</span></h5>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Once they grab your RSS feed, nothing can stop them from copying or doing whatever they want with it. Whatever copy prevention measures you've applied on the live pages will have no effect here.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
That said, you can however, control how much feed they get. To prevent feed from being copied in full, offer only partial/short feed instead of full feed. Make them come to your blog if they want more.</div>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
To shorten your blog feed, go to Dashboard > Settings > Other > Site feed > Allow Blog Feed and select Short or Until Jump.</div>
<h5 style="background-color: white; font-family: 'Source Sans Pro', sans-serif; font-size: 17.6px; line-height: 22.4px; margin: 0px; padding: 3px 0px; text-align: justify;">
<br style="margin: 0px; padding: 0px;" /><span style="color: purple;">5) Watermark images</span></h5>
<div style="background-color: white; color: #222222; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 22.4px; padding: 5px 0px; text-align: justify;">
Image watermarking is an proven way to deter people from stealing your images. Once you add a watermark to an image, people wouldn't want to copy it even if you ask them.</div>
<div style="background-color: white; padding: 5px 0px; text-align: justify;">
<div style="color: #222222; font-family: 'source sans pro', sans-serif; font-size: 16px; line-height: 22.4px;">
You can add watermark using a photo editing software such as PhotoScape, Gimp or Photoshop, or you can do it online on websites that offer such service such as picmarkr.com and watermark.ws.</div>
<div style="color: #222222; font-family: 'source sans pro', sans-serif; font-size: 16px; line-height: 22.4px;">
<br /></div>
<span style="color: #222222; font-family: source sans pro, sans-serif;"><span style="line-height: 22.4px;"><a href="http://blogerdaddy.blogspot.com/2016/01/free-online-website-webpage-speed-test.html">Free Online Website / Webpage Speed Test Tool From Google, Yahoo</a></span></span><br />
<div style="color: #222222; font-family: 'source sans pro', sans-serif; font-size: 16px; line-height: 22.4px;">
<br /></div>
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: left;">
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span itemscope="" itemtype="http://schema.org/Blog"></span></div>
</div>
<div style="color: #222222; font-family: 'source sans pro', sans-serif; font-size: 16px; line-height: 22.4px;">
<br /></div>
</div>
</div>
</div>

Tips Tricks Widgets Prevent People From Copying Your Blog Content

It’s frustrating when people copy your blog post or image and pass it off as their own. No thank you, no credit, no linkback. Worse still ...

Free Online Website / Webpage Speed Test Tool From Google, Yahoo

1:16:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;">For an effective search engine optimization you need to have fast loading website with a fat content. most of the readers who subscribed me, later contact me to ask this question. Why my site is slower compared to other sites? What makes it so slow? So today i am sharing you an awesome <span style="font-weight: bold; line-height: 16px;">Website speed test</span><span style="color: #222222; line-height: 16px;"> tool that is free and from the big G. The features of the tool are listed below. Just type your URL and click analyze.</span></span><br />
<span style="background-color: white;"><br /></span>
<br />
<div style="text-align: center;">
<span style="color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZWnh97WgkKt-JizwR-p96mkdK4S5EjTClfOtLySD8ZYp-6FWSuu8-9-9Sl2SV4NSO2rrCf7uFeVCjq-c7-sZj7NrP4-BoG7Im_FwtUK2x42NqZHUQTkv1otdbXe5cIk0fnGYIf5HWA8/s1600/goo.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdZWnh97WgkKt-JizwR-p96mkdK4S5EjTClfOtLySD8ZYp-6FWSuu8-9-9Sl2SV4NSO2rrCf7uFeVCjq-c7-sZj7NrP4-BoG7Im_FwtUK2x42NqZHUQTkv1otdbXe5cIk0fnGYIf5HWA8/s400/goo.jpg" /></a></span></div>
<div style="text-align: center;">
<span style="color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"><br /></span></div>
<span style="background-color: white; color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"></span><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #333333; font-family: Lora, Georgia, 'Times New Roman', serif; font-size: 17.6px; line-height: 29.92px;"></a><br />
<h3 style="background-color: white; color: #333333; font-family: Lora, Georgia, 'Times New Roman', serif; font-size: 1.375em; line-height: 1.4; margin: 0px; padding: 0px; text-align: center;">
<span style="color: #222222; line-height: 16px;"> Page-speed Insights</span></h3>
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"> <span style="color: #222222; line-height: 16px;">The name of the tool is Page-speed Insights - This tools gives you thorough analysis of your HTML codes, CSS codes, inline files, javascript codes and images. </span><span style="color: #222222; line-height: 16px;">You will get desktop speedand also mobile speed- This option is very good considering the outcome.</span></span><br />
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><span style="color: #222222; line-height: 16px;"> </span><br /><span style="color: #222222; line-height: 16px;">Your site will get an overall Page Speed Score like mine, <span style="color: magenta;">bogerdaddy</span> got an overall Page Speed Score of 9<span class="GG1VUVXDABB">4</span> (out of 100). This score is highly credible and you can see how your SEO score and ranking goes up if your site has a higher page speed.</span></span><br />
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><br /></span><span style="background-color: white; color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"></span><span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><span style="color: #222222; line-height: 16px;">It will give a number of suggestions to improve your site but it is up to you to select each and apply what is appropriate to the site. </span><span style="color: #222222; line-height: 16px;">The insight is classified into high priority, medium </span><span style="color: #222222; line-height: 16px;">priorityand low priority. - High priority is hard to eradicate. So start with low priority. </span><span style="color: #222222; line-height: 16px;">It have experimental rules and show what you are done to the site. </span></span><br />
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><span style="color: #222222; line-height: 16px;"><br /></span><span style="color: #222222;"><span style="line-height: 16px;">The main errors will be elimination of render-blocking </span><span style="line-height: 16px;">java-script</span><span style="line-height: 16px;">. For this you have to remove the java-script or </span><span style="line-height: 16px;">minimize</span><span style="line-height: 16px;"> it. You can also use asynchronously resources to load the script like Google Analytics has. You can use optimised CSS delivery for that, If you are new to coding and blogging, kindly do not try to do it. Other will be leverage browser </span></span><span style="color: #222222;"><span style="line-height: 16px;">caching. That is also a little bit hard to configure. </span></span></span><br />
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><br /></span><span style="background-color: white; color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"></span><span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;">You can access page speed insights by going to <a href="https://developers.google.com/speed/pagespeed/insights" rel="nofollow" style="color: #6f1010; outline: none; padding-bottom: 2px; text-decoration: none;" target="_blank">developer page</a>.</span><br />
<h3 style="background-color: white; color: #333333; font-family: Lora, Georgia, 'Times New Roman', serif; font-size: 1.375em; line-height: 1.4; margin: 0px; padding: 0px; text-align: center;">
<span style="font-family: inherit;">YSLOW</span></h3>
<span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;"><br /></span><span style="background-color: white; color: #333333; font-family: "lora" , "georgia" , "times new roman" , serif; font-size: 17.6px; line-height: 29.92px;"></span><span style="background-color: white; color: #333333; font-family: inherit; font-size: 17.6px; line-height: 29.92px;">Yahoo also gave a tool to check the speed of the website. It is called yslow. You can access yslow by going to <a href="https://developer.yahoo.com/yslow/" rel="nofollow" style="color: #6f1010; outline: none; padding-bottom: 2px; text-decoration: none;" target="_blank">developer page of yslow</a>. shipmethis.com only got D grade in yslow. This tool explains almost all the things a website need to change to create a fast website.</span><br />
<br />
<a href="http://blogerdaddy.blogspot.com/2016/01/list-of-top-10-best-responsive-website.html">List of top 10 best responsive website / blog checkers online</a><br />
<br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><span itemscope="" itemtype="http://schema.org/Blog"></span></div>
</div>

Tips Free Online Website / Webpage Speed Test Tool From Google, Yahoo

For an effective search engine optimization you need to have fast loading website with a fat content. most of the readers who subscribed me...

List of top 10 best responsive website / blog checkers online

12:47:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span itemscope="" itemtype="http://schema.org/Blog"><span itemprop="text">I am been hearing so many things about responsive <a href="http://www.shipmethis.com/2014/04/checkwebsitehacked.html" target="_blank">website checkers </a>which
 check whether your website or blog is responsive with popular devices 
including tablets, mobile phones, laptops, televisions etc. You can use <a href="http://www.shipmethis.com/2014/04/responsiveadsplacement.html" target="_blank">responsive ads</a>
 for your responsive websites. Unfortunately I couldn't find good list 
of best responsive website / blog checkers online available to check 
shipmethis.com. Here I am listing some of the top responsive website / <a href="http://www.shipmethis.com/2013/05/top-7-best-and-popular-seo-online-tools.html" target="_blank">blog checkers</a> that are online.<br />
<br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F7OVpgOXiyj94m8hUq9_9aOja5kCZ6IKL5PRnQAt4-c0E2kzBhOQXiv4kbvtWZxjyDopR5uw6ZSbDtRpdHskYKO5lsLDuY2x7nqRUE0HAd2_jbBK2EHbTPPI1ChNAZBYwAvhBJPxUtM/s1600/Capture.PNG" imageanchor="1"><img border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F7OVpgOXiyj94m8hUq9_9aOja5kCZ6IKL5PRnQAt4-c0E2kzBhOQXiv4kbvtWZxjyDopR5uw6ZSbDtRpdHskYKO5lsLDuY2x7nqRUE0HAd2_jbBK2EHbTPPI1ChNAZBYwAvhBJPxUtM/s320/Capture.PNG" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog">responsive</span></div>
<span itemscope="" itemtype="http://schema.org/Blog">

<a href="https://www.blogger.com/null" name="more"></a><br />
1.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://www.responsinator.com/?url=http%3A%2F%2Fwww.shipmethis.com" rel="" target="_blank">Responsinator.com</a>
 – Responsinator show your website in different devices including iPhone
 3+4 portrait with a width of 320px, 480px, iphone 5, 568px, Crappy 
Android portrait with a width of 240px, 320px, Andriod Nexus portrait of
 384px, 600px and so on. These show the website only and not the version
 of mobile hosted on blogger.<br />
<br />
2.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://mattkersley.com/responsive" rel="" target="_blank">Mattkersley.com</a>
 - in this site you can select either devices only or width sizes. You 
cannot navigate the website shown in the frames. This site shows 240px, 
320px, 480px, and 768px frames.<br />
<br />
3.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://www.studiopress.com/responsive/" target="_blank">Studiopress.com</a>
 - This website is also like mattkersley.com which checks 240px, 320px, 
480px, and 768px frames. This website is made by Matt kersley itself. 
Now you know the similarity.<br />
<br />
4.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://responsivedesignchecker.com/www.shipmethis.com" target="_blank">Responsive design checker</a>
 - This site offers sizes such as 27 inch monitor, 17 inch workstation, 
15 inch macbook pro, 11 inch macbook air, ipad landscape, nexus, and 
iphone. These are divided into desktops and laptops and tablets and 
phones. You can click through each icon and know how your appears in 
these devices.<br />
<br />
5.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://responsivetest.net/" target="_blank">Responsive test</a>
 - This site offers scales which we can access the width of our website.
 You have to press enter to load your website after typing your website.
 You can change the width of devices by changing the numbers.<br />
<br />
6.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://responsive.is/shipmethis.com" target="_blank">Responsive.is</a>
 - This website offers devices such as desktops, tablet landscapes, 
tablet portrait, smartphone landscapes and smart phone portrait. This is
 created by TypeCast.<br />
<br />
7.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://designmodo.com/responsive-test" target="_blank">Designmodo.com</a> - This is a simple responsive checker where new bloggers can access and study.<br />
<br />
8. <a href="http://www.dimensionstoolkit.com/a/#url=http://www.shipmethis.com&w=1024&h=480" target="_blank">Dimensionstoolkit</a> -
 Dimension tool kit is one of the newest response checker in town. This 
allows websites to view in devices like phone, wide phone, tablet and 
wide tablet. This also allows users to check the website's 
responsiveness in different widths up to 2450px.  Users can click on the
 scale to check the responsiveness.<br />
<br />
9.<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="http://quirktools.com/screenfly/#u=http%3A//www.shipmethis.com/2014/04/online-free-converter-gadget-from-html.html&w=1024&h=600" target="_blank">Quirktools.com</a>
 - I think this is a good website for checking your website. This 
website has scales to check width, many landscapes and portraits, There 
is option for rotating, allow scrolling button, use of proxy server etc.
 This one is the best in store today.<br />
<br />
10. <a href="http://ami.responsivedesign.is/" target="_blank">ami.responsivedesign.is</a> -
 This is website that show website's responsiveness in laptop, 
television, tablet and mobile. The advantage of this is that you can see
 the website version in mobile of rather than the blogger mobile 
version.<br />
<br />
Hope you liked the list. You can suggest other good responsive checkers 
on the comment section. If you like this post, kindly share it and don’t
 forget to subscribe us.</span><br />
<span itemscope="" itemtype="http://schema.org/Blog"><a href="http://blogerdaddy.blogspot.com/2016/01/create-alexa-rank-widget-for-your.html"><br /></a></span>
<span itemscope="" itemtype="http://schema.org/Blog"><a href="http://blogerdaddy.blogspot.com/2016/01/create-alexa-rank-widget-for-your.html">Create Alexa Rank Widget for your Website / Blog with JAVA Code</a></span><br />
<span itemscope="" itemtype="http://schema.org/Blog"><br /></span>
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-family: 'times new roman'; font-size: x-large;">Click here for blogger tools</a><br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<span itemscope="" itemtype="http://schema.org/Blog"></span></div>
<div>
<br /></div>
</div>

Blogger Template Tips Tools List of top 10 best responsive website / blog checkers online

I am been hearing so many things about responsive website checkers which check whether your website or blog is responsive with popular dev...

Create Alexa Rank Widget for your Website / Blog with JAVA Code

11:53:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span itemscope="" itemtype="http://schema.org/Blog">Alexa
 is one of the top ranking companies that rank websites and blogs. Alexa
 rank is very important for the websites which gives them more push 
towards the Google page rank. If you add the gadget to your blog, then 
you will have more increase in the ranking for sure.<br />
<a href="https://www.blogger.com/null" name="more"></a><br />
<br />
As you know Alexa is having new design and they have changed some pages 
and users are unable to find the gadget page from the website.</span><br />
<span itemscope="" itemtype="http://schema.org/Blog"><br /></span>
<br />
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgth5-HlDlcIwMsvNZCT9I7pXdB2ilRm1JpopEJcF1nFxhdrR0I4IbGiO2gxWDLAL8uX_AvPIulp2qYdjglHSfXpNIN0nvpU7h6sWJN5AnNenLTR08yunfygjWhIh1H2XigD9RLBYNhzSM/s1600/20160106113926171.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgth5-HlDlcIwMsvNZCT9I7pXdB2ilRm1JpopEJcF1nFxhdrR0I4IbGiO2gxWDLAL8uX_AvPIulp2qYdjglHSfXpNIN0nvpU7h6sWJN5AnNenLTR08yunfygjWhIh1H2XigD9RLBYNhzSM/s400/20160106113926171.png" /></a></span></div>
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog"><span style="color: #073763;">Alexa rank</span></span></div>
<div style="text-align: center;">
<span itemscope="" itemtype="http://schema.org/Blog"><br /></span></div>
<span itemscope="" itemtype="http://schema.org/Blog">The
 Alexa widgets are free and easy to install. These gadgets can be 
embedded in the website by adding a code to the HTML space. The one i am
 sharing will automatically update your website's rank and the date of 
when it was ranked last. The model is displayed above.<br />
<br />
So i am providing a simple code for your website. Just copy and paste 
this code to your HTML gadget. Edit the red code and replace <span style="color: red;"><a href="http://blogerdaddy.blogspot.in/" target="_blank">bogerdaddy.blogspot.in </a></span>to your website address.<br />
<br />
</span><br />
<blockquote class="tr_bq">
<span itemscope="" itemtype="http://schema.org/Blog"><div class="textwidget"><div style="text-align:center;margin-top:10px;"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/t/b?url=<span style="color: red;">bogerdaddy.blogspot.in</span>'></script></div></div></span></blockquote>
<span itemscope="" itemtype="http://schema.org/Blog">If you want to check the how your webpage looks like in different browsers after adding the code, read my new post; "<a href="http://blogerdaddy.blogspot.com/2016/01/best-free-tools-and-tutorials-for.html" target="_blank">Best Free Tools and Tutorials for making websites / blogs responsive</a>"</span><br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/SEO%20tools" target="_blank">Click here for SEO tools</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Tips" target="_blank">Click here for more Tips</a></span><br />
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.in/search/label/Template" target="_blank">Click for blogger templates</a></span><br />
<span itemscope="" itemtype="http://schema.org/Blog"></span><br />
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<a href="http://blogerdaddy.blogspot.in/search/label/Tools" style="font-size: x-large;">Click here for blogger tools</a><span itemscope="" itemtype="http://schema.org/Blog"></span></div>
<blockquote class="tr_bq">
</blockquote>
</div>

Widgets Create Alexa Rank Widget for your Website / Blog with JAVA Code

Alexa is one of the top ranking companies that rank websites and blogs. Alexa rank is very important for the websites which gives them mo...