How To Fix Blogger Template Strike Error

Sometimes it is frustrating to see your blog having issues and when you have no solution to fix it, you may want to start changing templates as the last resolve. But then changing your template may not be ideal or the best solution.

Recently a friend's blog was having a problem, her blog posts were having strikes and it also affected the template footer.  Many may not have experienced this, but in future, if it occur, here is a fix for it.

Method 1
The reason for having strikes all over your posts and template footer may be one or few of your posts have <strike/> tag in its code. So you need to search for any post having the </strike> and remove it. To find the Strike Tag, make sure your Blogger Post Editor is on HTML Mode. If you cant find it, then try the following method 2 & 3.

Method 2
1. Go to Layout >> Add a Gadget >> Select HTML/JavaScript
2. Paste the code below below and save.
<style>
       strike {
       text-decoration: none!important;
        }
       </style>

Method 3
1. Go to your  blogger template editor and search for  ]]></b:skin> and paste the code below it.
<style>
       strike {
       text-decoration: none!important;
        }

       </style>

Any of these three methods should be able to fix it. Don't forget to leave us a feedback using the comments section.

This is a Guest Post by:
Name: Mazino Oyolo Kigho
Website: www.mazinoweb.com
Facebook: www.facebook.com/mazinoweb
Twitter: www.twitter.com/mazinoweb

Negative Effects Of Using Microsoft Word To Compose Blog Posts

Recently, i had problems with my blog. I noticed i had just one post appearing on my blog's homepage when i had set it to show 10 posts on my homepage. I went back to my blog layout settings and checked it but it was still set to 10 posts. I noticed this problem after publishing a post i had composed with microsoft word. Now the question is what could the problem be?

You might also like: The New Jumia Market Affiliate Program Pays You N300 Per Affiliate You Refer.

Microsoft word generates some very mysterious and complex HTML "MsoNormal". This HTML affects the blogs pagination. This is why you notice some big blogs with lots of articles suffer from segmentation. This mysterious HTML could also cause the blog to load slowly both in blogspot and wordpress blogs.

So if you have have been copy-pasting from ms word to your blog i will advice you stop using it. Notepad is a preferable text editor which you can use to compose your blog posts and paste it to your blog. But still if you like using microsoft word you can use (CTRL+Shift+V) to paste content to your blog without the "MsoNormal" formatting.

How To Redirect 1and1 Domain To Blogger Blog

Of recent i have been receiving emails and request from blogger and webmasters on how they can park their 1and1 domain to their blogger blogs. Although i wouldn't recommend 1and1 to my clients or other bloggers because of the reviews i have about them but you can decide what is best for you. If you have bought a domain from 1and1 and don't know how to park it to your blog then this post is for you.

Steps: 
1. Login to Blogger, go to Settings > Publishing > Blog Address. Click on Add a Custom Domain Name.

2. Add Custom Domain Name, add in your new domain name www.your-domain.com and click save.

3. You should now get an error message. This error shows you the details you need to properly set up your new domain so keep this page open for the next step. The first CNAME is the same for everyone. The second is a specific CNAME for your blog.

4. Login to your 1and1 control panel, scroll down until you see the heading “Domains” and click Domain Centre.

5. Click the checkbox beside your domain and select Domain Settings > Edit DNS Settings.

6. Under Basic DNS Settings choose 1&1 name servers, under Advanced DNS Settings choose Other IP address and in the space for IPv4 Address enter 216.239.32.21 and save.

7. Go back to Domain Overview Dashboard, click Add Domain > Create Subdomain. Enter the first Name/Host/Label field from Blogger, which is www

8. Click on the subdomain and click DNS Settings. Under Advanced DNS Settings choose CNAME and enter the first Destination/Target/Points To from Blogger, which is ghs.google.com

9. Go back to Domain Overview Dashboard, click Add Domain > Create Subdomain. Enter the second Name/Host/Label field from Blogger, which is unique to you and will look like 00AA0AAAAA

10. Click on the subdomain and click DNS Settings. Under Advanced DNS Settings choose CNAME and enter the second Destination/Target/Points To from Blogger, which is unique to you and will look like gv-a0aaaa0aaaaaa.dv.googlehosted.com

11. On your domain settings for your custom domain you should now see the URL you bought and two subdomains.

12. Go back onto Blogger > Settings > Publishing > Blog Address and enter your domain name and hit save. This time there shouldn’t be an error. Make sure to tick the option of redirecting from domain-name.com to www.your-domain.com.

After performing the above steps you should have successfully parked your 1and1 domain to your blog.

How To Create An e-Commerce Section On Your Blogger Blog

It is no doubt that the major problem faced by bloggers using blogspot platform is the inability for them to perform most of the actions people on wordpress can perform with the use of plugins. If you are going to even perform some of such actions on blogspot you need implement some codes. I recently installed an e-commerce section on my blogger blog and my customers get to pay directly into my paypal account. In this tutorial, i will be teaching you how to install an e-commerce section to your blogspot blog. and get payments directly to your paypal account.

Requirements: Paypal account & Email account

Steps:

=> Go to Powr.io and sign up

=> After signing up your dashboard should look exactly like the above image. This is where you will be managing your products from.

=> Click on Create New

=> A pop up box should appear with many options, choose e-commerce.

=> Now edit your shop by adding your products.

=> When adding your products you would be told to input your paypal email so you an directly receive payments to your paypal account.

=> After adding your products you are now to integrate it into your blog. Don't worry this is very easy.

=> You will be provided with an html code after creating your shop. It is this html code you will be adding to your blog.

=> Go to your blogger blog and create a new page. You can name it "Shop" or pick any other suitable name.

=> Now navigate away from the compose part and pick html and paste the html code you were provided with after creating your shop then click publish and you are good to go.

After performing the above steps you must have successfully integrated an e-commerce section to your blog. You can also add the html code to you sidebar using the html/javascript gadget option.

I hope this tutorial helps you successfully integrate a shop to your blogspot blog. Don't forget to share your feedback using the comment section. Also share this tutorial with your friends because sharing is caring.

Reasons Why Your Blog And Google Adsense Pageviews May Differ

Recently, i got a question on Facebook from one of my blog readers complaining of the discrepancies between his blog pageviews and google adsense pageviews. If you are also experiencing same thing just relax as there is no cause for alarm.

This difference may be caused by some of the factors stated below.

1. Javascript Not Enabled On Your Visitors Browser:

Firs thing you need to know is Google ads are served using javascript codes and most browser don't have javascript enabled on them so anyone accessing your website on such browser will not have Google ads on your blog served to them so there is no how Google adsense will count it as a pageview for you although your blog will count it.

2. Use of Adblocker by Visitors:

Secondly, some of your visitors access your blog with adblockers enabled on their browser. The primary aim of adblocker is to disable ads not to show on a website when accessing it. So when a visitor visits your website with adblocker enabled on his browser your Google ads wont be displayed to such visitor and hence Google adsense won't credit it as a pageview.

3. Spam Visits:

Stats may also differ because adsense filter out many visit that it thinks they are spam.

There are also some other reasons while both stats will differ but this are the 3 major reasons. If you have other ideas you can share with us through your comments.

How To Use A Button As Read More Link On Your Blogger Blog

Recently i shared a tutorial on How i added auto read more with thumbnail to my blogger blog. If you were able to successfully integrate it into your blog template then here is another tutorial on how to style your read more link by using a button as the link.
If you check my blog home page then you will see i am already using a button as my read more link. You can also see it in a screen capture of my blog in the image below.

How to Use a Button as your read more link:

=> Login to your blogger dashboard

=> Navigate to your template section and click Edit Html

=> Use ctrl + F to locate this code in your template html section

<span class='readmore' style='float:right;'>

=> When you find the code it will look like the below code

<span class='readmore' style='float:right;'><a expr:href='data:post.url'>Read More »</a>

=> Replace The Read More » in blue colour with the code below

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmWtzG66c5LOSWwepNexEBP9eHNGmdhqEbsNV9B4wkgcIV7nv_01KYvL3mrq7CIftBWdrvEPCAGUemtXcodPGiXh6WYq3cza1IR2CpIKD7BqQT6YrnzEPqe41626v69EwvdV0XjX3R3Hrc/s1600/read-more.png"/>

=> Click save template.

Note: You can also replace the  link of the button with the link of any button which you chose to use.

Now you can go and view your blog. You should have the read more link showing as a button.

I hope this tutorial was helpful. You can share your contributions using the comment box.

How To Add Auto Read More With Thumbnail To Your Blogger Blog

The auto read more script helps you to make your blog homepage look neat by summarizing post content and adding a thumbnail. Then, there will be a Read more or Continue Reading link which when clicked will take you to the entire post.

How To Add Auto Read more:

Note: Before trying out this tutorial make sure you backup your blog template.

Step 1. Login to your blogger dashboard and navigate to Template section;

Step 2. Click on Edit HTML

Step 3. Click anywhere inside the code area then press ctrl + F to find this code

<data:post.body/>

Step 4. Hit Enter Key. You will fin this code more than once but you have to stop at the third one.

Step 5. Replace the above code with the line of code below

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

If you did not notice any changes after applying the above code, kindly replace the second <data:post.body/> tag too with the code above

Step 6: Now search for the </head> tag in the template and paste the line of code below immediately 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 != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <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>

Note:

-to change the number of characters shown on the homepage there is no thumbnail (photo) modify the 490 value in red.

-to change the number of characters shown on the home page when there is a thumbnail or photo in the post, modify the 400 value in red and if you want larger or smaller thumbnails.

Step 7: Click on save template button to save the modifications you just made.

I hope this tutorial helps you successfully add this script to your template.