Showing posts with label Templates. Show all posts
Showing posts with label Templates. Show all posts

Thursday, 20 October 2016

7 Reasons Your Site Ranked Dropped

Google Bots! Sometimes difficult to comprehend, its ability are more than we can visualize, as a site owner, a proper understanding of how they work will take you a long way in ranking.
Preventing Google Search result ranked reduction

 Before listing out some puzzling reasons Google might diminish your site rank, it's appropriate we fully understand what we are talking about here.

So What The Google Ranking?

In a simple definition, it's a way of measuring the importance of a website. Don't get it? OK
It's an algorithm used by Google to rank sites in search results by search engines.
That should give a clear explanation of what Google ranking is.


Explain Google Search Rank Scaling Down

Is simply when a highly or higher ranked site drops it's worth resulting to poor appearances in Google searches. The value and authority it lessened.
By now you might have gathered what this post is all about. Let's get to the reason Google might diminish your site search ranking.



Google will decrease your site ranking if:


Your Site Is Pass Over:
Believe it or not, Google bot never take it likely with sites left unattended for an extended period. Has more than enough posts to carry you for a long time without regular updates as you are supposed to will condition your site, inappropriate to Google bots and eventually reduce your website ranking.
Updating at least once in a week have what it take to preventing Google search rank pruning.

Your Site Isn't Mobile Friendly
As you know or might have read elsewhere, Google is trying to put the mobile first, aside from that, if your run through your platform analytics, you might find the mobile platform more than the Desktop and Tablets. Am guessing you know what that designate?

If your site isn't mobile-friendly, the chances of your site Google search rank demolished is high. The use of the mobile device has beat the use of desktops and laptops computers by over 70% due to the introduction of highly/more capable smartphones. Don't let cell phones bring your site down.

Also Read: Tips To Improve SEO In Blogger

Alternate Templates Frequently
Yes, plenty of site owners undertake it, especially the design freaks, I have seen instances, where site owners go online, download third party templates and use it on their sites(Blogger).
Using a well created, responsive and SEO friendly template, won't get you in trouble, only when there is a constant shuffle of templates,  that will get your site a Spam spotlight.

If you are a site owner who ain't easily satisfied with its appearance, end up using over four templates in a week and continuously without concern. About Google search bots which are roaming around your template every time.
You should hire a web designer to make your site look just as perfect as you want it and avoid Google search rank decreased.

There Is Regular Change Of Keywords
Do your keyword research and keep that way. Regular change of keyword gets search engine bot confused on what your page is about and make them establish a distrust thereby leading to your site deserted.
Do I need to say more? Just keep it real.

Have Too Many Duplicate Contents 
Content Duplication and Manipulation gives a negative impression to Google bots. "Duplicate content refers to substantive blocks of content within or across domains that either completely matches other content or are appreciably similar." Stop content duplication and manipulation.

You Don't Add "no follow" Attribute To Affiliate Links
They don't smile to affiliate links in a blog post, especially when they are way too many. If this is your aspect(affiliate marketing), then read carefully to avoid derank or penalty from Google search bots or any other search engine.
When writing a post for a product you want to promote,  placing the links(affiliate) in your post directly can get you in trouble.
Except you add a "no follow" attribute to the links, this way Google bots won't be able to follow those links making it safe to use affiliate links in blog posts.

Synopsis, Keeping it real, regular reading of Google rule and regulations and doing the right thing is the ultimate method of keeping your site healthy and High ranked in Google search results.

Read More

Friday, 7 October 2016

How To Add Auto Read More With Thumbnail In Blogger

Hey Guys, lets learn how to add auto read more with thumbnail in blog posts. Talking about professionalism, the auto read more gives your blog the look, gets your blog really organized and more beautiful.
What this does is to help you shorten your blog posts automatically and add "read more" link for your reader to click on and see the full content.

Auto Read More  with Thumbnails In Blogger


The steps requires you to go to your blog template, so save a copy of the template before applying the steps.

Also read
Add Recent Post Widget In Blogger
Add Floating Share Buttons In Blogger (Easy Steps)

Steps

==> Sign into blogger.com dashboard > Select the blog.

==> Locate and click on Template > Edit Html

==> Click anywhere in the template and hit Ctrl+F buttons for window, Cmd+F buttons for Mac.
==> Copy the highlighted code below and paste in the search box
<data:post.body/>
==> Press Enter key to find its location in template.
==> You might find the code up to two or three times, please make use of the second one.
==> Replace the above code with the one below

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

 Note: If you don' t notice any change after you applied its applied, kindly replace the third <data:post.body/>  tag too with the code above

==> Now search for </head> in the template and place the code below directly above it

<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
 .readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>
==> Save your template, you are done.

Customization

Modify the number of character shown in homepage there isn't a photo(thumbnail) useing the 490 value in red, to modify the number of character shown when is a photos(thumbnail) in the post, the 400 value in red also.
To modify the size of the Thumb, use the values in yellow
160 height and 180 width

Hope It helps, comment if any difficulty.
Read More

Wednesday, 5 October 2016

Add Widgets To Mobile View In Blogger

How To Make Widgets Show In Blogger Mobile View

Your blog mobile view may look boring, wise to spice it up a little more by making some of those awesome widget in your desktop view also visible in mobile.
Make widget appear in mobile view

There is a way you can make any Widget of your choice show in mobile view, especially  Google Adsense, is one of the many reasons blogger seek for this method. This way you get increase revenue and show your ads in mobile view without going through some boring and risky code adding and long editing.

Follow the Process below to show any widget to mobile.

Steps To Show Widget in blogger mobile view


Before you begin this steps, make sure your mobile template is set to custom.

To make any widget show in mobile, you get to add a mobile='yes' code to a widget code in your template, it not as hard as it sounds.

Enter your blog template and hit the Jump to Widget button, this will display all the widgets in your blog vertically, select the gadget you want to add to mobile, it will take you to it position. Use the example below for proper understanding.

Using  'Adsense' Html code below as an example

From   <b:widget id='HTML2' locked='false' title='' type='Adsense' visible='true'>

To       <b:widget id='HTML2' locked='false' mobile='yes' title='' type='Adsense' visible='true'>

As indicated above, we added mobile='yes'  in the the widget code. this will make that widget appear in mobile view.
If you wish to make it show only in mobile and not visible in desktop view, simply change the 'yes' to 'only', that's mobile='only'

Read More

Sunday, 2 October 2016

How To Restore Blogger Template (Easy Steps)

How To Reset Blogger Template

It's very annoying when your blog template de-arranged in way only getting back to default will make things right. there are several ways to get your templates back to default, that's what this post is all about.
How to get your blogger template back to default

Steps To Reset Blogger Template

Follow the steps how to reset blogger template

Step 1: Enter the blog you want to reset and open template >Edit html.

Step 2: When template is opened, Click the "Jump to widget" button in between "Save template" and "Edit template".

Step 3: Locate 'Blog1' in the drop down and click on it, to take you to its location, it should looking something like the code blow
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>

Step 4: Change the 'Blog1' to 'Blog2', will look like this
 <b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'> 
and save.
STep 5: Go to blog layout and remove all gadgets that were manually added, or remove everything.

Step 6: Go back to Templates, this time you hit the "Customize button".

Step 7: In the blogger template designer, under the template categories, you will see a "You've customized this template. Remove customization" text, click on remove customization

Step 8: You have successfully Restore your blogger template to default.

Read More