How to Get Google To Index Your New Website & Blog Quickly
Windows 7 .Exe File Association Fix Download Here
Steps To Run The .Exe File Association Fix .Reg File
Win7 32-Bit .Exe File Fix Download
Win7 32-Bit and 64-Bit .Exe File Fix Download (Zip File)
How To Add Meta Tags To Blogger Posts
This is not the fault of search engine crawlers but you have made it bound to happen because of not using the META tags for your articles. SO take it as serious step and move on to the implementation of META tags Step By Step while understanding "?" about META tags.
What are meta Tags?
Where are these tags placed?
Who read these Meta Tags?
Why Meta tags are important?
2. Relevant Ads By Ads Network
How To Add Meta Tags In Blogger?
So now you are ready to add meta tags to your blog then let us implement these tags in every area we should step by step.Add Meta Description Tags For Main Blog URL
<head>
and after this <head>
tag paste the code given below.<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Add Meta Description Tag For Each Post In Blogger
Add Separate Meta Keywords Tag To Each Post In Blogger
It is better to have backup to restore if anything went wrong. Just copy the code given below, replace YOUR-PAGE-URL with the URL of the post you are adding keywords to and
Paste it before the
<b:skin><![CDATA[
and save your template.<b:if cond='data:blog.url == "YOUR-PAGE-URL"'><meta content='YOUR-PAGE-KEYWORDS' name='keywords'/></b:if>
Meta Author Tag
<head>
tag. Just replace <meta content='McDonald' name='author'/>
How To Use FontAwesome Icons In Blogger Template
1. What are these FontAwesome Icons?
2. Can we customize these icons on our template?
3. Is any JavaScript required to get these icons work on my blog?
4. Are these icons free or premium?
These icons are totally free for use in any way (personal or commercial use). Good deal, no?5. Why should I use these icons? Why not PNG or other images?
How To Use These Icons On My Blog?
<head>
tag and after this <head>
tag paste the code given below.<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">Above code is the CSS stylesheet of FontAawesome icons. Now you can place any icon to appear anywhere with simple <i> tag in your HTML e.g. inside <div>, <a>, <li> or <p>. See the example below how we used icons in our navigation menu links.
<li><a href='http://www.twistblogger.com'><i class='fa fa-home'></i>Home</a></li><li><a href='http://www.twistblogger.com/p/contact-us.html'><i class='fa fa-envelope-o'></i>Contact Us</a></li>
Customization of Icons With CSS
To customize the color, size, shadow and background, just call the (i) tag in CSS and paint these icons with your creativity. CSS code is given below to simply copy paste and customize. Copy the above code and paste it just before the]]></b:skin>
code line.i {color:#E2FD18;font-size:15px;padding-right:5px;text-shadow: 1px 1px 1px #000;}
<i class='fa fa-heart' style='font-size:18px; color:red;'/>
Disable Copy Function On Blogger With CSS or JavaScript
Most of the genuine bloggers on BlogSpot platform face the problem of their blogs' content being copied or duplicated by newbies who are just entering in the blogosphere with the goal of making money without making real efforts and understanding the value of original/unique content. Sometimes the content copied by them gets higher rankings in search engines than your original content and this is unfair which lowers the motivation of genuine bloggers. So it is important to protect your blog content from these content thieves and this is the agenda of this post. We will disable the copy function by disabling the mouse right click and CTRL+A. We have two options for doing this i.e., via a JavaScript Code if you want to disable whole text area of blog or via CSS code if you share some codes/text on your blog posts and your readers need to copy them.
Disable Text Selection On Blogger With JavaScript Code
Recommended Article: Change Scrollbar color and Text Selection Color in Blogger<head>
and copy paste the JavaScript Code given below after <head>
tag.<!--Disabe Copy Paste--- TB-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
Now save your template and view your blog to check the results.
Disable Text Selection Except Specified Codes/Text With CSS
]]></b:skin>
this code line and copy paste the CSS code given below before this ]]></b:skin>
code line./*----- Disable Text Selection with CSS Code--- TB----*/
.post blockquote {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.post blockquote
but it may not work for you if your template is using different CSS class for blockquote for e.g., Our template using .post blockquote
where your template may be using .post-body blockquote
or blockquote. So in that case you need to replace .post blockquote
with .post-body blockquote
or blockquote in above CSS code. If you do not share any codes or content than just copy paste this little piece of CSS code to disable all text area on your blog./*----- Disable Text Selection with CSS Code--- TB----*/
body {
-webkit-user-select: none !important;
-moz-user-select: -moz-none !important;
-ms-user-select: none !important;
user-select: none !important;
}
Note: You can add CSS codes by simply going to Template Designer >> Add custom CSS and paste your code then save.
Benefit of using CSS Code rather than JavaScript ?
Using CSS code we eliminate this factor as user usually can not disable the CSS. However, an experienced user can do it simply by inspecting elements and finding our CSS code snippet then delete it in browser but this task is far away from newbies. Experienced users rarely do that.
2) CSS codes are far better than JavaScripts as they do not lower the speed of your blog/website where JavaScript codes consume much time to load and make your blog load speed very low and overall you lose Visitors=Money. Avoid using JavaScripts.
Let us know where these codes worked for you or you are having problems with these codes? We will serve you our best. Thank You.