How Tos

Showing posts with label How Tos. Show all posts

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

Remove Pop-ups, Redirect And Other Malware From Your Browser

Recently i noticed I was seeing pop-up ads that won't go away, ads from sources i couldn't recognize, and i had a homepage that i didn't set on my chrome browser, I was also redirected to sites severally which i didn't click willingly. At this point i knew some malware have infected my system so the next thing that came to my mind was how do i fix this issue? If you are also experiencing this, this article will help you solve this problem.

Steps To Removing Malware From Your Browser

1. Remove Unwanted Programs

Remove all computer programs that you don't remember installing as these are the major malware affecting your browser. Below are some of them you should take note of.

Babylon.com
V9.com
Qvo6.com
search.conduit.com
istartsurf.com
istart.webssearches.com
Delta Search

You can use anti-malware software like CHROME CLEAN TOOL or MALWAREBYTES, which searches your computer for suspicious programs and offers to remove them for you.

2. Reset Your Browser Settings

After successfully removing the unwanted programs from your computer then reset your browser settings.

On completing the above steps you must have successfully gotten rid of all forms of malware disturbing your browser.

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 Use IFTTT To Auto Post Your Blog Post To Your Social Media Account

IFTTT is a tool that allows you create simple if this then that actions by creating a recipe. All you need to do is create a recipe then think of an action you want to perform, trigger it and your action is automatically performed. With IFTTT you can set your blog posts to automatically be posted to all your social media account once you publish a new update. I have been using IFTTT for 2 years now and this tool is amazing and beyond expectation.

How To Use IFTTT To Auto Post To Your Social Media Account

1. Sign in to your IFTTT account if you dont have one you can create one HERE

2. After successfully signing in click on create recepie

3. Click on "this"

4. Choose a trigger. This is where you pick the blog you want to post from if its a blogger blog or a wordpress blog.

5. After choosing a trigger then you have to create the trigger. Click on create trigger

6. Click on "that" then choose where you want to auto post to. Either to Facebook, Twitter, etc.

7. Add Ingredients to you recipe. This option allows you to edit how you want the posts you are sharing to appear. You can add post title, post url, post image & other available ingredients which you choose to add.

8. Click on Create action.

Now you have successfully set IFTTT to auto post for you.

Note: To chose to auto post to another social media account you will have to create another recipe.

Don't forget to give us a feedback through your comments and also share this tutorial with your friends.

How To Set up a Shop Section On Your Facebook Page

Facebook now allows its users to create an e-commmerce store on their Facebook page. If you follow up with brand like Jumia on Facebook you will notice they have a shop section on their Facebook page.

Jumia Facebook Page

The good news about Facebook shop is that it is available to all Facebook page owners. If you would like to take your products online then Facebook shop is not a bad idea.

How To Get Started With Facebook Page Shop

1: Go to Your Facebook page if you dont have one then you can create one

2: Click the Add Shop Section Link On Your Facebook Page

Clicking the Add Shop Section link brings up a prompt explaining what this section will allow you to do. Click the Add Shop Section button to continue.

3: Choose The Currency You Use

This option allows you pick the currency that will be shown when you add price to items in your shop.

4: Add Products To Your Shop

Now you’re good to go. Your Facebook page shop has been setup. You can now add products to your shop. To do this, click the Add Products button.

Note:

You must have one image for each product.
The image must be a real image of the product, not a graphical representation, illustration, or icon of the product.
The description should pertain to the product only and be easily digestible, making use of short sentences and bullet points.
The description cannot contain HTML, phone numbers, email addresses, long titles, excessive punctuation, all letters capitalized or in lowercase, book or movie spoilers, or external links.

This feature is another exciting way that Facebook will help grow your businesses. You can try it out today and don't forget to give your feedback.

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

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

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

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

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.

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.

TechCranked - Tech News, Reviews, Startups and Social Media