Monthly Archives

May 2017

Blogger-2BSitemap.png
Blogger,

Create Blogger Sitemap & Add to Google Webmaster Tools 2017

if you’ve just started your blogger blog, you might not know how search engines work and how to display your website in the Google search results to drive traffic to your blog.
You can show your website in Google search for free if you can help Google to find your blog.

After creating your blog you must add it to Google search console (aka Webmasters tool) to index it properly and thus, to get a decent amount of organic traffic.

Google search console is a free tool that lets you add your blog to Google search pages and manage it from the dashboard directly. Also, to Add your blogger sitemap to google is really-really important as it will help your blog in regular indexing and proper crawling.

What is a Sitemap?

As the word sounds, a sitemap is actually a map of your website.

When Google crawlers go around the web indexing new web pages in its database, new blogs are usually missed out as only a few or no sites are linking to them as well as they’re not aware of sitemap thing.

A sitemap is either an XML or HTML file that contains all the URLs of the pages inside your blog.

While HTML sitemap helps your visitors to navigate through your blog, an XML sitemap helps the search engine crawlers the same way.

When you submit an XML sitemap to Google Webmasters, it helps search engine crawlers to find all the URLs on your website and add it to their database.

There are various parts of a sitemap that affect the crawling rate of your blog, such as the size of your sitemap, the number of URLs in your sitemap, indexing priority of pages on your blog, updating frequency, etc.

Now, that you know about sitemap and its importance, let’s move on to the further steps.

Create Blogger Sitemap To Google Webmaster Tools 2017

STEP 1 – THE NEW BLOGGER SITEMAP Updated 2017

Google now automatically create a sitemap for your Blogger blog in your root directory. This makes the process a whole lot easier, all you have to do now is submit your sitemap to Google and Bing Webmaster Tools. The sitemap is available at the following URLs.

Blogger – Default URL: http://blogname.blogspot.com/sitemap.xml

or

Blogger – Custom URL: http://www.blogname.com/sitemap.xml

This new default sitemap is automatically added to the default robots.txt file, so you don’t have to create a custom one. making the process a lot easier. The sitemap file also
contains links to pages: http://blogname.blogspot.com/sitemap.xml?page=1

OLD Version Blogger XML Sitemap URL

Creating a site map on Blogger isn’t as easy as on other platforms. They don’t have proper XML sitemap available and so we have to generate one using the RSS or Atom feed and add it ourselves. To do so we use a structure like the links below and add it to a custom robots.txt file.

We do so by using the following link and then creating a custom robots.txt file.

Blogger – Default URL

http://blogname.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://blogname.blogspot.com/feeds/posts/default?orderby=UPDATED

Blogger – Custom Domain on Blogger URL

http://blogname.com/atom.xml?redirect=false&start-index=1&max-results=500
http://blogname.com/feeds/posts/default?orderby=UPDATED

A single sitemap file should not exceed 50MB which is why we limit it to max results 500. You may need to edit this depending on how big your feed is. Now we’ve to tell search engines that this is your sitemap. To do this, we add it to your robots.txt file and submit it to Google and Bing Webmaster Tools.

Add Blogger Sitemap to robots.txt file
Go to Blogger > Dashboard > Settings > Search Preferences and click edit the custom robots.txt file. Click enable and paste the following adding your blogname.

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://blogname.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://blogname.com/feeds/posts/default?orderby=UPDATED
Sitemap: http://blogname.com/sitemap.xml

You can change the sitemap URL to whichever link above you prefer. The above code means that search engines can index your entire site (Allow: /) apart from your blogs search results (Disallow: /search) which is good because that would be considered duplicate pages.

Adding Blogger Sitemap TO Google & Bing Webmaster Tools

1.Verifying your site with Google Search Console

Sign into  Google Search Console

Add a property

click Add a property (your website or blogger) to the right side of the corner below settings and help.

Verify your site

Verification of Google Webmaster tools very easy, There are many methods in verification, best and standard using the method in website verification is Meta tag.

After adding the property, meta tag will appear Copy the meta tag and paste it into your site or blog HTML header. Below before you can paste anywhere and save your template.

Click verify Button in Google Search console.If you success Congratulations, you have successfully verified your ownership of your site. You can continue to search console.

2. Submit a sitemap to Google webmaster tools

Step 1: Sign in to your Google Webmasters Account.
Step 2: Select the desired blog you wish to submit the sitemap for.
Step 3: At the left side of the page, click on Sitemaps under Crawl section.
Step 4: Now, at the top-right corner of the page, click on Add/Test Sitemap button.
Step 5: Add the below code in the provided text field.

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=1000
feeds/posts/default?orderby=UPDATED
sitemap.xml

Step 6: Press “Submit Sitemap” button.
Step 7: Refresh the page.
Congratulation! You have finished the process of submitting your blog sitemap.

Note: There are two other sitemaps if your site contains below 500 posts use the first sitemap file.
Above 500 posts up to 1000 use two XML sitemaps one by one.

Google will now start to crawl and index your site. You can check what pages have been indexed on the Webmaster Tools. To submit your sitemap to Bing, login to Bings Webmaster Tools, add your URL, verify ownership and then submit your sitemap. It may take a few days for your site to be indexed.

Please share your views with me on the effects of adding the sitemap and let me know in the comments if you need any help in submitting your blog sitemap.

Keyboard-Keys-Effect.jpg
Blogger,

Add Keyboard Keys Effect To Your Text in Blogger Blog

Here is one of the best trick which makes your post beautiful i am Providing you. You might have seen this Cool CSS Tricks. Now i am tell you how you can add this feature to your Personal Blog. I have seen this tips on hackingunversity.in So it is the best and popular tutorial in now a days.

So here is the Tutorial, So check it out

How To Add The Code

1. Open Blogger > Template > Edit HTML.

2. Now press Ctrl + F and search for ]]></b:skin> tag, now paste below code above it.

kbd {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid gray;
padding: 1px 5px;
margin: 0 5px;
font-family: courier new;
font-size: 1.2em;
-webkit-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;
-moz-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;
box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;
background: -moz-linear-gradient(left, #fff 0%, #e2e2e2 25%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(25%, #e2e2e2));
background: -webkit-linear-gradient(left, #fff 0%, #e2e2e2 25%);
background: -o-linear-gradient(left, #fff 0%, #e2e2e2 25%);
background: -ms-linear-gradient(left, #fff 0%, #e2e2e2 25%);
background: linear-gradient(left, #fff 0%, #e2e2e2 25%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=1)
}

kbd.space {
padding: 0 90px
}

kbd:hover {
cursor: default
}

3. Now Save Template, your CSS Styles has been added, now its time to activate this effect.

How to Using Them On Posts:

For their right implementation on blogger posts, follow these steps carefully.

  • Type your entire post
  • After completing the post, add this code before and after the text you want to add the effect.

<kbd>Text To Give Effect</kbd>

FOR WORDPRESS So now this same stuff can be done in WordPress too, so if you are on WordPress just add the above CSS styles to your external styling sheet and than surround your text with those text.

Your are done!If You Like This Tutorial Please Share With Your Friends. Subscribe To Our Email Newsletter For More Blogger Tutorials. Phone Reviews

Add-Meta-Tags-to-Blogger.png
Blogger, SEO,

Add Meta Tags to Blogger for Better SEO Results

We already have known that how important is On page SEO for getting ton of traffic to our blogs. There are many parts of On page SEO like writing quality article, keyword implement, choosing right title, adding meta tags, image optimization etc. today I would like to teach you “how to add meta tags perfectly in your blogger blog”.

 Add Meta Tags to Blogger Adding meta tags in blogger is really a best way to drive traffic from search engines and it really good for seo of your blog. but did you know that we can also add separate meta tags for each post. so each post has his own data in google search engine. meta tags are really important part in blogs because it tell search engines that what is in your blog post . it is really best for blog and it make our blog rank high in search engines. you can add keywords and description for each post in blogger.

How to add Meta Description Tags on Blogger

Blogger has rolled out an array of SEO features and now adding Meta Tags has become so easy. You can do it easily from the Blogger’s User Interface without doing much of Template Editing or pulling your hair.
Adding Meta tags in your blog follow the instructions bellow..

  1. Sign into your Blogger dashboard, and select proper blog.
  2. Now, Click on Template » Backup/Restore » Download full template.
  3. After completing download skip it by clicking Close.
  4. Now, click on Settings » Search preferences » Edit (in Description) under Meta tags as shown in the figure below. In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines.
  5. Now, enable search description by clicking on Yes, and write the homepage description in the box. Finally, click on Save changes.

Adding meta description to individual Post on Blogger

A meta description for a post or a static page can be added via Blogger’s post editor.

  1. Click Posts and select a post to edit.
  2. Click Search Description option under Post settings. (This option appears only after you enabled search description in step 1)
  3. Enter the meta description for the post and click Done.

For older posts, you have to go back to edit each post and manually add in the description.But before you do that, it’s better to confirm if this feature works on your blog template.

If you don’t see the search description option in your Blogger post editor after completing all the steps mention above. Follow the next step otherwise skip it.


This is a step for those who never get the search description option in their Blogger post editor. You may find this problem if you are using some types of custom Blogger templates.

You will have to add it to your template manually:

Go to Template » Edit HTML find the code <head> and just below this code paste the following code.

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Finally, click on Save template.

You may check your currently meta description by this online meta tag checker

Related-Posts-With-Thumbnails-in-Blogger.jpg
Blogger,

How To Add Related Posts With Thumbnails in Blogger

How about adding Related Posts below your blog posts? Advantage of adding Related Posts below your blog post is that your readers may find some of your Related Posts interesting and click on the link to read the post, thus your readers stay time on your blog increases and thereby increases your page views. So this tutorial will help you to add Related Posts below your blog posts.

Add Related Posts With Thumbnails Blogger
Add Related Posts With Thumbnails Blogger Pic

Steps Of Adding Related Posts Below Blog Posts In Blogger:
Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;
Step 2. Check the “Expand widgets template” box;
Step 3. Search CTRL + F for this piece of code: </head>
Step 4. Copy and paste the below code just above </head> Code

 <!--Related Posts with thumbnails Scripts by MukeshMali.com and Styles Start-->
#related-posts{float:left;width:auto}
#related-posts h1{background:none;color:#333;font-weight:700;font:24px Trebuchet MS,sans-serif;margin:0;padding:3px}
#related-posts .MM_img{width:161px;height:110px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;padding:3px 5px}
#related-posts .MM_img:hover{opacity:0.5;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
#related-posts .play-button{background:url(https://lh4.googleusercontent.com/-Liprsvdg5j4/URvA_sD-sUI/AAAAAAAACpw/WTbEtnP_qjY/h120/MukeshMali.png) no-repeat center;cursor:pointer}
<!--Related Posts with thumbnails Scripts and Styles End-->
<!-- /Start javascript for Related Posts -->
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Arrayundefined);var relatedTitlesNum=0;var relatedUrls=new Arrayundefined);var thumburl=new Arrayundefined);function related_results_labels_thumbsundefinedjson){forundefinedvar i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]
=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catchundefinederror) {s=entry.content.$t;a=s.indexOfundefined"<img");b=s.indexOfundefined"src="",a);c=s.indexOfundefined""",b+5);d=s.substrundefinedb+5,c-b-5);ifundefinedundefineda!=-1)&&undefinedb!=-1)&&undefinedc!=-1)&&undefinedd!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='https://lh6.googleusercontent.com/-AWhPkAKPXYE/URvFDRyVrBI/AAAAAAAACqA/gH0lhjnqdGI/h120/MukeshMaliBig.png'} ifundefinedrelatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum]
.substringundefined0,35)+"..."; forundefinedvar k=0;k<entry.link.length;k++){ifundefinedentry.link[k].rel=='alternate') relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}} function removeRelatedDuplicates_thumbsundefined){var tmp=new Arrayundefined0);var tmp2=new Arrayundefined0);var tmp3=new Arrayundefined0);forundefinedvar i=0;i<relatedUrls.length;i++){ifundefined!contains_thumbsundefinedtmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbsundefineda,e){forundefinedvar j=0;j<a.length;j++)ifundefineda[j]==e)return true;return false}function printRelatedLabels_thumbsundefined){forundefinedvar i=0;i<relatedUrls.length;i++){ifundefinedundefinedrelatedUrls[i]==currentposturl)||undefined!undefinedrelatedTitles[i]))){relatedUrls.spliceundefinedi,1);relatedTitles.spliceundefinedi,1);thumburl.spliceundefinedi,1);i--}}var r=Math.floorundefinedundefinedrelatedTitles.length-1)*Math.randomundefined));var i=0;ifundefinedrelatedTitles.length>0)document.writeundefined'<h1>'+relatedpoststitle+'</h1>');
document.writeundefined'<div style="clear: both;"/>');whileundefinedi<relatedTitles.length&&i<20&&i<maxresults){document.writeundefined'<a style="text-decoration:none;margin:0 10px 5px 0;float:left;border:solid 1px #ccc;');ifundefinedi!=0)document.writeundefined'border:solid 1px #ccc;"');else document.writeundefined'"');document.writeundefined' href="'+relatedUrls[r]+'"><div class="play-button"><img class="MM_img" src="'+thumburl[r]+'"/><br/></div><div style="width:160px;padding:0 5px;color:#222;height:40px;text-align:center;margin:0px 0px; font:14px PT Sans Narrow; line-height:16px;">'+relatedTitles[r]+'</div></a>');ifundefinedr<
relatedTitles.length-1){r++}else{r=0}i++}document.writeundefined'</div>');
relatedUrls.spliceundefined0,relatedUrls.length);thumburl.spliceundefined0,thumburl.length);
relatedTitles.spliceundefined0,relatedTitles.length)}
//]]> </script>
<!-- /End javascript for Related Posts -->

Step 5. Now find the following code: post-footer-line post-footer-line-1
Step 6. And just above it, copy and paste the below code:


<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=8&quot;' type='text/javascript'/></b:if></b:loop>

<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=4;
var relatedpoststitle=&quot;Related Posts :&quot;;
removeRelatedDuplicates_thumbsundefined);
printRelatedLabels_thumbsundefined);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

See the Demo of Related Post with Thumbnail in Blogger

Step 7. Save the Template & Enjoy 
Google-2BDrive-2BFile-2BUpload.jpg
Blogger,

Easiest way to Embed a PDF in your Blogger Post Tutorial

Easiest way to embed PDF documents in your Blogger posts with the help of Google Drive.

There may arise a need when you want to show a PDF document in your blog post. If you wondering if it’s possible some way, let me clear this doubt for you: yes it is.

In this very post, we are going to see the easiest possible way to Embed PDFs in our Blogger blog posts.


Easiest way to Embed a PDF in Blogger Post


In order to embed or show a PDF document in our post, we first have to host it somewhere. I’ve used Google Drive, which is undoubtedly the best place to host files on web.

1. To upload the file, head over to drive.google.com, click the upload button and select the file option as show in the screenshot below:

Google Drive File Upload

A window will popup to browse files. Select your file to start the file upload.

2. As the uploading completes, we have our PDF file hosted on Google drive. Next, we need to do a slight change in the file permissions of our PDF to obtain an embed code for it to use publicly. Right click on the file and choose Share from the popup menu.

Google Drive Share File

3. In the dialog so opened, move to the Advanced part of the Sharing settings.

4. Now, look for the Change… link in the Who has access section.

This will bring you to the file’s privacy settings.

5. We have to change the access of our file from private to public. Select “On – Public on the web” and click the save button.

6. Finally, grab the link of your PDF from the Share settings dialog.

7. Now, observe the following code:

 <iframe src=" https://drive.google.com/file/d/0B2MISW7jvFMIc3RhcnRlcl9maWxl/view?usp=sharing " 
width="600" height="300"></iframe>

Replace the highlighted area in the above code to your copied link. The final code will be the embed code for our PDF.

8. Now, in your Blogger dashboard, create a new post, set it to the HTML mode, and paste the final code into it.

That’s it! Publish/Preview the post to see the embedded PDF document in action. You may move the embed code in the post editor anywhere you wish to show the PDF.

Our embedded file will have some decent options like print, zoom, download, feedback etc. as demonstrated below:


Further, you may modify the width and height attributes in the embed code to align the embedded PDF according to your need.

AVG-2BAntiVirus-2BFree.jpg
Paid Post,

Hackers Can Breach Your Cell Phone at Any Time

Hackers Can Breach Your Cell Phone at Any Time
Cell phones have easily become an attachment that we cannot get rid of. We use our mobile phones daily, from logging online to check email to calling or texting our friends. As a cell phone user, it is important to know that your phone can be hacked at any time. Cell phones are basically little computers so they can easily be attacked by an Android antivirus or app antivirus.
Learn Why You Need a Cell Phone Antivirus

Because cell phones are susceptible to viruses, you need to know what to do to combat the issue. For android users, the AVG antivirus app is perfect for avoiding any unwanted viruses. Understanding why you need AVG antivirus will help you to see just why you need to download the app on your Android device.

The Android Antivirus app was the first to be released on Google play that broke the 100 million download mark. The app is used today as a quality way to secure phones and tablets around the world. Once the application has been installed, it will run silently to protect your device from the latest viruses, malware, spyware and more.

The app even protects you from theft. If your phone has been stolen or is missing, simply visit the Anti-Theft website of the application via another device and locate as well as track your missing device via Google Maps. With this site, you even have the ability to lock your device remotely and cause an alarm to sound at full volume. If your phone has been stolen and you go through this process, you are sure to be able to get your phone back as the criminal will run the other way!

Overall, this application can easily assist you in protecting your mobile phone device in a number of ways. Download the app today to begin offering your cell phone quality protection and security from a number of threats.