Zealmat Tech Blog: Blogger
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Saturday

How To Implement AMP(Accelerated Mobile Page) on Blogger Blog or Blogspot

AMP(Accelerated Mobile Pages) is a new web language created by Google to make websites load faster on iPhones, Androids, and other smartphones. Originally aimed at news websites and blogs, AMP is a stripped down version of standard HTML and JavaScript that better optimizes websites by prioritizing content loading and prearranging photos.

Image

I most people might be thinking this feature is only used or created for those on the WordPress platform but today we will show you how to add the AMP to your Blogger or blogspot blog just follow the steps below carefully.



Step 1
First you need to log into your blogger dashboard then select your preferred blog.




Step 2
Now scroll your mouse down to theme and click on it.





Step 3
Then click EDIT THEME.





Step 4
Now press CTRL + F and search for this code  <html> just replace the code with the following code below


<html amp='amp'>




Step 5
Carefully look for the charset and viewport meta tags. If not present, copy and paste the following code after <head>.


<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">





Step 6
For your blog discoverable make use of canonical tag. Check for the for the canonical link tags. If not present, add the canonical link like 

<link rel="canonical" href="http://example.blogspot.in/article-metadata.html" /> 


It will now point to itself just Copy and paste the following code after the viewport tag.

<link expr:href='data:blog.url' rel='canonical'/>






Step 7
Now Replace </head> code with the following code:




<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async='async' src='https://cdn.ampproject.org/v0.js'></script>
</head>









Step 8
Change your img tags into amp-img tags just like one below.

<amp-img src="AmpImage.jpg" alt="amp-img" height="100" width="200"></amp-img>





Hope you enjoyed it
Read More »

Thursday

Change Anonymous Avatar in Blogger Comments

author-pic About author
Paul Nwachukwu is a professional blogger,hoping to help you and your business at Reputatustech




Today on Zealmatblog. We will learn how to change Anonymous Avatar in Blogger Comments. This feature has been added by Blogger. You might have noticed some blank picture when some one comment Anonymous in Blogger comment. The reason why that blank picture appears is because the user have no image on their profile.




Continue Reading to learn how to customize it.

See the Demo Below.



How to Change It: Follow below steps carefully. And If you face any problem, you can tell me by comment.





Step 1. Go to Dashboard >> Template >>click on the >> Edit HTML button


Step 2. Click anywhere inside the code area and to open a search box type CTRL+F from keyboard.


Step 3.Type or paste following code into the search box and hit enter.

</body>




Step 4.Just above the tag, add the following code:


<script> var oldSrc = '//img1.blogblog.com/img/blank.gif'; //Default blogger image link var newSrc = 'https://3.bp.blogspot.com/-UNjtW9_9fcs/VrvrBJi_8CI/AAAAAAAABP4/jjFMkoCi6Ig/s1600/blank-user-avatar.png'; //New image link $('img[src="' + oldSrc + '"]').attr('src', newSrc); </script>





Step 5. Save the changes by clicking on the Save Template button. Thats all, found it helpful share with friends.
Read More »

Wednesday

Blogger.Com - Create A Unique And Beautiful Blog

Blogger is a platform that helps you create a beautiful blog and easy to customize with less coding. Blogger has being in existence for so long and has some wonderful features and theme which was recently updated.
Image

Blogger is powered by Google and it is very cheap for it users because you just need a domain name with a good design and that's all.



Just follow this steps carefully and if you have any issue try to drop it in the comment box below



Step 1
First you need to visit your www.blogger.com




Step 2
Now click on Sign In. It is located at the upper-right corner of the screen
Image



Step 3
Enter a Display Name and click Continue to Blogger.



Step 4
Then click on Create New Blog tab at the top.



Step 5
Now type a title for your blog, short and simple
Image



Step 6
Type a URL for your blog most time it might be unavailable just be sensitive.



Step 7
Enter the word verification and click Continue.



Step 8
Then select your template or theme, the main design and layout of your new blog.


Step 9
Now finally click on "Create blog".



Step 10
Click on "Theme". It's near the bottom of the menu on the left side of the page. This allows you to customize the look of your blog beyond the elements contained in the starter template.

Image



Step 11
Customize the design by Clicking on "Customize button" for easy customization.

OR

Click on "Edit HTML" if you know more about HTML coding




Step 12
Scroll down and click on Settings, here you can adjust other settings like "language", search engine visibility, and many more




Step 13
Then click on "Posts, comments and sharing". In this menu, you can adjust publishing, comments, and if or how your blog is shared beyond the Blogger platform.




Step 14
Finally Click on "Basic" and then +Add authors or admins.



Learn How to Create Post, Draft Post And Publish Post on Blogger Blog
Read More »

Saturday

The Ultimate Guide to Monetizing your Blog

author-pic About Author
Prosper Noah is a Nigerian Tech Blogger, a Web/blog designer who feels it's necessary to share his Tech knowledge with others, his blog Tipsonblogging has helped a lot of people especially in the area of Tutorials







Image
You have been working hard to produce good-quality, original content on your blog and you have attracted a decent amount of traffic by doing so. However, money is not going to appear out of thin air just because you have traffic. You have to turn your traffic into money.



Right on this Post am going to show you different ways to Monetize your Blog



1.  Google AdSense

Image


There are several ways to generate profits from the visitors of your blog and Google’s Adsense programme allows you to do so with ultimate ease. First, visit their website at http://adsense.google.com/. You’ll find out more about their advertising programme there, but here are some extra bits I’d like to tell you.



First, Google’s Adsense programme is a really useful way to monetize your blog because when users finish reading your newest post, chances are they want to leave your blog because they have nothing else to do on your blog. If your Adsense advertisement block is visible on your blog, they might see advertisements relevant to them and click on them to exit your blog. Ka-ching! You’ve just cashed in on your first virtual cents!



But;

Yes, your profits will only be cents if you don’t “do it right”. This involves placing your Google ads in the right places and ensuring they blend in to your site so that they appear more like links rather than advertisements to your visitors. Consult the Google Page Tips to see the “heat map” of your blog. The “hotter” a certain area, the greater the chances of someone looking at your blog.



Once you get a Google Adsense account, you can change the colour of your advertisement text and links. You will want them to match the colours on your blog. If your blog’s text is black and the links are red, do the same for the ad blocks too! It’s that simple.



2.  Products Recommendation

Image



Another way to earn profits from your blog is to recommend products to your readers. When your visitors buy from the merchants you recommend, you get to keep a little commission too. This is known as affiliate marketing and it is very easy to start because you don’t have to create your own products or services.



Anyway, let me refer you to a technological gadgets blog example. Let’s say you discover this Gadget X on a merchant’s website, and they offer an affilliate programme. What you would do is to create a post in your blog and do a mini-review on this Gadget X. Rip it apart and point out its benefits and bad points, if any, and include a link (which is given by the merchant) for the visitor to purchase the Gadget X online.



If your visitor clicks and purchases the gadget, the merchant will track from the link that the purchase is referred by you, so they will send you your share of the profits. Imagine if 1 out of every 100 visitors you get purchases this product, and you earn $27.00 commission from each purchase! If you get 10,000 visitors in a month that would be a $2,700.00 paycheque for you just for writing about ONE product.



There's  more to  this;


Affiliate programmes are very nice ways to generate profit, but how do you find affiliate programmes that are related to your blog’s theme? Easy, just go to Google and search for <your niche> +”affiliate programmes”. Another slightly better way is to go to http://www.associateprograms.com/search to look for affiliate programmes in your niche.



More Monetizing Options Below;



We’ve just discussed about using Google Adsense programme and other merchants’ affiliate programmes to generate profits from your blog. However, there are lot of other options to monetize your blog, so we’re going to look into that too.



3. Chitika Ads

Chitika is a very innovative contextual advertising programme because it can serve very detailed advertisements. For example, on your technological gadget blog, Chitika will show advertisements for tech gadgets such as iPods. The way they show it is in different tabs: one for “Best deals”, another for “details”, another for “reviews” and so on. This way, it is more of an informational section for your visitor rather than an advertisement, and naturally the click-through will be higher. You can apply here: https://chitika.com/application.php?type=mm



4. Amazon Affiliates

You can also be an affiliate for Amazon.com. Amazon offers a wide range of products but its predominant domain is in books. Whatever your niche is about, you can probably find a book about it on Amazon.com. Join their Associate programme here



Once you join them, you can refer visitors to them and earn up to 10% commission. It’s not a lot but if you can manage to refer big volumes of visitors, Amazon is for you. This programme really shines when it comes to the ways you can refer visitors: you can use their predefined templates to pull up recent items that match a certain criteria you set, you can target your ad to show a specific item on sale or you can just simply weave your referral links into your blog posts.



5. Sell Adspaces on Blog

Image


Last but definitely not least, you can sell advertising space on your blog if your blog is truly popular. Just take a look at blogs like http://xiaxue.blogspot.com. That blog receives over 10,000 pageviews every day (you won’t believe it) and naturally merchants will want to strike a deal with the blog’s owner to post their advertisements there. If you manage to pull in huge amounts of traffic like that blog, you can definitely get people to buy ad space on your blog for prices from $150/month upwards, depending on your blog popularity.



To gauge how much pageviews and visitors you get everyday, just use the free tool available at www.statcounter.com. They have a very detailed setup guide there so I won’t go into it.



If your blog has not acquired large amournt of visitors yet, you can still sell ad space on your blog on a per click or per impression basis. Just visit sites like www.adbrite.com. For a complete list of these sites.



Hopefully, that will help you maximize earnings and profits from your blog!



Make sure you share and leave your comments.

Read More »

Sunday

How to Center the Blogger Header Image

Center Blogger Header Image is a fantastic way of making your blog look good most especially in this type of platform which everything you need can be code accordingly.


The blogger shrink to fit option most time does not work for some template so you need to implement some CSS code which I will be teaching you now.

Image




Step 1
First you need to log in your blogger account



Step 2
Then select your blog, then go to "Template"



Step 3
click the "Customize" button on the right side.



Step 4
Proceed to "Advanced" > "Add CSS" tab and paste the code in the empty box:




#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}




Image





Now if want to use a small image and you want it to become full width, add this CSS below



#header-inner {
 background-size: cover;
 width: 100% !important;
 text-align: center;
 }
 #header-inner img {
 width: 100%;
 height: 100%;
 }



Step  5
Now Press ENTER key after you paste the code snippet.




Step 6
Then click the "Apply to Blog" button and that's all you need.







Feel free to drop a comment below thanks.

Read More »

Thursday

6 Common Causes of Failure in Blogging!

author-pic Author Bio
Eva Justin is a Blogging Expert at Writing Service UK with over 10 years of experience. When she isn’t writing articles, she takes out time for cooking, painting, and scuba





Blogging is not an easy task, especially when you want to build a successful blog. There is a lot of information out there on how to develop a popular blog, however, there isn’t much information on what may cause a blogger to fail.  Below are a few common causes of failure for a blogger.

Image




1. Apprehension
Apprehension or fear is one of the major causes that makes a blogger or an online business person fail. Your blog may fall into a niche category, and there may be at least four to five bloggers before you blogging in that niche, however, that shouldn’t intimidate you. You will need to work harder to stay a few steps ahead of them. How do they do it? How do they manage to generate all this traffic on their blog? Do a little research, check what’s trending, and before you know it you’ll be a few steps ahead of them.



2. False Impressions
The internet is filled with false impressions or misconceptions. Some of these fallacies pertain to how to make a quick buck – don’t fall for them. They may even tell you that you don’t need a blog to help you make money. These schemes normally focus on certain niches of blogging, so do you your research properly, so you don’t fall for one those hair brained schemes.
You will hear many people online say things like, the niche you are in is too expensive or there is no scope – don’t listen to them. Stick to what you are passionate about and do what you love, and before you know it you will be extremely successful.  You’ll be surprised if strategized properly how a niche can be in demand so quickly, so don’t let anyone misguide you.



3. Procrastination
It is a part of human nature to procrastinate, and become extremely lazy.  In fact, most bloggers are lazy.  This is one of the major reasons that leads to a blogger’s failure.  You need to find a way to beat procrastination before it beats you.
One of the best ways to tackle laziness is set a schedule or a deadline for yourself. Plan out how you want the blog to go about in the digital media space.  Set a target of what you want to write about and how.  Nowadays, sites like Wordpress also help set up plans for you, some are free and some are paid – either way both options help motivate you.



4. Loss Of Focus
Sometimes we lose focus of what we want to do.  You could say it is a form of priorities that are misplaced, a prime example of how we manage to place the cart before the horse.
When you are misplacing your priorities, everything will tend to work in reverse order because you are probably doing the last thing first or you are doing the first thing last.
When you lose focus on blogging or give importance to something else, you have a tendency to deviate from creating content and starting worrying about pushing traffic on the blog.  The best way to keep track of what is important and what isn't is to jot down what your process is and what is making you successful.  That way, if you deviate or misplace your priority, the plan will help you come back on track.
It also helps reading your blog archives to see how far you have some as a blogger.



6. Other Activities
Sometimes, before you sit down to write, you think: let me grab a cup of coffee, or let me watch a movie, or hey I haven’t played that game as yet!  You get demotivated and start doing things that may entertain you, but you don’t realize that this is one of the many things that causes a blogger to fail.  You could be improving one writing your blogs or planning the next blog related activity. Set your priorities straight so you don’t miss or get side tracked by entertainment.



7. Not Keeping Up
If you don’t invest in what make you a niche blogger, or you don’t know the tools you can use to help you improve your blog – then you can make sure you are setting yourself up for failure.  It’s great that you feel comfortable in what you are doing, but it is even better when you push yourself to grow by gaining knowledge of what is going on out there.
Stay connected and up-to-date with what is happening in the digital world.
Blogging takes a great deal of time, patience and effort. Follow these steps on not to fail and you will go far.




Read More »

Sunday

Reasons You Don't Earn Money Blogging and Suggestions

author-pic About Author
Prosper Noah is a Nigerian Tech Blogger, a Web/blog designer who feels it's necessary to share his Tech knowledge with others, his blog Tipsonblogging has helped a lot of people especially in the area of Tutorials





One vital priority every blogger should have or should always take caution is observing his or her blogging career growth and how Paramount earning from blogging is.

Image


If anyone start a blog today first of all he she will want to eat from his sweat which is Paramount.

The big question is have you wondered why bloggers always blog free in their first year of blogging?

 I have another question. How long is it going to take you to become a guru in blogging? Will you continue blogging, if you don't earn anything? Do you always spend money recharging your network for browsing allowance and yet have nothing to cash out? Have you been spending money buying and renewing your custom domain, yet no payment? Do you participate in one ads network or the order or you follow re-seller package? Do you work as an affiliate partner? Of course this are all earnings possibilities and many other means.

 Well today you have come to the right place. Your struggles shall stop today. I assure you good earnings by next month after reading through this post.

How Old are you in Blogging?

Many bloggers fail to realize their timing as bloggers.
As a blogger from the starting, you have one common limitation to increasing your chances of earning.

It is all about programming and packaging. Lack of traffic; this means you may be participating in good and reliable ad networks that pay but no viewers to click on your ads thereby reducing your potentials and possibility of earning from your blog.

Growth is a daily experience, which means as a blogger you can never satisfy yourself in a day, its a continuous process. Becoming a guru is a practice but I think you should also have a time frame for every level of your career. Don't remain a newbie.

Why was your Blog Setup?

Some people designed their blogs with the aim of monetization, while some did it for promoting music's industry. OK which ever way you did it for its important to take note of in order to grow your wallet.

What is your Marketing Strategy?

What some bloggers fail to reason is what marketing strategy should be taken to market contents.

Your blog URL is not exposed to the cloud that even a blind man can see what content you have on your site.


Create a Facebook group and think of how to grow it, this will help to get more audience on every second.

Now let me start by saying, a jack of all tray is  a master of none. Yes, this is a simple addict as it is very true.

Just as I started with PronoahTECH and could not know the best ads network to follow all though this is common to every newbie, I could not even struggle with one. A poem writer says that "you should follow one thing until you finally achieve it". I gave traffic to so many ad networks all for the purpose of making some bucks blogging.
I could not even stay to make good content on my blog instead I focused solely on how I could earn.

The more I look at my possibility of earning money online, the more it seems to be difficult or me, instead I dance within free promotional ads.

Now, let me tell you the reasons why you have not actually received a dime from blogging!

Inadequate Content

This I will tell you that many people have tried to manipulate google adsense in order to start making money online but it proved abortive. If you must earn from blogging, then the only primary option you have is the google adsense program but it is better said than done, this is because getting adsense approval earns since the time of John the Baptist, starting from there till now it remains operation work hard. (LOL)

Too Much participation in different ads networks


This is the most important part of what drove me into writing this article. actually, as a blogger, one of the first challenge you should understand that you have is that you always want to try every other ads network, especially that of google adsense alternative Like Nairapp, Bidvertiser, Infolinks, adfly, to mention but a few. Take for instance, you are a publisher with all these ads networks and yet at the end of the month you cannot be bold to say this is my bank details please transfer my publisher commission to me.

This is one of the stupid mentality bloggers do not grow with. It is very vital you understand this basis. If you could devote all your time, interest and effort promoting one ads, what do you think could come out of you? you cannot actually use barely 100 page-views to make a dime out of five or more ads on your site. stick to one if adsense has disappointed  you and you could still get something.

But I have a question. Before you start promoting all these sites on your blog, do you care to read their terms and conditions? Do you think about their privacy policies? Do you know some of this ads network can actually make your site to have a set back? Yes, I shared an experience on how my BLOG WAS COMPLETELY REMOVED FROM ALL GOOGLE SEARCH RESULT, HOW? This is true, long time ago, I was participating with an adnetwork (name not mentioned) due to my eagerness to earn and make money online, I was shocked when I saw that most of my pages have been blocked and could not be seen and crawled by search engines. When I started looking for a way to resolve this issue, I found out that actually, there was a problem and it was caused by that particular Adnetwok.

Now, if you have placed any ads in your template, I mean you did not use the JavaScript gadget, then I tell you, there's a possibility that you might be putting your Blog's Search Presence on Risk. After my experience on PronoahTECH I tell you, its not that safe. I will tell you why. A site like spoutable, Chitika etc should not be place on your scratch template, like placing it at the open head tag <head> or even <body>. This is wrong.

Many bloggers would hear there is an ads network that is paying real well (1$ per click) and everyone will want to participate.

In blogging you must not necessarily become reach overnight but it is a gradual process. A child do not grow overnight.

Those networks are only going to get free traffic from you and you can never cash out because one day you will eventually get tired of it and drop out.

Poor Marketing Strategy


Many of us do not understand the important of exploring a good and efficient marketing strategy.
Many TV channels print fliers just to make sure their business is in front of the masses. You can actually do this by using different marketing platforms like  Facebook, Twitter, Instagram etc, since social networks are growing day after day with millions of new subscribers and more than billions of returning members.

In order to make it in blogging try to fix the above mention common reasons why you don't make it in blogging.



Conclusion

Don't jump into any ads network because you want to make money from it, rather try to read and observe their rules, how they render your site to search engines.

Have you been motivated? kindly make sure you share the post and ask questions where necessary, and we'd get in touch with you as soon as possible!

Read More »

Thursday

The Unconventional Guide To Technology Niche

author-pic About author
My name is David Akindeji and I'm a Blogger and an entrepreneur. I blog at www.mytechng.com, I love music, doing research and i create interest in anything i do online. Feel free to contact me on Facebook Twitter 





The World in which we are today is technology oriented, and everybody wants to be part of it. The Technology niche is an avenue to disseminate information regarding tech news, Reviews, blogging tips and A lots more. Now, what do I need to know before I start a Technology niche? Let's move on!

Image


WHAT IS A TECHNOLOGY NICHE?

A Technology niche means a website or blog where articles related to tech/news/reviews etc. are been discussed. Tech niche is an interesting niche, but some people find it hard to fit in, nevertheless, is a major factor in the own world.

Don't follow the crowd when it comes to blogging, and many people love to be an entertainment blogger or sports, etc. Tech niche is an interesting one only if you find the right balance and you give yourself to research work, and it is not a hard niche, but it is totally different from every other niche.

What are unconventional way to Tech Niche Blogging, Below i will be sharing just four tips:-

INTEREST: - Create an interest in tech niche, and Once you have an interest in tech blogging you will surely make a way out of it, in the sense that your interest we bring a drive within you to do more.

CREATIVITY: - Be creative in tech blogging because been creative drives you to give out quality content and it we pave the way for you to gain more ground



RESEARCH: - You must learn to do research on any topic or articles you want to write. If you want to be a good and a unique tech blogger you must do some research, it brings out the best in you.

PASSION: - Have passion for what you are doing and you won't give up, some bloggers who give up on tech blogging thinks it is a dick and harry niche, NO! You need to be focus and be determined to do your best.

Tech niche has dimensions, and the First thing which you need to decide is what kind of tech blog you are trying to build. Is it going to be tutorials, news, or review blogs? Below I’m sharing example of some of the common types of technology niche blog:

TUTORIAL BLOG
A tutorial blog is a more popular blog than others. If you have Knowledge about Phones, etc. you can go for a tutorial blog. I have realized that not everyone can do this because it takes more time in doing research. Tutorial blog gains more traffic because people want to learn more about their gadgets etc. NOTE: - It is good for part time Tech Blogger. E.g Zealmat.com

* NEWS TECH BLOG

As the names sounds, it nothing else than to post Tech news and you must be updated with the latest happenings in the world of technology. You must be active online, So stay updated subscribe to the popular news tech blog email newsletter, Facebook groups/pages, and A lot More. Otherwise also called Techtainment E.g Techpoint.ng

TECH REVIEWS  BLOG
As a tech review blog, you musty be vast and have a sound knowledge about it. Tech reviews deal with any inro about Phones, Gadgets, Computer reviews, etc. It is an interesting niche and it is lucrative. Pick a topic especially on Android phones (we have many companies producing Android phones now) example infinix, techno etc and do a simple review about one of their smartphones and also note that a video(it must be recorded by you or you get it elsewhere on youtube) we also help in your review which can also drive traffic to your site.


Conclusion:

Technology niche blog is an interesting and a hot niche. Be Focus, determined and flow with people of the same niche and also provided quality content.

If you have additional things to add you are free to add it. Happy blogging!
Read More »

Friday

Show Post Title Only on Homepage in Blogger

During the week I discovered something about blogger blogs and which is the coding aspect of it. You can change your blog to what ever design you want it to look like with the help of some css codes. 
In this tutorial the titles are link on the homepage will lead you to the full article  after one Click on any title it brings him/her into the Specific Post.

Image



Advantage 

  • it makes your Blog Easy to navigate, so your Blog readers can easily navigate any post.

  • It increases the speed of your blog 



Follow this steps carefully and make sure you don't skip any line. 




Step 1
First you need login to your Blogger Dashboard and then select your preferred blog which you want to work on. 






Step 2
Then move you arrow down ⬇ and click on "Template





Step 3
 Click On "Edit HTML"  button once 





Step 4
Press ctrl+F on your keyboard and search for this tag below 


 </head> 




Step 5
Then copy the code below script and paste it before </head> 




<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</b:if>
</style>




You can do some little modification in the color aspects. 


Step 6
Finally just click  Save Template 














How to change number of posts displayed on Blogger homepage




Step 1
Now go to settings >> posts and comments.





Step 2
Enter the number of posts to be displayed in show at most on the main page field. 

Image



Step 3
Save settings and check out your homepage.
Read More »

Wednesday

How to Delete the Home Button on Blogger Blog

Blog : A website that displays postings by one or more individuals in chronological order and usually has links to comments on specific postings. i




This tutorial is meant for those that would want to go more deep in customizing their template so just follow the steps carefully.


Image










Step 1
First you need to visit www.blogger.com




Step 2
Then Select your preferred blog which you will love to remove the home button in your dashboard.




Step 3
Now move your arrow down and Click "Template."






Step 4
Click "Edit HTML" in the Live on Blog section.
Image


Read More: How to Design Guest Post Author Profile On Blogger




Step 5
Now try to backup your template before editing it.





Step 6
Then Click to check the box next to "Expand Widget Templates."




Step 7
Click anywhere within the HTML code, then press "Ctrl-F" to open a search box.




Step 8
Enter the following text into the search box and press "Enter button.


<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> This line of code will be highlighted in your blog's HTML.




Step 9
Then highlight the line above and delete it .





Step 10
Finally just Click on "Save Template button above.





Step 11
Now visit your blog and check it out.




For instant updates you can subscribe to our news feed service using the box below thanks.
Read More »

Sunday

Currency Converter For Your Blogger Blog

The Currency Converter For Your Blogger Blog is one of the best gadget for business blog, because it enable you convert any currency to any currency you choose to use for either online shopping and many more.
This widget is wonderful... It changes as soon as there is any increase in currency exchange rate wow that's awesome.

Today I will be giving some easy steps on how to add this gadget to your blogger blog without stress just follow the steps below carefully.



Image





Step 1
First you need to Sign In to Blogger Dashboard and select your preferred blog from the list.


Image





Step 2
Then scroll your mouse down and click "Layout"  >> Click on "Add a Gadget".

image





Step 3
Now choose "HTML/Javascript" from the list add a Title and Copy the below code to it and Save.





<!-- Start of likeforex.com Code --><div style="width:200px;background-color:#BBBBFF;text-align:center;padding:5px;margin:0 auto;overflow:hidden;"><div style="text-align:center;font-size:12px;font-family:arial;color:#fff;font-weight:bold;background:#000080;padding:5px 1px"><a href="http://www.likeforex.com" style="color:#fff;text-decoration:none;">Currency Converter</a></div><script type="text/javascript" src="http://www.likeforex.com/widgets/c/cc.php?f=XAU&t=USD&a=1&s=1"></script></div><!-- End of likeforex.com Code -->




and that's all you need to do....HAPPY BLOGGING
Read More »

Tuesday

Zealmatblog Custom Error 404 Page Code For blogger

Having a custom error 404 increase your blog traffic and it retains your visitors.


Below is a good tutorial on how to add Zealmatblog Custom Error 404 Page Code For blogger


Image




Step 1
You need to login to your blogger account and then click on the blog you want to work on.

Step 2
Now scroll your mouse down to the settings tab and just click in it


Step 3
On the settings drop down menu click on search and preference button


Step 4
Now after the meta tag description you will find the custom page not found just click on the edit button by the side.

Image


Step 5
Now copy this code below and paste it inside the box given to you and click on the save changes button below.


<!-- ZB Default Template -->
<div class='ZB-404-box'>
  <p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops!
</font> <font color='#666666'>
It Looks like you have clicked a Page that no more exits. Kindly do one of the followings fast:
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Report the Problem to us for our engineer's to work on it by <a href='http://www.zealmat.com/p/contact-with-power-of-technology-you.html'>Clicking Here</a>&#160;&#160;&#160; (<em>This will help us serve you better, we care</em>) </li>
    <li>Go To Homepage by <a href='http://www.zealmat.com'>Clicking Here</a>
      <br/></li>
  </ol>
  <p>
    <br/>
    <br/>
    <br/></p>
<h2 style="font-size: 35px;margin: 0;text-align: center;">Oops..! </h2>
<h3 style="font-size:17px;">Sorry,You are trying to reach an invalid page...!<br><a href="/">Click here</a> to go to Homepage <br> Have a nice Day...</h3><img src="https://4.bp.blogspot.com/-pWK0W-bC6Xw/V2lKq1LFNEI/AAAAAAAAE4Q/z1yWHUqKqVYvePgxCyfus2rwxEO_IcTCACLcB/s1600/aviary_1466516564892.jpg"/>
  <p align='center'/>
  <p align='center'><font size='5'>Mathias Amodu is working hard to make this work!</font></p>
</div>





Do some little arrangement to the coloured sentence above...


 

Step 6
Finally click on the save changes button below and that's all.






Don't forget to drop your comment below thanks.
Read More »

Monday

How to Design Guest Post Author Profile On Blogger

During the week we got series of questions from our blog readers on how to add this wonderful and stylish guest author profile design to your blog guest post and it was really great to see that our team took a decision on the creation of this wonderful post.

Image


The importance


  • It increase the rate of guest post submission 

  • And it makes your blog readers feel comfortable








Just follow the steps below



Step 1
Login to your blogger dashboard and then select your preferred blog which you are being invited to write as an author or if as an admin.






Step 2
Now click on "New Post" tab which is located at the  top left corner of your blog admin panel.
Image






Step 3
Then on your "Post Editor Page" create your post or paste the guest which you want to publish.






Step 4
Click on the "HTML" button next to the "Compose" button above.
Image





Step 5
Move you arrow to the first line and then press the enter button 3-5 times






Step 6
Copy this code below and paste it on space  you created using the enter key



<div class="mbw-author-box">
<img alt="author-pic" height="90" src="https://lh3.googleusercontent.com/-YemRoNFjoxo/Vr-qdT0k91I/AAAAAAAAA2A/Hm2ZBVDDphE/h120/IMG-20160213-WA0004.jpg" width="85" /> <strong>About author</strong><br />Mathias amodu is a professional blogger,hoping to help you and your business</div>




ARRANGEMENT
Change this


⬛ = Author Image size


⬛ = Author image link


⬛ = Little description about Author


⬛ = Heading for author description





Step 7
Click on the "Publish" button and that's all you need.





Happy blogging....
Read More »

Sunday

Advanced Calculator For Blogger Blog

Having aascientificc calculator on your blog is a very great idea of keep your visitors more busy on your blog and this feature has to do with niche like business, school and many more.


So today am going to teach you how to add advanced calculator bor blogger blog.

Just follow the steps below carefully.









Step 1
First you need to Sign In to Blogger Dashboard and select your preferred blog from the list.


Image





Step 2
Then scroll your mouse down and click "Layout"  >> Click on "Add a Gadget".

image





Step 3
Now choose "HTML/Javascript" from the list add a Title and Copy the below code to it and Save.

Image






<iframe width="400" height="300" src="http://web2.0calc.com/widgets/horizontal/" scrolling="no" style="border: 1px solid #silver; ">
</iframe>
<br />
<a href="http://web2.0calc.com/">Web 2.0 scientific calculator</a>





and that's all you need to do....HAPPY BLOGGING


Read More »

Wednesday

Advanced Search Box For 404 Page On Blogger

404 Page is just an error page on your website or blog and it is not good for you to have lots of error pages on your website or blog.
Few weeks back we talked on how to add the 404 page on your blog without much stress......
Today we want to give out this wonderful tips on how to serve your blog audience better and make them stay active on your blog using this advanced search box for 404 page on blogger.

Image



Step 1
You need to login to your blogger account and then click on the blog you want to work on.




Step 2
Now scroll your mouse down to the settings tab and just click in it


Step 3
On the settings drop down menu click on search and preference button



Step 4
Now after the meta tag description you will find the custom page not found just click on the edit button by the side.

Image





Step 5
Now copy this code below and paste it inside the box given to you and click on the save changes button below.





<style>
#search-button-links1 {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    width: 580px;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-decoration:none;
    line-height: 42px;
    border-width: 0;
    background-color: #5caddf;
margin:5px;
    cursor: pointer;
}
#search-box1 {
    position: relative;
    width: 100%;
    margin: 0;
}
#search-form1 {
    height: 40px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
#search-text1 {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
</style>
<div id='search-box1'>
  <form action='/search' id='search-form1' method='get' target='_top'>
    <input id='search-tex1t' name='q' placeholder='Search schoolans' type='text'/>
    <button id='search-button1' type='submit'><span>Search</span></button>
  </form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">This Page has been removed for some reasons please | Visit <a href="http://schoolans.com">schoolans</a>

ARRANGEMENT
Change any coloured link or word to you preferred choice.




And that's all... Your blog visitors will use the search box as an advantage to search your blog content.
Read More »

How to Create Post, Draft Post And Publish Post on Blogger Blog

This is the first thing every new bloggers will love to know about because they are eager to learn.

Blogger is one of the best platform that allows you do the unthinkable about blogging because 80% of the upcoming bloggers believe that blogging can only be done through the use of a desktop computer which is no.... Because the google blogger platform can be access through the use of Android phones today.
So today am going to teach you how to create post, draft post and publish post on blogger blog just follow this steps carefully.






How To Create A New Post


Step 1
First click on "New Post" on your top left side of your dashboard.

Image

Step 2
If you write a new post and click Save, it creates a draft part. so your post won't display on your live blog until you publish it.






How To Edit A Draft Post


Step 1
Again on your blog dashboard, click Posts.


Step 2
Now move your arrow at the title of the post and click Edit.

Image



Step 3
For a post to show on your blog, just click Publish.





  • see how a post will look, click Preview.





  • remove a post from your blog, click Revert to draft.





  • delete a post, click Delete under the post title.





How To Set Post Settings


Step 1
Now check the right side of the Post Editor, click Post settings.


Image

Step 2
Options: Choose to allow reader comments, how to compose posts, and add line breaks.


Location: Add your location.


Permalinks: Set the format of your links.




Happy blogging if you will like to get your own well optimized blog feel free to contact me.
Read More »

Tuesday

How To Add Comment Box Below Blogger Posts

Having this wonderful comment box in your blogger blog is one of the best thing every blogger will love to see and it has bring more light to every blog and it bring more conversation in your blog.

Follow the steps below and make sure you do it correctly.








Step 1
First log in into your blogger dashboard and selectel your preferred blog.




Step 2
Move your mouse down to "Template" >>"Edit html".



Step 3
Check the “Expand widget templates” check box.




Step 4
Now press CTRL+F on your keyboard and search for the code below.



<p class=&#8217;comment-footer&#8217;>
<a expr:href=&#8217;data:post.addCommentUrl&#8217; expr:onclick=&#8217;data:post.addCommentOnclick&#8217;>
<data:postCommentMsg/></a>
</p>
</b:if>




Step 5
Then replace the above code with below code.



<p class=&#8217;comment-footer&#8217;>
<b:if cond=&#8217;data:post.embedCommentForm&#8217;>
<b:include data=&#8217;post&#8217; name=&#8217;comment-form&#8217;/>
<b:else/> <b:if cond=&#8217;data:post.allowComments&#8217;>
<a expr:href=&#8217;data:post.addCommentUrl&#8217; expr:onclick=&#8217;data:post.addCommentOnclick&#8217;>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>




Step 6
Click Save Template.



Step 7
 Now go back to your dashboard.




Step 8
Click the Settings tab >> Comments and sharing.





Step 9
On the Comment Form Placement Check Embedded below post.




Step 10
Finally click on Save the Changes.

Read More »

Monday

How To Add Reply Tab Or Link To Blogger Comments

The blogger reply link is very important because it enables you to interact with your visitors and also it specifies the the main person you are replying to.

90% of the blogger template is being designed and well arranged so you might not find this feature missing but you can decide to create your own template and with the help of this you will create an awesome template which will attract visitors.


Today am going to brief you on how to add this feature to your blog







Step 1
First log in into your blogger dashboard and selectel your preferred blog.



Step 2
Move your mouse down to "Template" >>"Edit html".





Step 3
Now press CTRL+F on your keyboard and search for the code below


 ]]></b:skin>


Step 4
Then paste the below codes below the above code.


.zealmat-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.zealmat-replycomments:hover{
background:#E7E7E7;
}






Step 5
Now search for this code again


<dd class='comment-footer'>

If you can't find the above code then use this

class='comment-footer'







Step 6
Now just above it paste the "Reply Link" Code below,

<div class='zb-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=441330467933351608&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Reply..</a></div>




Step 7
Now replace the text Reply with anything you like



Step 8
Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar.

Image


You will see a 18 digit code. Just replace this with yours 441330467933351608





Step 9
Save your template and view your blog ccomment.




I hope this tutorial was helpful? Don't forget to drop your comment below.
Read More »

Sunday

How To Change Blog Url And Re-apply For Adsense On Blogspot

The Google adsense has become one of the main source of earning to some bloggers because of the trust other users have testify about them.

But do you really think you can't make money online with google adsense? Hmmm  I started blogging without adsense money so what's the big deal.....
Just note one man food is another man poison 😀.

So today am going to give you a little tutorial on how to change blog url and re-apply for adsense on blogspot without much stress.


Image








Step 1
First you need to login to your Blogger Dashboard and then select your preferred blog.







Step 2
Move your mouse down to setting and click on the basic option.







Step 3
Now you will see blog address. Just click edit link below  it.








Step 4
Insert your preferred or any available blog url and click save.



Image








Step 5
Now go back to the earnings section and perform the adsense application.








Note:

  • It is been done when you have been disapproved 




  • When performing  this tutorial you will loss visitors and also make sure you inform your visitors about the recent change.
Read More »

Thursday

Advanced Share Button With Counters On Blogger

The share button is  very important for your blog because it increase your post audience and also allow people to express how the feel about a particular post.
Most times you find a post which you will love to share with your friends either on Facebook or twitter and that's how this wonderful feature helps in blogging.

Image

So today am going to give you a full tutorial on how to add this feature to your blog.


Image




Step 1
Visit this link Sharethis and then Register with them and hit the "Publishers >>



Step 2
Then click on "Get the Share Widget " tab.





=> Website or Blog? Choose website.


=> Pick your style - Third Option (Horizontal counters)


=> Just choose the networking sites which you want to have on your blog.


=> Choose the Oauth widget or Classic
Widget.



=> Now, click on  the "Get the button" tab




=> Copy the scripts that are generated and it will be of two type Script 1 (Script in the top/first box) and Script 2 (Script in the bottom/second box).




Step 3
Now creation a new tab and then login to your blogger dashboard and select rye blog your want to add the share button to.




Step 4
Scroll down and click on template >> Edit HTML



Step 5
Press CTRL+F on your keyboard and search for the below code


]]></b:skin>




Step 6
Add the following code  just above
the line in step 5



.sharethis {
border: dashed #ddd;
border-width:1px 0
1px 0;
margin: 10px auto
10px;
display:block;
padding: 3px 0 1px
0px;
overflow: hidden;
margin-left:0px;





Step 7
Again search for the code below


</head>




Step 8
paste the code present in the text
document Script 2, just above the line.




Step 9
Now search for the below code

<div class='post-
footer-line post-
footer-line-1'/>




Step 10
Add the following piece of code just
below the line




 <b:if
cond='data:blog.pageTyp
e == "item"'>
<span style='font-
size:20px; font-
family:Georgia; font-
style: italic;  line-
height:21px; margin-
top:1px; margin-
bottom:-2px;'>Enjoyed
the  article?</span>
<div class='social'>
<div style='margin-
left:10px; margin-
top:0px; margin-
bottom:3px;'>
INSERT SCRIPT 1 CODE
HERE
</div>
</div>
<div class='clear'/>
</b:if>






Step 11
Finally Save your template.





If you will need my assistance on this just feel free to contact me or comment below thanks.
Read More »