Bloggerdaddy - A guide for new blogger: Tricks

How to make all Links in Blog to Open in Another Tab

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Many <a href="http://www.bloggerdaddy.tk/search/label/Widgets" target="_blank">Blogger Tricks and Widgets</a>
 have been shared on this blog recently. So today, I want to share a 
trick with you on how you can make all the links on your blog to show in
 a new tab. This trick can help increase blog page view and decrease 
your bounce rate.</b><br />
<b><br /></b>
<div style="text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiuMNHOq4neQSkbxs3Pzn4bifnG3ZQj_tb1PO72v49jOXvTbgwzTDphT8HLq_sl3wLb9G2Z_6jIuQ4u4Dw6KXAvjqV8zD7lkAf-IREoLSMi15Vmprc41RQA8vKxGrOrK14rjjz3Q3M50/s1600/45+%25282%2529.png" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiuMNHOq4neQSkbxs3Pzn4bifnG3ZQj_tb1PO72v49jOXvTbgwzTDphT8HLq_sl3wLb9G2Z_6jIuQ4u4Dw6KXAvjqV8zD7lkAf-IREoLSMi15Vmprc41RQA8vKxGrOrK14rjjz3Q3M50/s400/45+%25282%2529.png" /></a></b></div>
<b><br /></b>
<b><br /></b>
<b>This trick is simple and easy to install on blogger blogs to make the
 entire link on your blog to open in another tab as default. Follow the 
process below to install it on your blog by adding a code to your 
template.</b><br />
<b><br /></b>
<b>==> Sign in to your blogger blog >> Template</b><br />
<b>==> Search for<span style="color: blue; font-size: large;"> <code><head></code></span> in your template by using <span style="color: blue;">CTRL+F</span> and then after it add below code</b><br />
<b><u><code><br /></code></u></b>
<blockquote class="tr_bq">
<b><code><base target='_blank' /></code></b></blockquote>
<b><code><br /></code></b>
<b><br /></b>
<b>==>Finally save your template.</b><br />
<b><br /></b>

<br />
<b>By now all the link on your blog will automatically open in another tab whenever it is clicked on.</b></div>

Tips Tricks Widgets How to make all Links in Blog to Open in Another Tab

Many Blogger Tricks and Widgets have been shared on this blog recently. So today, I want to share a trick with you on how you can make a...

How to Create a Sitemap or Table Of Contents Page For Blogger

2:53:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Sitemap </b> is a page on your blog where all 
posts are arranged in accordance to their type, and it shows the links 
to all posts published on your blog so far. Sitemap (Table of Contents) 
is important for all bloggers to have on their blog. This make blog look
 professional, and it helps your blog visitors and readers to navigate 
through your blog post.<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPo3Im1yv8KkwbXNszOU-0GNR0miHUNMo1x94TPyht5ZRUfTwJ7UnuPBuSBWp9SN8jQdxPzY_JTaGjjGL67vNXM39ZTYzF6JbRkyVS7UIZ5PS9ApRw49f4Ovp-jTENIBNYTSnLhvPJb4/s1600/20160529144225362.png" imageanchor="1"><img border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPo3Im1yv8KkwbXNszOU-0GNR0miHUNMo1x94TPyht5ZRUfTwJ7UnuPBuSBWp9SN8jQdxPzY_JTaGjjGL67vNXM39ZTYzF6JbRkyVS7UIZ5PS9ApRw49f4Ovp-jTENIBNYTSnLhvPJb4/s320/20160529144225362.png" width="320" /></a><br />
<br /></div>
<br />
Here is a script that saves time and helps to update all new posts 
made on your blog to your sitemap (Table of Contents) page 
automatically. This script will display all posts made on your blog 
under their specified categories (Labels). This widget also comes with a
 CSS & Jquery to make it attractive. <br />
<h4>
<span style="background-color: black; color: lime;">
Steps To Add Automatic Sitemap (Table of Contents) Generator</span></h4>
<br />
1. <u>Add the CSS code below to your template</u>. This can be done by going to <span style="color: purple;"><b>Blogger </b>>>> <b>Template</b>, use <b>(CTRL+F)</b></span> to search for<b> <span style="color: blue;">]]></b:skin></span></b><span style="color: blue;"> </span>in your template and finally paste the CSS code below above <code><b><span style="color: blue;">]]></b:skin></span></b></code> tag.<br />
<br />
<blockquote class="tr_bq">
<code>/*--------bloggerdaddy.tk TOC-----*/</code><code>
.judul-label{</code><code>
background-color:#E5ECF9;</code><code>
font-weight:bold;</code><code>
line-height:1.4em;</code><code>
margin-bottom:5px;</code><code>
overflow:hidden;</code><code>
white-space:nowrap;</code><code>
vertical-align: baseline;</code><code>
margin: 0 2px;</code><code>
outline: none;</code><code>
cursor: pointer;</code><code>
text-decoration: none;</code><code>
font: 14px/100% Arial, Helvetica, sans-serif;</code><code>
padding: .5em 2em .55em;</code><code>
text-shadow: 0 1px 1px rgba(0,0,0,.3);</code><code>
-webkit-border-radius: .5em;</code><code>
-moz-border-radius: .5em;</code><code>
border-radius: .5em;</code><code>
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);</code><code>
-moz-box-shadow: 1px 1px 4px #AAAAAA;</code><code>
box-shadow: 0 1px 2px rgba(0,0,0,.2);</code><code>
color: #e9e9e9;</code><code>
border: 2px solid white !important;</code><code>
background: #6e6e6e;</code><code>
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));</code><code>
background: -moz-linear-gradient(top,  #888,  #575757);</code><code>
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');</code><code>
}</code><code>
.data-list{</code><code>
line-height:1.5em;</code><code>
margin-left:5px;</code><code>
margin-right:5px;</code><code>
padding-left:15px;</code><code>
padding-right:5px;</code><code>
white-space:nowrap;</code><code>
text-align:left;</code><code>
font-family:"Arial",sans-serif;</code><code>
font-size:12px;</code><code>
}</code><code>
.list-ganjil{</code><code>
background-color:#F6F6F6;</code><code>
}</code><code>
.headactive{</code><code>
    color: #fef4e9;</code><code>
    border: 2px solid white !important;</code><code>
    background: #1C8DFF;</code><code>
    background: -webkit-gradient(linear, left top, left bottom, from(<span style="color: magenta;">#9dc2e7</span>), to(<span style="color: magenta;">#438cd2</span>));</code><code>
    background: -moz-linear-gradient(top,  <span style="color: magenta;">#9dc2e7,  #438cd2</span>);</code><code>
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='<span style="color: magenta;">#9dc2e7</span><span style="color: red;">'</span>, endColorstr='<span style="color: magenta;">#438cd2</span>');</code><code>
} </code></blockquote>
<br />
<br />
<b>Save your Template</b> after inserting the CSS<br />
<br />
2.    <b><span style="color: #660000;"><u>Create a Page</u>:</span></b> to create a new page, go to<span style="color: #4c1130;"> <b>Blogger</b> >>> <b>Pages </b>>>> <b>New Page</b>.</span> Now give the page a title such as “Table of Contents” “Site Maps” or any title you wish. Click <b><span style="color: purple;">EDIT HTML</span></b> button on the compose mode screen, now paste the code below in it.<br />
<br />
<br />
<blockquote class="tr_bq">
<script src="https://www.dropbox.com/s/20wu2kszj4droq8/Justnaira-tos-file.js?dl=1"></script><br />
<script src="<span style="color: red;"><b>http://www.bloggerdaddy.tk</b></span>/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script><br />
<script type="text/javascript"><br />
var accToc=true;<br />
</script><script src="https://www.dropbox.com/s/5m7gwnjqm4w5rft/oncordian-tos.js?dl=1" type="text/javascript"></script></blockquote>
<br />
Make sure you change <b style="color: red;">http://www.bloggerdaddy.tk</b> to your own blog URL and then publish the page. Visit the page link to view your awesome blog sitemap (Table of Contents).<br />
<h4>
<span style="background-color: black; color: lime;">
Sitemap (Table of Contents) Customization</span></h4>
The color of the category when in active mode is blue while when it is inactive it appears as dark gray.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqCX7IRfbqzr2BEt5rJrW08Hxc63f15HQ-pXu0d-CVtIXnjb6HKDOWTuospVTQWLaUmdeqYAdG014VEPxD2kgIMl4BjkBB5O7dSoCWjQED1g1XxPqfvmrQqvfFHg6ppb1YVPMDEergc0/s1600/20160529144239952.png" imageanchor="1"><img border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqCX7IRfbqzr2BEt5rJrW08Hxc63f15HQ-pXu0d-CVtIXnjb6HKDOWTuospVTQWLaUmdeqYAdG014VEPxD2kgIMl4BjkBB5O7dSoCWjQED1g1XxPqfvmrQqvfFHg6ppb1YVPMDEergc0/s400/20160529144239952.png" width="400" /></a></div>
<br />
So to change the active mode, simply change <b><span style="color: magenta;">#9dc2e7</span></b> and <b><span style="color: magenta;">#438cd2</span></b>. Here is a <a href="http://www.bloggerdaddy.tk/2015/11/color-code-generator.html" target="_blank"><b>color generator tool</b></a> that will aid you to select the best color code that you love.<br />
If you encounter any difficulties in the process of setting up your blog Sitemap, don’t hesitate to use the comment box below.</div>

Tricks Widgets How to Create a Sitemap or Table Of Contents Page For Blogger

Sitemap is a page on your blog where all posts are arranged in accordance to their type, and it shows the links to all posts published o...

Animated Colour changing Background for Blogger

6:47: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/AVvXsEimw-3ELh0LDL-mgjwX4IosPR2WgIUtg3FzB15rxYmMafb89_zju647Qz8pZ3VRegKGFmqiL2HrjdJD5RVH031kSnh0XodvubmOPDijVn3-WAzNTLFA-qm2mK_QcXrWHnRUDJjxH09cApM/s1600/Animated+color+background.jpg" imageanchor="1"><img border="0" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimw-3ELh0LDL-mgjwX4IosPR2WgIUtg3FzB15rxYmMafb89_zju647Qz8pZ3VRegKGFmqiL2HrjdJD5RVH031kSnh0XodvubmOPDijVn3-WAzNTLFA-qm2mK_QcXrWHnRUDJjxH09cApM/s400/Animated+color+background.jpg" width="400" /></a></div>
<br />
<div style="text-align: justify;">
This post will tell you that how you 
can make your background change to different colours with animation 
using keyframes CSS. Inspite of using big images you can use these CSS 
codes which load extremely fast and you the user too gets too see some 
interaction on the background.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<h3>
Removing existing code:</h3>
<div>
First of all you have to remove the existing background code to avoid 
any conflict in between and minimize excessive code. For this search the<b> <span style="background-color: #d9ead3;">body</span> </b>selector from the CSS codes in your blog. Under that search for <b style="background-color: #d9ead3;">background</b> property and remove the property with the value (Do Not Remove the Selector). </div>
<div>
<br /></div>
<div>
<h3 style="text-align: left;">
Adding the code:</h3>
</div>
<div>
Now we have to add the animation codes in the blog template. For this paste the below given code just above <b><span style="background-color: #d9ead3;">]]></b:skin> </span></b><span style="background-color: #d9ead3;"><</span></div>
<div>
<span style="background-color: #d9ead3;"><br /></span></div>
<blockquote class="tr_bq">
body {<br />
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */<br />
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */<br />
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */<br />
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */<br />
}<br />
@keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-webkit-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-moz-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
@-o-keyframes colorBackground {<br />
      0% { background-color: #fbcf61; color: #fbcf61; }<br />
     20% { background-color: #6bd57e; color: #6bd57e; }<br />
     40% { background-color: #ff6f6f; color: #ff6f6f; }<br />
     60% { background-color: #57cff4; color: #57cff4; }<br />
     80% { background-color: #0ed4c8; color: #0ed4c8; }<br />
    100% { background-color: #fbcf61; color: #fbcf61; }<br />
}<br />
}</blockquote>
Code Source - Immam Vel<br />
<br />
<div class="content section" id="content">
<div class="widget Blog" data-version="1" id="Blog1">
<div class="blog-posts hfeed masonry">
<div class="date-outer">
<div class="date-posts">
<div class="post-outer">
<div class="post hentry">
<div class="post-body entry-content" id="post-body-4898190721721462044">
<div dir="ltr" style="text-align: left;" trbidi="on">
After
 adding the code, save the template. You are done now. Now you and your 
visitors can see this animated colour changing background in your 
blogger blog.
<br />
<h3 style="text-align: left;">
<a href="http://www.bloggerdaddy.tk/2016/05/facebook-popup-like-box-widget-for.html" target="_blank">Facebook Popup Like Box Widget For Blogger</a></h3>
</div>
<div style="margin-top: 5px; margin: 0 auto;">
<ins class="adsbygoogle" data-ad-client="ca-pub-2958296951649807" data-ad-slot="2165359970" data-adsbygoogle-status="done" style="display: inline-block; height: 60px; width: 468px;"><br /></ins></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Tips Tricks Animated Colour changing Background for Blogger

This post will tell you that how you can make your background change to different colours with animation using keyframes CSS. Inspite...

How To Make A Link Button-Download button

11:16:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
Many bloggers think that how to make a link button ??? so friends here is new useful trick for "link button".<br />
<h2>
<a href="https://www.blogger.com/blogger.g?blogID=2318473155192028396" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="background-color: black; color: red;">Demo Button Link </span></h2>
<div>
<form>
<input class="Bloggerdaddy" onclick="window.location.href='http://www.bloggerdaddy.tk/2016/04/how-to-make-link-button-download-button.html'" type="button" value="Your Text Here" />
</form>
<span style="color: yellow; font-size: large;"><b style="background-color: black;"><br /></b></span>
<span style="color: yellow; font-size: large;"><b style="background-color: black;">How to put button by using HTML code ?</b></span><br />
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"><br /></span></b></span></span></b>
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"> Paste The Following HTML code in your post </span></b></span></span></b><br />
<b><span style="color: #351c75;"><span style="color: black; font-size: 12pt; font-weight: normal; line-height: 18.4px;"><b><span style="color: #351c75;"><br /></span></b></span></span></b></div>
<div style="text-align: center;">
<span style="font-family: "calibri" , "sans-serif"; font-size: 11.0pt; line-height: 115%;"><span style="color: blue;"><u><strike></strike></u></span></span></div>
<div>
<span style="background-color: white; color: purple; font-size: large;"><b><u>HTML code</u></b></span></div>
<div>
<blockquote class="tr_bq">
<span class="navy"><form></span><span class="navy"><input</span>  <span class="green">class</span>="Bloggerdaddy" <span class="green">type</span>="button" <span class="green">value</span>="Your Text Here" <span class="green">onclick</span>="window.location.href='http://www.bloggerdaddy.tk/2016/04/how-to-make-link-button-download-button.html'" <span class="navy">/></span><span class="navy"></form></span></blockquote>
<h2 style="text-align: left;">
<span style="background-color: black; line-height: 115%;"><b><span style="color: yellow; font-size: large;">How to paste css code in blogger template ?</span></b></span></h2>
<div class="MsoNormal">
<span style="color: #7030a0; font-size: 12pt; line-height: 115%;"><b><br /></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Step 1 : Add The Css Code To Your Template<o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 2 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Go To Blogger >> Template >> Backup Your Template<o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 3 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Click Edit HTML >> Search For ]]></b:skin> <o:p></o:p></span></b></span></div>
<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;"><br /></span></b></span></div>
<br />
<div class="MsoNormal">
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 4 : </span></b><span style="font-size: 12pt; line-height: 115%;"><b><span style="color: #351c75;">Now Paste The Following code Above/Before ]]></b:skin><u><o:p></o:p></u></span></b></span></div>
<div class="MsoNormal">
<span style="color: #7030a0; font-size: 12pt; line-height: 115%;"><b><br /></b></span></div>
<span style="color: purple; font-size: large;"><b><u>CSS code </u></b></span><br />
<span style="color: purple; font-size: large;"><b><br /></b></span>
<br />
<blockquote class="tr_bq">
<strong>input.</strong><b>Bloggerdaddy</b> <strong class="blue">{</strong>
			width<span class="blue">: 200px;</span>
			padding<span class="blue">: 20px;</span>
			font-weight<span class="blue">: bold;</span>
			font-size<span class="blue">: 150%;</span>
			background<span class="blue">: #660099;</span>
			color: <span class="blue">#FFFFFF;</span>
			cursor: <span class="blue">pointer;</span>
			border<span class="blue">: 1px solid #009999;</span>
			border-radius<span class="blue">: 10px;</span>
			-webkit-box-shadow<span class="blue">: 6px 6px 5px #009999;</span>
			-moz-box-shadow<span class="blue">: 6px 6px 5px #009999;</span>
			box-shaddow<span class="blue">: 6px 6px 5px; #009999;</span><strong class="blue">}</strong><strong>input.</strong><span class="blue"><b>Bloggerdaddy</b>:</span><strong class="red">hover</strong> <strong class="blue">{</strong>
		color<span class="blue">: #99FF00;</span>
		background<span class="blue">: #0033CC;</span>
		border<span class="blue">: 1px solid #A3A3A3;</span>
		-webkit-box-shadow<span class="blue">: 2px 2px 5px #666666;</span>
		-moz-box-shadow<span class="blue">: 2px 2px 5px #666666;</span>
		box-shaddow<span class="blue">: 2px 2px 5px; #666666;</span><strong class="blue">}</strong></blockquote>
<b style="font-size: 16px; line-height: 18.4px;"><span style="color: #351c75;">Step 5 :</span></b><span style="color: #351c75;"> <b>Click on Save template button and its done. </b></span></div>
</div>

Tips Tools Tricks Widgets How To Make A Link Button-Download button

Many bloggers think that how to make a link button ??? so friends here is new useful trick for "link button". Demo Button Link ...

Does & Don't of local SEO - Get traffic/visibility to your business/Website

10:48:00 AM 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/AVvXsEhOZbO_nIXg0tUmoOvvHe0JINvaumyHnisV4eS7pCr73O6dZXDsJlSHNaizCuR08KL3LtSkNlsddzcI54svao6ZNmUugC51adACIHGRmtS5UrVL7YUYX6z6Hf47_6eIE6hKcvkTsI291uc/s1600/Local+SEO.jpg" imageanchor="1"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOZbO_nIXg0tUmoOvvHe0JINvaumyHnisV4eS7pCr73O6dZXDsJlSHNaizCuR08KL3LtSkNlsddzcI54svao6ZNmUugC51adACIHGRmtS5UrVL7YUYX6z6Hf47_6eIE6hKcvkTsI291uc/s320/Local+SEO.jpg" width="262" /></a></div>
<br />
Businesses with a local address or serving a local area need local <a href="http://blogerdaddy.blogspot.com/2016/01/seo-search-engine-optimization-tools.html" target="_blank">SEO</a>.
 Businesses offering services like, plumbing, locksmith, lawyer, 
accountant, real estate, electrician, gardening are few trades that 
serve the local area.<br />
<br />
<em><b><u>What is need of local SEO?</u></b></em><br />
<em><br /></em>
To get search engine traffic and leads for searches in the local area.<br />
<br />
<em>Suppose if you need electrician form local area urgently, what would you do?</em><br />
<em><br /></em>
Generally people use Google in their mobile phones or on their laptop and start typing in.<br />
<br />
A typical search will look like: “electrician near (<em>location</em>)…”<br />
<br />
<em>What do you think Google will display?</em> Google and other 
search engines will display information based on a user’s location or 
based on any location specific word the user types in.<br />
<br />
<em><b><u>How does Google decide what to display?</u></b></em><br />
<em><br /></em>

<br />
There is no definite answer that
 will guarantee 100% consistent results. But there are some well 
accepted local search engine optimization techniques that can improve 
your online visibility. They range from Google+ local page, customer 
reviews, online citations, local links and on-page elements.<br />
<br />
Below are some of Does & Don't<br />
<br />
<h2 style="text-align: left;">
On-Site Optimization</h2>
<table>
<tbody>
<tr>
<td width="376"><b> <span style="background-color: white;">                   </span><span style="background-color: yellow;">Do</span></b></td>
<td width="376"><b style="background-color: white;">                           </b><b style="background-color: yellow;">Don’t</b></td></tr>
</tbody></table>
<br />
<table><tbody>
<tr>
</tr>
<tr>
<td width="376"><b>Review and Correct</b> On-Page SEO ElementsThis includes contact details,  phone numbers and local keywords.</td>
<td width="376"><b>        Not Conducting SEO </b>AuditLook at                    URL structure and target keywords. Spy                on competitor’s keywords.</td>
</tr>
<tr>
<td width="376"></td></tr>
</tbody></table>
<br />
<br />
<table><tbody>
<tr><td width="376"><b>Create Quality Local Content that Serves Target Audience</b>Your content has to serve the target audience in your area. It has to be better than what the user can find on the web elsewhere. Create actionable content that flows from start to finish.<b><br /></b><br />
<br />
<br /></td>
<td width="376"><b>         Create Spun Content or Duplicate                      </b>ContentKeyword stuffing and copied                     content can hurt your rankings. No                         internal links or links to expert content on               authority sites can also hurt your SEO.<br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td width="376"><b>Leverage Social MediaTake</b> advantage of the growing social media that has 4.2 Billion monthly online users on the top 8 social networks. Try to build a brand and promote content to attract customers.</td>
<td width="376"><strong>         Just Drop Links on Social Media</strong>Social              signals are important ranking factors and be          social to influence followers.
</td>
</tr>
<tr>
<td width="376"><b>Optimize ImagesInclu</b>de local keywords and city name in image file name and alt tags.</td>
<td width="376"><br />
<div style="text-align: left;">
        <b>  Ignore Image File Names and Alt                         Tags</b>Ignoring image optimization is                       like ignoring another big search engine like           Google images search.</div>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<h2 style="text-align: left;">
<b>Google+ Local Page Optimization</b></h2>
<br />
<table>
<tbody>
<tr>
<td width="376">       <b>         <span style="background-color: yellow;">Do</span></b></td>
<td width="376"><b>              <span style="background-color: yellow;"> Don’t</span></b><br />
<b><span style="background-color: yellow;"><br /></span></b></td>
</tr>
<tr>
<td width="376"><br />
<b>Create Local Pages/PlacesSign up</b> to Google+, Bing and Yahoo business pages to enhance organic search rankings.<br />
<br />
<b><br /></b></td>
<td width="376"><b>      Provide No Contact DetailsIncorrect                 infor</b>mation can hurt your reputation  and             rankings.<br />
<br /></td>
</tr>
<tr>
<td width="376"><b>Ensure NAP (Name, Address & Phone) Listings</b> are CorrectGoogle MapMaker can help access personal information and ensure correct NAP listings.<br />
<br />
<br /></td>
<td width="376">       <b>Have Inconsistent NAP ListingsNAP                  Listings</b> have to be consistent across  the              web to be beneficial.<br />
<br />
<br />
<br /></td>
</tr>
<tr>
<td width="376"><b>Have a Physical Addre</b>ss in the City You want to Rank forA Physical address can help your local rankings.<br />
<br />
<br /></td>
<td width="376">       <b>P.O. Box in Business Addr</b>essAvoid                    P.O.Boxes; have them on Address Line 2              if  you have to have them.<br />
<br />
<br /></td>
</tr>
<tr>
<td width="376"><b>Use a Local Phone Number</b><br />
A local number and address can help with local listings.</td>
<td width="376">     <b>  Avoid a Call Centre Num</b>ber If                            PossibleGeneric numbers have no                          advantage compared to a local phone                    number.</td>
</tr>
</tbody>
</table>
<h2>
     Reviews, Citations and Links</h2>
<br />
<table>
<tbody>
<tr>
<td width="376"><b>                      <span style="background-color: yellow;">Do</span></b></td>
<td width="376"><b>                   <span style="background-color: yellow;">Don’t</span></b></td></tr>
</tbody></table>
<br />
<table><tbody>
<tr>
</tr>
<tr>
<td width="376"><b>Proactively Get ReviewsRevie</b>ws can boost rankings so ask for it from satisfied clients.<br />
<br />
</td>
<td width="376">     <b>Pay for ReviewsFake revie</b>ws can                        damage a business online.<br />
<br />
<br /></td>
</tr>
<tr>
<td width="376"><b>Review and Organise Your Busi</b>ness CategoriesCategories allow users to find your business online.<br />
<br />
<br />
<br />
<br /></td>
<td width="376"><b>    Miss Relevant CategoriesMak</b>e sure you           select all relevant categories as you don’t want     to lose any opportunities to be found online. If     you have an irrelevant category then remove it     so it doesn’t affect site rankings or increase           bounce rates.<br />
<br />
<br /></td></tr>
</tbody></table>
<table><tbody>
<tr><td width="376"></td>
</tr>
<tr>
<td width="376"><b>Get Citations from Hig</b>h-Quality SitesCitations are the NAP listings. Look for Competitor Citations and replicate them.</td>
<td width="376"><b>      Look for Citations from Lo</b>w-Quality                   SitesRemember, when it comes to links,                 reviews and citations – quality prevails over           quantity.</td>
</tr>
<tr>
<td width="376"><br />
<br />
<b>Get Local Links</b><br />
Links are the recognised currency online and local links can help with local rankings. Make sure the links are from high-quality sites.<br />
<br />
<br /></td>
<td width="376"><b>       Go After Low-Quality Lin</b>ksLow-quality            links from spammy sites can dilute your                 rankings<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2016/02/how-to-add-whatsapp-sharing-button-in.html" target="_blank"><br /></a></span></td></tr>
</tbody></table>
<span style="font-size: large;"><a href="http://blogerdaddy.blogspot.com/2016/02/how-to-add-whatsapp-sharing-button-in.html" target="_blank">How to add "Whatsapp" sharing button in blog?</a></span></div>

Tips Tricks Does & Don't of local SEO - Get traffic/visibility to your business/Website

Businesses with a local address or serving a local area need local SEO . Businesses offering services like, plumbing, locksmith, lawyer...

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

8:48: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/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...

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 ...