simply blogspot

Blog For BlogSpot Bloggers!

bringing more quality posts, widgets and themes to the blogging community.

Join The List Of BlogSpot Bloggers

your co blogspot users are here already - feel free to join too!

Subscribe

29 Jun 2017

How To Install Latest Floating Blogger Label Widget

Developing new bloggers widgets has been one of my goals this year. Today, I bring you a cool floating label widget for blogger blog. Thi...
Developing new bloggers widgets has been one of my goals this year. Today, I bring you a cool floating label widget for blogger blog. This widget lets you show your blog labels as blog topics to your readers.


Instead of filling your blog sidebar with widgets, you can simply enable this floating blogger label widget for better conversions and convenience.

This widget acts as a menu for your blog. You can either add all your blog labels at once or select only a few. When your blog labels get too much, this label widget automatically hides some and show them on a scroll.


See Demo
Live Preview



Features

  1. It is very easy to install
  2. You can always change labels even without knowledge of coding
  3. With little knowledge of hex colours, you can set your own colours
  4. Fast loading and does affect your blog speed.
  5. Open and Close menu option.


How To Add Floating Label Widget To Your Blog.

Backing up your blog theme has always been the best first step ever. Visit themes >> and locate "Backup / Restore".

Get Started

Step 1
Go to Edit HTML >> Search for </body>. Copy and paste the below code just above it.

<script>
function openNav() {
    document.getElementById(&quot;floatingsidebar&quot;).style.width = &quot;150px&quot;;
}
function closeNav() {
    document.getElementById(&quot;floatingsidebar&quot;).style.width = &quot;0&quot;;
}
</script>

Step 2
Search for </head>, Copy and paste the below CSS code just above it.

.floatingsidebar .Label li span{float:right}
.floatingsidebar .Label ul:hover{text-decoration:none;background:#000}
.floatingsidebar .Label ul{padding:0;transition-duration:1s;transition-delay:0.1s}
.floatingsidebar .Label li{list-style:none;border-bottom:1px solid #eee;padding:8px;font-size:15px}
#floatingsidebar{top:30%;height:480px;background:#fff;width:150px;z-index:9999;position:fixed;right:0;list-style:none}
.floatingsidebarwrap{top:30%;background:#fff;z-index:9999;position:fixed;right:0;list-style:none}
a.quickedit{display:none}
.floatingsidebar .section{margin:0;height:448px;scrol:auto;}
.floatingsidebarinner{padding:0}
.floatingsidebar h2,.floatingsidebar h3{border-bottom:1px solid #ddd;padding:10px;background:#b44444;font-size:16px;color:#fff;font-weight:700}

Customization
To change Label title background, replace " " with any hex colour of your choice.

Step 3.
To add the HTML, which is the last part, Search for <footer>, paste the below code just above it.

<div class='floatingsidebarwrap'>
    <div class='floatingsidebar' id='floatingsidebar'>
      <div class='floatingsidebarinner'>
      <b:section class='floatmeside' id='floatmeside' name='Float Me Side' showaddwidget='yes'>
        <b:widget id='Label2' locked='false' title='Labels' type='Label'>
          <b:widget-settings>
            <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
            <b:widget-setting name='display'>LIST</b:widget-setting>
            <b:widget-setting name='selectedLabelsList'/>
            <b:widget-setting name='showType'>ALL</b:widget-setting>
            <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>
      </b:section>
      <a class='closebtn' href='javascript:void(0)' onclick='closeNav()' style='font-size: 30px;cursor: pointer;width: 100%;margin-left: 5px;color: #ddd;'><i class="fa fa-window-close" aria-hidden="true"></i></a>
      </div>
    </div>
<span onclick='openNav()' style='font-size:30px;cursor:pointer;padding:3px'><i class="fa fa-info-circle" aria-hidden="true"></i></span>
    </div>

Step 4
Save your blogger template and visit your blog to see this label widget floating on your sidebar.


Additional Info

Icons not Showing

If the icons are not showing, it means you have not added FontAwesome to your blog. I have used FontAwesome to style and add icons so that this widget would not affect your loading speed.

FontAwesomes are fast loading Icons and you can always used them on your blogger blog. Paste the below code above </head>.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

Learn more about FontAwesome in 3 Simple Ways To Add Font Awesome Icon CSS To Blogger Blog

Open and Close not working.

I have used JavaScript to enable the open and close options which on the other hand requires Jquery to function properly. I did not add Jquery to the above code,

because nearly every blogger template has Jquery installed but if you happen to be among the few without Jquery enabled, add the below code just above </head>.

<script async="async" src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

Jquery is an awesome developed tool, you can read more about it in
 3 Surefire Ways To Eliminate Rendering Blocking JavaScript In Blogger Blog


More From Author

This is an easy and optimised way to show your blogger blog widgets. Instead of making users surf around your blog for labels, this widget simply shows them on a click.

I enabled this widget to work on both Mobile and Desktop. It is a simple but effective BlogSpot widget. Do leave your feedback below in the case of problems plus compliments too - I love them.

P.S you should move your blog HTTPS for better SEO ranking!.

13 Free How to Ways to Increase BlogSpot Mobile SEO

Not getting enough traffic from mobile visitors? or not getting traffic at all? . Bloggers need traffic to grow, we need to see people readi...
Not getting enough traffic from mobile visitors? or not getting traffic at all?. Bloggers need traffic to grow, we need to see people reading our blog posts and leaving impressive comments but all these don't seem possible with just writing good posts. You also need to optimize our blog for search engines.


SEO has always been a wide topic and every now and then new posts are published on the best working trick but still many bloggers are not getting positive results why? - You are either not doing the right thing or you not doing anything at all.

I know how many clients meet me daily for SEO tips and some are even willing to pay for it - This is how far some persons have gone for SEO, have you gone this far?.

This post will teach you all you need to know about mobile users and the 13 best practices to optimise your blog for mobile search. but how hard can this process be?

Why Increase BlogSpot Mobile SEO?

The world is taking a drift from using big machines into using smaller machines. This is why mobile phones are being purchased more often than PCs  - here comes the importance of mobile search optimisation.

You might think If Google ranks you 1 on a desktop search results, it would still rank you 1 on mobile. TRUE but only to an extent. Google has now started implementing different ranking factors for mobile search and it is important to optimize for mobile

Because many blog visitors are most likely to visit a blog using a mobile phone - if you need them, you need to rank on that first page.


Optimising Your Blogger BlogSpot For Mobile SEO

1. Write SE Optimized Post (Post Length)

Working with great bloggers who have made it have made me realise that post length is an important ranking factor. Before now you might have had the mindset that longer post rank better than short posts.

This is not TRUE.

I have seen situations where short posts ranked better than long posts. Users are more friendly with average posts length since they easy and quick to read.

 A post (except gossip sites) short be of minimum 300 words because with such words a blogger should be able to explain everything about that article.


2. Proper Keywords Usage

Keywords have a role to play in your blog post. You should always use keywords in strategic places to ensure a well SE optimised post.

Clustering your blog post with keywords will not improve your mobile search ranking. Instead, try to implement keywords in the areas listed below
  1. Post title
  2. Post Description
  3. First Paragraph
  4. Last Paragraph
  5. While sharing your post.


3. Go for HTTPS (SSL Certificate)

Secure your blog and visitors from online hackers and Google will reward you with a higher SERP. Google wants a safer web for its users this is why they have added HTTPS as a ranking factor.

Google claims to rank 30% of blogs using HTTPS on the first page. This has made bloggers run for SSL certificates. If you are BlogSpot blog, learn how to enable free HTTPS on your blogger custom domain


4. Image Alt and Title Tags 

Did you ever ask yourself how Google get pictures shown on "image search"? - Proper use of image Alt and Title tags can rank your blog post well on image search.

Which is also a good source of blog traffic. I personally surf for images related to what am looking for. This can help you get better ranking in Google mobile search results.

5. Speed Up Your Site

Loading time of a blog has a contribution to make in terms of SEO. It is of best practices to speed up your blog. You might have a lot of widgets killing your page and also you might be affected by rendering blocking  Javascript and CSS.

There many things that can reduce your site loading speed. Do well to optimise it, minimise the size of images and make sure your site is fast loading.

6. Improve Social Media Presence

Social Media presence is the only factor with a 5-star rating according to Seocentro. Getting an abundance of shares can help boost the Alexa and mobile SEO rank of your blog.

So if you have been ignoring social media, it is high time you add share buttons to your site and start sharing your posts to various networks.


7. Build Quality Dofollow and Nofollow Backlinks

Poor Backlinks will show to Google that you are a spam but quality backlinks will show you are a well-recognised blog. What do I mean? If you go on and pay someone for backlinks then you are doing it totally wrong

But if you go out yourself and start placing comments in related topics, writing guest posts and being active in forums, you are going to get quality NoFollow and DoFollow backlinks which are good for your blog.


8. Power Words in Post Titles

You need people to click on your post on a mobile search result. There comes sometimes when persons click on the 4 ranking post and leave the first behind.

You might have practised good SEO techniques but if you lack the proper usage of power words in your post title then you will probably not get that traffic even when you rank well.

So it is advised you use power words so as to convince readers to read your posts immediately they see your post title.


9. Implement AMP

Accelerated mobile pages according to Google is not a ranking criterion but let's see it in a real sense. Google adds a certain ranking percentage to fast and mobile friendly blogs.

Now, what will implementing AMP do? - It will make your blog very fast and also user-friendly which is needed for good ranking.

Also if you own a news blog, then you might just be lucky to get featured in the AMP carousel which is a potential source of mobile traffic.


10. Make good use of Meta Tags

Meta tags are very important because with meta tags you can social media optimise your blog, you can set preferred domain, you can add keywords to each post and also you can set the description.

All these are good factors to consider when it comes to SEO and ranking on the first page.

Learn more about BlogSpot meta tags


11. Get a custom domain name

A custom domain is optional but still, it is a wise decision to get one. You don't want to build all that hard work on a subdomain.

Custom domain shows to internet users that you are a professional who is ready to blog. With this in their mind, you get better traffic.

Many internet users also feel that subdomain users are spammers because of the devious act many bloggers do with subdomains. You can get a TLD at cheap price and set it up using DNS on your blogger blog.

12.  Consistent Posting

Don't keep your audience and Google bots in the air. Always feed them with something new. If you keep doing that, then your post indexing rate will increase because bots will now start visiting your site more often.

13. Learn and Use webmaster tools

All search engines have webmasters tools which should help you understand their system better. Learn every part of webmaster tools and start telling Google, Bing etc what you want and how you want it.

Rounding Up

These are some of the most important factors considered when ranking any post on search results though other factors are included such as domain age etc which you can not really influence.

So I did not add it to the list. Content is king - write good content and start optimising it for desktop and mobile search results. With no doubt, these  13 Free How to Ways to Increase BlogSpot Mobile SEO will boost up your blog.

28 Jun 2017

How To Enable Free HTTPS (SSL) On Blogger Custom Domain

Are you still using an unsecured connection (HTTP)  between your readers and your blog? still searching for a way to enable HTTPS for your...
Are you still using an unsecured connection (HTTP)  between your readers and your blog? still searching for a way to enable HTTPS for your blogger blog with a custom domain? Want to increase your blog's SEO ranking? or just want to know about SSL (Secure Sockets Layer ) certificate and how to obtain a free one?.


Today's post will guide you on every step required to move from HTTP to HTTPS which is a secure (encrypted) connection between your readers and your blog. 


I know you were heartbroken when blogger limited the free HTTPS to subdomains (.blogspot.com) only, I was too until I found this solution which I rather call a free gift with an extra layer of super fast blog speed.

Yes, you heard me right! - Today's post will not only show you how to enable free HTTPS certificate for a blogger custom domain rather it will also provide you a drastic increase in page speed. I used this method to power my own blog and in less than 24 hours my blog was running fully on HTTPS.

All links automatically redirected with just a setup that took me less than 20 mins and I know it will take you less because I have crafted this post just for you.

What is HTTPS?

Due to online information hackers, web developers provided a solution which helps prevent these hackers from getting customers information from your blog. HTTPS (HyperText Transfer Protocol Secure) is an encryption that helps protect you and your blog readers.

When SSL was introduced, it was used by E-commerce sites that collect sensitive data such as emails, password, credit card details etc from visitors but over time SSL grew into a must have for blogs. 


Why do I need HTTPS For Custom Blogger Domain? - Advantages of SSL

HTTPS encryption has become important to blogs for some certain reasons and also to add to it, Google has decided to add a ranking percentage to sites using SSL which means if you enable SSL on your BlogSpot blog, you would have a higher ranking edge over other blogs.

Many WordPress blogs have moved to HTTPS because it is very easy to add SSL to WordPress using plugins - this again has given them ranking power over BlogSpot bloggers with a custom domain name.

Below are a few important reasons why you need to enable HTTPS on your blogger blog.

1. Increase SEO Ranking: Google is wise and due to this sense of their's, Google has included a ranking power to SSL which means if you want to properly SEO optimize your blogger blog, you need to setup HTTPS.

Google claims to rank 30% of websites with https enabled on the first page.

2. Protect Your Visitors: You really don't want to endanger your blog visitors. HTTPS encryption helps you protect your blog visitors from any online information hacker searching for internet users details.

3. Increase Conversions and Traffic: Sensitive internet users prefer to browse HTTPS enabled blogs. So if your custom domain is not showing the https and green padlock, they will simply abandon the site.

4. A professional Look: Having that green padlock on your blog link definitely makes your blog look professional. 

5. Faster web: I don't know about other blogs enabling HTTPS but the method I used sure increased my blog's loading time by over 50%.


Disadvantages Of Enabling HTTPS on Blogger Blog

During your migration from HTTP to HTTPS you are going to encounter a few fallbacks which you can as well refer to as disadvantages.
  1. While migrating to HTTPS, your blog will experience a drop in traffic until Google crawls and index all your HTTPS-enabled URLS.
  2. After enabling HTTPS on your blog, going back to HTTP might cause your site to get totally deindexed by search engines. 

HTTPS vs HTTP - what's the difference?

Before the introduction of HTTPS, we all used HTTP and you are still using HTTP. so what is the difference?
  1. HTTPS is a secured encryption but HTTP is not (it can be easily hacked).
  2. Google added an extra ranking factor to HTTPS but HTTP is treated badly (unsafe).
  3. HTTPS comes with a green padlock while HTTP comes with an info icon.
  4. HTTPS stands for HyperText Transfer Protocol Secure while HTTP stands for HyperText Transfer Protocol.
  5. HTTP is free for all while HTTPS is not. Except you get a shared version from LetsEncrypt.


Are you scared?

Am asking cause I know how I felt when I decided to move to HTTPS especially when you are already getting high traffic from search engines. Blogger actually made this hard for custom domain users.

Once you purchase a domain name and switch to it, you would loose your free HTTPS. I was really sad when I saw the message: "Warning: https is not available at the moment for custom domain blogs".

One thing in life is, not until you take a step you can never move forward neither can you fall. What do I mean? if you are scared of moving to HTTPS then you would never enjoy the benefits of it.

Asking me, I would say you move because the benefits are worth it. It is nothing to be scared about!. As long as you follow the steps, your blog will not experience any offline issues. It would continue working even when it's still propagating.

Want to set up free HTTPS on your blogger custom domain?. - let's get started.

There is something I want to show you...


Introducing CloudFlare CDN

Have you heard of Cloudflare? have you used it? - if you have used it then you know the functionality it brings. I am going to show you how to move your blog to HTTPS (obtain a free SSL certificate) using CloudFlare. 

but first, let me show you many more things you can do with CloudFlare and how it can help you power your website.


What is CloudFlare CDN?

CDN short for Content Delivery Network is a system of servers that help deliver web pages and contents (images, HTML, CSS etc) to a user based on geographical locations of each user.

What CDN simply is, is a way of delivering your content faster and safer. Instead of loading all your contents from your server, CDN acts as a middle man that help distribute your content.

Using CDN is over 50% faster than delivery contents from your own server. Why? CDNs have millions of servers distributed around the world which means your content gets to load almost instantly.

CloudFlare is a type of CDN that provides everything a CDN provides plus extra features which includes free shared HTTPS, email obfuscator, Analytics, DDoS security and much more.

CloudFlare comes with different plans but its free plan is just enough to enable SSL on a blogger custom domain and not just that you can also enjoy free add-ons on the free plan.


Features Of CloudFlare

  1. Free HTTPS for your blog
  2. Protects your site from threats
  3. Improves your blog's performance and speed
  4. Obfuscate your email from spammers.
  5. Adds an extra layer of caching to your blog
  6. Works great with other CDNs

Now you know what CDN and CloudFlare is, let us get started with adding HTTPS to blogger custom domain which should take only a few minutes.

If you are afraid of coding!, don't worry, You won't make use of any codes. P.S you can hire me to do everything for you while you sleep.


How To Migrate Blogger Custom Domain From HTTP to Free Secure HTTPS

Now it's time to get the job done real quick and start enjoying a massive boost in SERP plus a secured website from online hackers. In case you find any issues at any point, feel free to comment.

Video Tutorial below




Create A CloudFlare Account

To create a free CloudFlare account simply visit www.cloudflare.com >> locate "Get Started Today" >> Add your Email and choose a password >> Hit Sign Up.

On the next page, Tick " I agree to ..." and >> Click Create Account.


Add Your Blogger Blog To CloudFlare

Get started with CloudFlare. You have just taken your first steps to HTTPS. On this next page, locate "Add a website", in the box below it, input your blog custom domain URL. (e.g www.bloggingprince.com). >> Scan DNS Records.


It will take CloudFlare a few seconds to scan your blog. What this simply does, is provide custom nameserver for your blog's integration.

After counting, click "Continue".


Verify DNS Scan records.

After the scan, CloudFlare will provide the list of all your DNS records just as shown in the below photo. Do verify to see if all your records are complete.

Click "Continue"


Select a CloudFlare Plan

A free plan is just enough for us to enable HTTPS on blogger but if you feel you need more than a normal blog plan then go for the other plans.


In this article am using the "Free Website". - select it. You would see it's feature. >> Locate "Continue" and let's go!.

Change Your Nameservers

This time you would have to visit your domain registrar dashboard to change Nameservers. What this simply does is allow CloudFlare to take control of traffic and performance of your blog.

I use garanntor and I have explained its steps below. All domain registrars are nearly the same but you can also browse how to change nameserver for your specific registrar.

NameServers using Garanntor

Open a new tab and Login to your registrar dashboard >> go to client area >> Domains >> beside you domain name, Click the drop-down icon (next to spanner icon) >> locate manage nameservers >> Nameservers >> you would see your default name servers (even CloudFlare showed you) >> switch to custom nameservers >> replace the name servers accordingly >> Change Nameservers.

It will then take at most 24 hours to propagate. Does that stop us from working? No. We will continue with the setup and before 24hours, everything will start working automatically.

Go back to CloudFlare and click "Continue".

You have just setup CloudFlare on your custom domain name. Your account will not be active yet. Because the Nameservers are still propagating.


Enable Free HTTPS (SSL Certificate) For Your Blogger Custom Domain Name.

Let's get started with enabling the free https on your blog. This is the solution to what BlogSpot refused to give us. Using CloudFlare free shared SSL we are going to enable HTTPS on your blogger blog.

It should start working in less than 24 hours and your blog should not experience any downtime and if it does, it will be for only a few minutes that is if the nameserver takes longer than expected to propagate.


In the "Crypto" tab, locate SSL and at the right, you should see "Full" >> Click it and select "Flexible" from the options.

Congratulations! That is all the work in setting up HTTPS for blogger blog. Next up is to properly forward blog pages using 301 redirects.


301 Redirect Blog Domain, SubDomains, and Blog URLS to HTTPS.

Using page rules, we will redirect all blog pages from HTTP to the HTTPS version of your blog. This will have an effect on all pages both home page, post page, static page and subdomains, that is if you use subdomains (e.g blog.bloggingprince.com).

Note: The option for "Always HTTPS" maybe not be available until your nameservers have finish propagation. In case you face this problem, just wait till your nameservers finish propagating before setting page rules.

Info: in the rules below, replace bloggingprince.com with your domain name.

Go to "Page Rules" on the top tab >> "Create Page Rule".

In all rules, replace "bloggingprince.com with your blog URL.#


Rule 1
if the URL matches: http://*bloggingprince.com/*

Locate and Click Settings, Set it to "Always Use HTTPS".


Rule 2
if the URL matches: http://bloggingprince.com/*
then the settings are: Forwarding URL >> 301 - Permanent Redirect.
Bottom URL: https://www.bloggingprince.com/$1


Rule 3
if the URL matches: https://bloggingprince.com/*
then the settings are: Forwarding URL >> 301 - Permanent Redirect.
Bottom URL: https://www.bloggingprince.com/$1

Those are the page rules which you need to set. Each of these page rules will help redirect both the www and the non-www version of your HTTPS-enabled blog.

Changing Security Options

CloudFlare acts as a protection guild for your site and it helps you prevent bad browsers and bad bots from accessing your website. But then you don't want it preventing everybody from entering your website,

so you need to change your security options to low.



Go to "Firewall" >> "Security Level" >> Change it from Medium to "Low".

Congratulations... Your blogger blog has fully moved to HTTPS but then you need to give it a few hours to see the changes.


Please do wait till your blog fully migrate to HTTPS before you do the next steps. Though you can continue with it, it is advised to be a bit patient. While doing mine, I simply went to bed and continued the next day.


Fixing Mixed Content Errors After Moving to HTTPS

If after moving to HTTPS, your blogger blog starts working, you might experience a little problem which is called mixed content error.

How do I know? If your blog load showing HTTPS and then shows an info sign after loading then your blog is faced with a mixed content error.


What is Mixed Content?

This is when some of your files such as JS, Images are requesting to load using HTTP instead of the newly installed HTTPS. This is a big problem for bloggers using the old templates.

This is why BlogSpot provided the new themes so as to overcome mixed content errors. But still, if you love your theme so much and don't want to go for the new themes then I can help you out.

It's going to be a little work, especially when you are afraid of your template HTML. So first thing first is to back up your template.


1. Replace all HTTP with HTTPS

Go to themes >> Edit HTML >> Using CTRL + F search for HTTP. You would find a lot of URLS. Now all you simply need to do is replace all these HTTP with HTTPS. - All of them both images and external links.

2. Using Default Blogger Search Box?

If you are using default blogger search box, then you will also have a problem with the mixed content error.

Go to themes >> Edit HTML >> Search for the below code.

<form expr:action='data:blog.searchUrl'>

If found, replace it with the below code.

<form expr:action='data:blog.searchUrl.https'>

That should fix any problem with mixed content. But then these files might just be in blog widgets added in the layout section so be sure to visit layout and inspect each widget for HTTP URLs.

Next up visit your blog and press CTRL + Shift + J to find verify if there is any mixed content error.


What next? - We need to work on our SEO settings.


How To SEO Optimize Blogger Blog With (HTTPS) SSL Certificate.

While setting up SEO on your blog, it will not have a one day impact instead it will take time. Google and Bing will have to crawl your blog HTTPS version.

Replace all "blogname" with your domain name and "BLOGTITLE" with the title of your blog.

Step 1
Go to themes >> Edit HTML >> Search for the below code. It's in the head section of your blog.

<b:include data='blog' name='all-head-content'/>

If you can't find this code, paste the below code right after <head> but if you found the code, replace it with the below code.

<link href='https://www.blogname.com/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='blogger' name='generator'/>
<link href='https://www.blogname.com/feeds/posts/default' rel='alternate' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<link href='https://www.blogname.com/feeds/posts/default?alt=rss' rel='alternate' title='BLOGTITLE - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/BLOGID/posts/default' rel='service.post' title='BLOGTITLE - Atom' type='application/atom+xml'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2591933621-ieretrofit.js"></script>
<![endif]-->
<meta expr:content='data:blog.url' name='og:url:domain'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->


How to find blog ID?

If you don't know your blog ID, simply look up at the URL bar while in your dashboard and you would see it (e.g blogID=5090122629090583639).

Save your template.

You might also want to manually redirect pages to make sure all pages are redirected. While doing mine, the Page rules were just enough for me but you can add the below code to add an extra layer of redirection.


Optional - Javascript redirects.

To do this, search for </head> and paste the below code just above it. Don't forget to replace blogname with your blog name.

<script>
$(document).ready(function()
{           $("a").each(function()
{             var i = $(this).attr("href");          
 var n = i.replace(http://www.yourdomain.com, "https://www.yourdomain.com");                               $(this).attr("href", function() {               return n             })           })         });       </script>

Update Your Robot.txt

Next up is to update your former HTTP robot.txt file to an HTTPS enabled robot.txt.

To get this done, Go to Settings >> Search Preferences >> Custom robots.txt. >> Edit.

Replace the default one with the below one.

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://www.blogname.com/sitemap.xml

Save your settings.


Submit HTTPS version to Webmasters

Visit Google Webmasters and add your HTTPS versions as new properties. That is https://www.blogname.com and https://blogname.com >> After that you should now have 4 different properties for your domain i.e

http://www.blogname.com
http://blogname.com
https://www.blogname.com
https://blogname.com

Change your preferred domain name to https://www.blogname.com and submit a new sitemap to it.


How To Enable Blogger SSL On Free BlogSpot Domain 

I have seen some BlogSpot bloggers using a subdomain and still don't have HTTPS enabled. I will assume you didn't know what to do! - the little guide below will show you how to enable HTTPS for your free BlogSpot domain name.

Go to settings >> basic >> HTTPS redirect >> Change it to YES.

if you have issues with mixed content, please follow the procedures above. Don't forget to also update your Robot.txt and submit new URL to webmasters


Final Words

I believe you have been successful in adding HTTPS to your BlogSpot blog.  In case you faced any problems, I am here to help and will get it done for you at a cheap price. Thanks to  Shivansh Verma and Prajjwal Rajput.

Blogger SSL is important for your blog you should migrate your blog today from HTTP to a free shared HTTPS certificate offered free by CloudFlare.

18 Jun 2017

The Ultimate Guide To Create Android App For Blogger Blog

Ever since the invention of smartphones, optimizing a blog for mobile has become one of the few steps towards successful blogging but at ...
Ever since the invention of smartphones, optimizing a blog for mobile has become one of the few steps towards successful blogging but at some point, you wonder how to create an android app for your blogger blog especially when you have little knowledge of coding an application.


It is not so easy to convert a blogger blog into an Android app but still, you can get it done. This guide will show you how you can create a simple app which your blog visitors can access your website with. An app has a lot of advantages for blog owners especially now that nearly every internet user loves speed and easy to access blogs.


I created my first app barely a few weeks ago using some free services online and though I wish to create a better Android app for my blog using Android Studio that is a dream to come through soon because am learning how to code an Android software.

Before taking the big step towards building an Android app for your BlogSpot blog, you might want to consider a few things. These include the advantages and disadvantages of using free app development platforms and also the positive and negative effect an Android app might pose on your website's traffic and earnings.


What is a Blogger Android App?

An Android app is simply a mobile version of your blog accessed without a browser. By default, users would have to access your blog through one of the available mobile browsers.

but with an Android application, you can easily convert your blog into a software Android phone owners can download and access your website with. Apps acts as shortcuts and access points to blogs,


Pro bloggers often build Android apps to make visiting their blog easy. Nearly every top news site have an Android app and aside from Android OS, you can also create applications for other OS which includes iOS, BlackBerry OS, and others.

Does my blog need an app?

"I have seen other bloggers using mobile apps and I think it's cool so I want to get one too"... this was my feeling when I created my first app.

Practically, building an Android app for blogger can either help improve or destroy your blog. From personal experiences, an app has a lot of pros and cons to offer to a blog, now whether your blog needs an app depends on various reasons.

You don't just wake up in the morning and decide to build an app. NO! first, you need to study and understand your audience. News and Tech bloggers are often the ones that develop apps for blogs for reasons which are quite considerable.
  1. Instant article reading
  2. Quick access
  3. Slow indexing
  4. Notifications
  5. High competition etc.

These websites need to offer their contents to their users at their hand touch because of the high competition, nearly all news websites publish the same story, now the one which gets instant article reading,

is determined by how quick it's articles can be accessed. Mobile apps provide these news sites with mobile notifications to cover up for the slow indexing. This is why news site uses Android applications.

Questions for you
  • why do I need an app?
  • do bloggers in your niche use apps?
  • how will an app improve my blog? 


Basic Features of a Mobile App

Before creating a mobile app, it would be a wise decision to note down the basic features of an application. These features are the important things to know when building apps.


1. Push Notifications

Of all the features of a mobile app, Push notification is of high rating to me. What it simply means is that whenever you post an article on your blog, your mobile app will instantly notify anybody that have the app installed on his smartphone phone.

You might have seen Facebook sending your notification of new messages, friend request etc this is the same feature which some of these free app makers provide for you.


2. Monetization

Creating a mobile app would drastically reduce your earnings if your app is not monetized. Many websites get the majority of traffic from smartphones, now if your app is not optimized for earnings, you would lose a whole lot of money.


This is why monetization is a big feature of a mobile app, in fact, people search for it. All the platforms discussed on this post lets you monetize your Android application with Admob and other advertisement programs.


3. Uploadable & Updatable

In other to get more app installs and downloads your app needs to be uploadable which simply means it must have its own unique package name and also it must gain easy access to popular mobile app stores such as Google Play.

Not getting this done would limit the reach of your app to your blog visitors only.

By updatable, I meant abilities to change app settings. You must be able to update your blog app after build - this will allow you add new features whenever you want.

4. Bug Free

I hate bugs, he hates bugs, the whole world hates bugs. Nobody wants to use an app that crashes frequently or an app that won't let you have control of the environment.

In general, everybody wants to express freedom and enjoy a cool UI. It is your work to provide this for your app users and though Android app makers provide this, you still need to be sure!.


5. Usage Tracking

You don't want to own an app and don't know what is happening inside the app. Tracking lets you see who is using your app and the number of times visitors accessed your blog via your blog app.

Many Android application creators integrate well with Google analytics to keep you updated on usage tracking. But some don't offer this feature.


5 App Makers To Build A Free Android App Online

  1. AppsGeyser
  2. iBuildApp
  3. AppYet
  4. Andromo
  5. AppyPie

AppsGeyser

Apps Geyser is a free to use Android app creation platform that lets you convert a blogger blog to an Android app in less than 5 minutes.


The entire process while building an app with AppsGeyser is very easy. You can choose what type of app you wish to build and Apps Geyser will even show you a preview for it.

Apps made with AppsGeyser are monetizable which means you can connect it with your Admob account and start showing ads just the same way you would do on your blog.


Pros of using AppsGeyser

  1. Creates an app in less than 5 minutes
  2. Apps are monetizable
  3. Create unlimited number of apps
  4. Have the option to select app type
  5. Apps can be published to Google PlayStore and Amazon.
  6. Live preview (unique)

Cons of using AppsGeyser

  1. It only converts your blog to an app; it's just a mobile responsive version of your blog
  2. You can not track page views.
  3. Displaying of AppsGeyser ads after 100 app installs

Step by Step guide to building an Android app with AppsGeyser

To build an Android app with AppsGeyser watch the easy video tutorial below or better still following my step by step guide.


Step 1
Visit www.appsgeyser.com on the homepage click "CREATE NOW" >> Select "Website" from the template options.

Step 2
Type in your blog URL ( e.g www.bloggingprince.com) >> Click "GO" >> Hit "Click here to see the preview" - this will show you how your app will look like. >> Click Next.

App Name: Now type in your App Name - This name should be similar to your blog name so your blog visitors can easily know it's your blog app. >> Next.

Description: A little description of your blog app will help your visitors understand the app better. >> Next

Icon: Here you can use the default icon provided by AppsGeyser or better still upload your blog Icon. Info: It is better to use the same icon as your blogger blog favicon (logo). >> Next. >> Create.


Step 4 - Dashboard
Download Your App: To download your newly created Android app, locate the download app (marked as 1) scan the code using your mobile phone or better still use the download button.

Publish to Google Play: Like I mentioned above, you can publish your Android app made with AppsGeyser to Google Play. To simply do that, locate "Publish to Google Play" (marked as 2) and below it, click the "Publish". watch the below video.


Publish to Amazon AppStore: AppsGeyser also lets you publish your app to Amazon Appstore. Follow the onscreen instructions to publish your apps to the Amazon AppStore.

Step 5 - Monetize your App
Start making money from your Android app with just a few clicks. First, you would need to create an Admob account (AdSense for mobile). Locate the "Monetize your App" >> "Monetize".

below Banner and Interstitial Ads select Admob and add your account details to start making money with your mobile app.

Note: If your app gets 100 installs and you do not add your own Ad codes, your app will automatically generate ads code for AppsGeyser.


AppYet

Creating an Android app for Blogger from scratch without knowledge of coding is a big thing! but AppYet makes it simple. AppYet lets you design a blog app that is fully customizable.


The AppYet app maker gives you room for everything, if you want to create one app for multiple blogs and then display all blogs in a menu, AppYet can get it done for you.

I have seen a few Nigerian bloggers use and recommend app yet. It only takes a few minutes to create your first app online.

Pros of AppYet

  1. Multiple blogs One app
  2. Navigation Menu with items ( e.g All unread, twitter handle etc)
  3. Monetizable with Admob
  4. Display full or half post (depends on settings)
  5. App display mobile push notification
  6. Multiple apps per account
  7. Apps can be published to Google PlayStore, Amazon etc
  8. Connects with Google Analytics (track pageviews)

Cons of AppYet

  1. Takes a little time to setup
  2. You can not track pageviews except with google analytics
  3. No live preview (work in the dark).

Step by Step Guide to Convert a blog to an App using AppYet

In no time, you should have your first app created with AppYet. Watch the video below or simply follow my step by step guide.


Step 1
Visit www.appyet.com >> "Get Started" >> Sign in or Sign up.

Step 2
Application Name: Type in the name of your app. it should be similar/same with your BlogSpot blog name.

Package Name: It will automatically create a package name for your app. Save this name ( e.g com.ohenscrib ) this will be needed while monetizing your app.

Template: How will your app look? - select blank template. You could also select demo template to get what is in the demo shown at the side.

"Create App".


AppYet Settings

General
This page is very easy to understand. Change the Application Icon and Notification icon to the favicon (logo) of your blog. >> Replace Header Image with any cool image of your choice (if possible add your blog name to the image). Content Rating should be set to everyone unless otherwise >> Save Changes.

Modules
Let us add your blog content to your new app. The module tab is where you can add different blogs to one app. This can be done using feed (RSS/Atom).

Scroll down to "New Module" >> select Feed: Blogger.

Menu Name: If you wish to use multiple blogs, you can use the name of each blog here but if it is for a single blog, you can use "blog posts" etc.

Menu Order: This is the location of the item in the menu. Note: All items shown in the Module tabs are items in the menu, and you can also see numbers assigned to each one.

Blogger URL: URL of your Blogger blog. >> Save.

If you have many blogs and wish to show them all in one App, simply repeat the same process to add more blogs.

Settings
Display Language: Select Auto or choose a specific language. This is the language at which your content will be delivered.

Show Display Language: Tick this option to enable users to choose their own language.

Splash Screen: This is the first screen a user meets whenever he/she starts your app. If you enable this, AppYet will show your blog logo as the splash screen. You can also choose a background color alongside the time it should be displayed.

Splash Image: This is the image that will be shown on the splash screen. Replace it with your blog logo (make sure image has a transparent background).

Default Screen: Select between Light and Dark screen.

Sync interval: If you own a site the is updated continuously you should reduce the Sync interval.

Sync on startup: Tick this option in other to make all new posts available whenever a user opens your app.

Article WiFi Only: Do NOT tick this option. If you do, your new blog posts will only be available when users are using WiFi.

Image Wifi Only: Do NOT tick this option. If you do visitors can only view your images when connected over Wifi.

Download Wifi Only: If you add downloadable items to your blog posts, visitors can only download them over wifi. Do NOT tick this.

Show Notification: YES - tick this. This will enable push notifications (push notification will alert your users whenever you publish a new blog post, even when they are not using your app.

Feedback Email: type in your email. You should create a professional email for your blog. read how to create a free personal email to get started.

Help Link: Input the URL to your contact page or publish a page dedicated for mobile app users.

Google Analytics: This will help you track your page views via Google analytics. Don't know where to find it? - Go to blogger.com >> Settings >> Other >> Google Analytics.

Save Changes.

Themes
How about making your app look just like your website?. AppYet lets you choose your own theme color. >> New Theme.

Theme Name: Type in the name of your theme, most advisable, use the name of the theme color e.g Blue, Yellow, Green etc.

Template: This is the base template for your new theme. Choose between Dark and Light. >> Save.

General
Primary Color: Also choose between Light and Dark.

Float Action Button Color: Using hex colour codes, select the color you are using on your blog and paste it in. >> Save Changes.

Action Bar
The action bar is the menu bar where items are located. You might also want to use your blog theme color here.

Menu Drawer
Here you have a long list of colors. Select colors of your choice but note all settings here will only reflect in the menu bar. >> Save Changes >> "Go back to themes".

Monetize
AppYet gives you more options to monetize your app. Choose any of the ads networks and add other settings as required to get it all done.

Build
When you have set up everything to your liking, you can now submit to build. After a few minutes, AppYet will mail you that your app has been created. Follow the link and download your new app.


AppYet Summary

This is how easy it is to create your first blog app with AppYet. Though AppYet has a lot of features, it is still very hard to work in the dark (no live preview),

Since you can create as many apps as you want for free with AppYet, I recommend you start with building demo apps until you understand what everything in the app maker means.

P.S: If you have made your blog app using AppYet do let me know in the comment box and also feel free to complain about any bugs, problems or issues faced while creating your app.


Andromo

Andromo is unique and great. It brings in an easy to use app making platform, if you have no idea of coding an android app then Andromo can get it done for you in a jiffy.


One of the fallbacks of Andromo is the display of ads on your app. This is if you have not subscribed to any of the subscription plans and this will totally affect your blog - showing users ads you don't even make money from!.


Pros Of Andromo

  1. Quick and easy setup.
  2. Multiple blogs (RSS) one app
  3. Monetizable with Admob, Facebook Audience, Amazon mobile ads etc
  4. Connects with Google Analytics (track pageviews)Organized homepage with items (activities)

Cons of Andromo

  1. Only 1 app per account for free trial
  2. No live preview (work in the dark)
  3. Less customization (i just hate the package name)


Step by step guide to creating Android app using Andromo.

I have provided a video below for you. By the way, you can read my step by step instructions for better understanding.


Step 1
Create an Andromo account by visiting www.andromo.com >> verify your account and login to develop your first blog application.

Step 2
Scroll down till you find "Create New Project" >> Fill the space for project name with your app name >> Hit "create".

App Info
Target Market: Choose any of the available options but since it's an Android app I recommend you leave it as Google Play.

Category: Choose any category that suits your blog, music and gossip bloggers should go for entertainment.

Package Name: Copy it and save it in a place (notepad) you can easily find it.

Note: This name is very important to your app. You have to make sure it's available for use in the future.

Show Licence Agreement: This is one unique feature provided by Andromo. You type in an agreement message for your visitors to read and accept before using your app.

Launch Notice: This shows the first time a user opens your application. Most persons use it to show disclosure policies. Hey! it is your app, do whatever you want.

App Icon: This is the logo of your application. Make sure the size of the image is not less than 192x192 neither should it be more than 512x512. It must be a square image. Also, go for transparent images.

Save when done.

Activity
Activities are the major sections of your BlogSpot blog app. I love this feature because, with it, you can add various functions to your blog app. The activity tab will let you add seamless numbers of stuff including.
  • RSS feed
  • Facebook 
  • YouTube
  • Website etc.

Step 3.
"Add an Activity" >> "RSS Feed".

Activity Name: Fill this with the name of your blog or you could also fill it with "blog posts, latest from the blog" etc.

Description: A brief information about your new activity.

Position: Choose which part you want it to be shown. If you want it to appear first, change position to 1.

Tick the "Build this activity (include it in the app)" this will show your activity in your blog app.

Icon: Upload an icon for your activity this could also be your blog logo.

Details
RSS/Atom Feed URL: Input the RSS/Atom feed of your blogger blog. it is like this (http://blogname.blogspot.com/feeds/posts/default), simply replace blogname with the name of your blog.

RSS Activity Type: Leave it as "Classic RSS feed".

When clicking an item: Here you get to decide where your blog posts should open. Choose any option that suits your needs.

Banners Ads: Please read and follow the instruction on this section so as not to violate Google Adsense policies.


Row Style: It's your app. Feel free to choose between standard and card.

Tick "show thumbnail images (Media RSS)". >> Save changes.


Repeat the same process if you wish to add more blogs or profiles such as YouTube, Facebook. etc - You can add your YouTube channel, your Facebook page, and anything to get your audience engaged.

Styles
Everybody want to build an app that looks just like his/her blog. Andromo gives you that option! - make it more like your blog, choose custom colors that fit your blog under the style tab.

Upload an image and set everything as you want it.

Dashboard
Welcome to your home screen. The dashboard is where users get to see all your activities in one place. If you don't want to show this section, you can simply select "None" below the dashboard type.

When you disable it, users can still view your activities at the side menu just the same way we have it in live blogs.

"Show Banner Ads on Dashboard" - I think you should turn this off. You do NOT really want to welcome your visitors with an advert.

'Show social sharing button" - This is effective and you should enable it. It will enable your app users to quickly share your content.


Pick any of the examples displayed on the screen that fits your need. Your activities will be seen on your dashboard. So pick wisely.

Feel free to try out different styles here. Upload your background image and set others. >> Save changes.

Monetization
Hurray! let us make money with your Android app. You can connect your app to Admob, Airpush, Facebook Audience Network, Amazon mobile ads etc.


For better performance, select both banner and interstitial ads.

Interstitial Ad Settings: You really don't want to bug your app users with pop ads. I would suggest a higher time between ads to prevent your app users from considering you as spam.

Save changes when done.

Settings
Google Analytics
Here you can keep track of who, when and where visitors are using your blog app. Connect it to Google analytics and your views will be tracked whenever your app is being used.

AirBop Push Message Notifications
Sending mobile push notification is important and powerful.This feature allows you send messages to your visitors even when they are not using your application.

But it requires you to have an account which you can also get for free.

Save changes.

Build
The long day is finally coming to an end. Submit your app by clicking "Build My App" and Andromo will review your information and get your app built in no time.

This is how easy it is to build an Android app using Andromo.


Extra Online AppMaker To Create Blog Apps

  1. AppMakr
  2. AppsBar

AppMakr

I just finished creating an app with AppMakr and I think it's cool. I didn't really expect a lot of features from such an app maker and to be sincere it's more than what I expected.


AppMakr is a three stage work - Create an account >> design your app >> Publish your app.

And it provides you with live preview. YES, you are not working in the dark. You can create a pretty simple blogger app and connect other networks including FB, YouTube, Twitter etc.


Pros of AppMakr

  1. Live Preview of everything.
  2. Fast and Easy to build an app
  3. Unlimited Customization (just play around)
  4. One account with many free apps

Cons Of AppMakr

  1. No tracking (you can't figure out who is using your app)
  2. Pretty Old icons (if you need a cool app, you need to upload your own icons)
  3. You have to pay $2 every month in other to show your own ads
  4. They charge you $160/year - NOTE

Build an Android App with AppMakr

Enough of the talking, let's start building free apps. It is easy to do, all you need is a video (provided below) and my step by step guide (thank me later).


Step 1
Visit www.appmakr.com >> create an account using your social networks. And let's build your first app.

After successful login, simply follow the below steps

"CREATE A NEW APP"

On the "Let's get started" page, fill in your details and app details. >> "Next Step".

On the next page, you can select pre-built app designs but I would recommend you start afresh (start with a blank canvas and create your own...)

Step 2
AppMakr is a drag & drop app online builder, first thing first, is to add your blog posts. Drag "MyBlog" down to the "Live Preview" screen. Drop it anywhere you want it to be shown.

At the right sidebar, you should see options to edit the "MyBlog" Item. Edit them as shown below

Title: This is the title displayed below your item, you can change this to a suitable title such as "blog posts, latest from the blog" etc.

RSS feed link: Here you get to link it to your blog. You can use your default feed link or your blog URL. anyone will work.

Icon: If you do NOT want the old sketchy image, feel free to upload your own.

Hit Save when done.

This is the same procedure to add other items including Twitter, Facebook, YouTube etc. Feel free to play around with the options.

Step 3
Locate the "image icon" shown alongside menu icon and brush icon. This is the part where you are going to add custom background images, change styling etc.

Splash screen image: Splash screen is the first part users see whenever they open your blog app. Add an image, gradient color, solid color or an image from stock or FB.

Text title: Decide whether to show you a logo or to show a text. You can also decide not to show any of them.

Title: If you select text option, this is the text that will be shown as title.

Font: The font of the text that will be shown.

Home Screen Background Image: This part is where all your items get listed you can change the background with solid colors, gradient colors, images etc.

That's all for that, Next is the "Menu icon".

Click on the Menu icon let's edit how the menu will look like.

There are basically 3 (three) menu styles. Select any styles that fit your need.

You can also change the "icon style". Everything is shown in the Live Preview so you can change what and when you want.

Next is the icon that looks like a Brush. What you can do here is change the color style of your blog page. Experiment with it and make sure you get what fits best.

Step 4.
We are almost done. You have successfully set up the basic options. Next is to add advanced options. >> Hit "STEP 2".

A video will show up, just finish watching the video and all settings will come on.

App Title: Name of your blog app. Choose wisely.

WebAddress: Location of your blog app - make it memorable and similar with the title. >> "Save And Next"

Web App Domain: Select any domain from the option. Note: it will be added to your app domain. "Save And Next"

Choose App Icon: This is the icon that shows on your app downloaders homepage. Use your blog logo.

Write Description: a brief, medium and long description of your blog app. Make it related and descriptive.
Welcome Message: Welcome your users to your app with some quotes.

Add Additional Info: You really want to edit this, unless you want users to know who made your app.

Add Some tags: Tags are like labels. Use them wisely.

Publish Categories: Be more specific with your app niche, Use the same niche you use on your blog.

Contact Info: How do your app downloaders contact you? fill it here.

Demographics: Target an audience. Select your preferred region and country.

Monetize: Here comes the fallback! Don't enable this unless you can afford to pay $2 every month.

Hide/Password Protect Your App: Tick the hide option except you are willing to pay $2 every month.

Save and Publish your app.


More Info to save money: For Apple and Android market, choose to publish yourself.

And am still wondering why they still charge $160/year - That's why I don't use them.


2 Sites To Build Advanced Premium Apps Without Coding

  1. GoodBarber
  2. Shoutem

GoodBarber

If you are looking for a professional blog app and you are willing to spend some penny then GoodBarber is one of the best places to run to. For starters, GoodBarber offers you a 1-month free trial which is probably enough for you to know if the platform is right you.

GoodBarber creates good Android apps and you can follow the step by step guide in the video below to know how to create your first blogger blog Android app using GoodBarber.


Video Credit: WebSiteToolTester

Shoutem

Shoutem is a famous platform in the game and has gotten recognition from ShoutMeLoud and other top blogs. What Shoutem does is give you a blog app that is fully customizable and monetizable.

Shoutem is not free! You have to go for one of the premium plans which is worth it, BUT this is if you want to create a stunning app for your BlogSpot blog.

Watch the video tutorial below to get started with creating an Android app using Shoutem.



Video Credit: WebSiteToolTester


Effects Of Android app on your blog

Effect of apps on SEO

You might have never asked if an app for your blog can reduce your ranking!! can it?. how about we see if it can.


SEO is a big topic which covers ranking and other stuff but then how is ranking rated?. Page Rank is determined by a whole number of factors and the list below definitely entails some of them.
  1. Sites linking in (backlinks)
  2. Mobile and desktop bounce rate
  3. Useful comments and shares
  4. Time on each page.

The four listed factors for ranking have to be placed into consideration when creating an application for your blog. An Android application is a simple software that will deprive you of the above-listed factors. but how?

Backlinks: When visitors access your blog, via the web they are sometimes likely to share your thoughts and knowledge on their own blog, good ones would place links linking back to the original content - these act as backlinks but when they access your blog via a mobile app it is hard to guaranty a backlink.

Bounce Rate: Seconds, Minutes, Hours spent on your blog each time a visitor access your content. Most visitors just click on a blog post and if it takes a long time to load, they would close the page - So you need to speed up your blog.

What if you don't get enough sessions from mobile devices? Returning visitors have an impact to make, so what if they downloaded your blog app on the first visit and never returned via web browsers?

That would reduce the number of returning which goes along way to tell Google - This site is not worth it, Visitors don't even come back!.

Comments & Share: Your potential audience might not just be the vibrant and grateful ones. Mobile apps often don't allow commenting, especially BlogSpot comment system, this will go a long way to reducing the number of useful comments published from mobile devices.

AppYet allows Disqus comments, so if you use Disqus comments on your blog like I do, you might want to enable this feature.


Effect Of Blog App On PageViews.

How painful is it to have people visit your blog without you ever knowing? Well, most of these free websites for creating blog apps don't offer tracking which means any visitor to your blog via your mobile app will not be tracked by blogger.


Though some platforms such as AppYet, has integrated with Google Analytics, you will still face the same issue. A mobile app can also reduce your mobile search traffic.


Effect On Earnings

Many publishers get higher CPC from mobile phones but with the use of mobile apps instead of a responsive website, you might face either an increase in earnings via Admob or a decrease in earnings.

You would definitely face some challenges after setting up your Blogger mobile app and with time you should know which works best for your earnings.

Disclosure: I use AppYet and I am actually trying to make it awesome because AppYet lets you create wonderful blog apps.

Rounding Up.
Developing an Android app using codes on Android Studio would cost you a lot of time, effort but with these free online app makers, you can quickly create a basic Android app for your blogger blog.


BlogSpot provides you with RSS feed which then means any free app maker that provides you the option to import posts via RSS feed, supports building blogger apps. I hope the entire process was easy and you were able to create your first blogger blog app.

More From Author
All information provided in this post are based on experiments. I have taken my time to try out all the app makers to make sure I provide the suited ones for you.

P.S: My YouTube channel was launched today! Please Subscribe to get awesome videos - Theme tutorials and anything BlogSpot.

Topic: The Ultimate Guide To Create Android App For Blogger Blog - Leave comments and feedback bellow. -  Don't forget to recommend other cool app making platforms.

Sharing is Caring!

10 Jun 2017

Simple Blogger Related Posts Widget With Thumbnail

Having a mobile responsive related posts widget for a blogger blog is of great importance. Before now, every BlogSpot user would have to...
Having a mobile responsive related posts widget for a blogger blog is of great importance. Before now, every BlogSpot user would have to install LinkWithin related post widget but now we have a better alternative to LinkWithin which is a simple and stylish blogger related post widget with a thumbnail image.


A related posts widget has its own pros and cons and before sharing with you this simple LinkWithin alternative, I would first explain a bit about why you need a related post widget and also the side effect it pulls to your blog.

5 Jun 2017

How To Quickly Index And Rank New Blog Post With Old Posts

There are so many SEO practices on the web today which you can use to get your post on Google/Bing first page . Most often SEO bloggers...
There are so many SEO practices on the web today which you can use to get your post on Google/Bing first page. Most often SEO bloggers seem to promote backlinking but is backlinking all we need? - No

This post will show you how to quickly rank and index all your new blog posts with your old blog posts.

2 Jun 2017

How To Create Free Personalised Email Address Using Zoho

Creating a personalised - custom email address for your domain name will only take a few minutes. Using Zoho Mail I am going to show...

Creating a personalised - custom email address for your domain name will only take a few minutes. Using Zoho Mail I am going to show you how to set up your own personal email address which is of numerous benefits to you and your blog.

30 May 2017

How To Show Only Post Title In Blogger Mobile Template

You can customize the look of the custom blogger mobile template just the same way you would edit the desktop view. Customizing the mob...
You can customize the look of the custom blogger mobile template just the same way you would edit the desktop view. Customizing the mobile look of post titles in Blogger template will only take a few lines of CSS.


What we are going to do is hide every other element showing up with the post title on the homepage. These include the snippet, date and also the small-sized thumbnail image. 

24 May 2017

How To Properly Add Google Font To Blogger Without Affecting PageSpeed

Adding google fonts to a blogger blog the wrong and unoptimized way can drastically reduce your blog page loading speed which in turn w...
Adding google fonts to a blogger blog the wrong and unoptimized way can drastically reduce your blog page loading speed which in turn will cause your SEO ranking to drop.


Today, I am going to show you the proper way to add any google font to your blogger BlogSpot blog without having an impact on the loading of your blog. The fonts are going to be loading just like every other CSS code.

23 May 2017

How To Upload Songs (MP3 Files) On A Blogger Blog With Download Button

Uploading downloadable mp3 or music files is not directly possible in the blogger platform, but using Google sites, you can upload songs ...
Uploading downloadable mp3 or music files is not directly possible in the blogger platform, but using Google sites, you can upload songs to a blogger blog with a download button for free without having to pay for extra hosting.


With Google Sites, a BlogSpot music blogger can upload media files such mp3, songs etc. online for free and place them on a blog for downloading using plain links or download buttons. You can also accomplish this using Dropbox.

Quick Help!

Having issues? Need quick fix? simply email me or call me

Learn more

Write For Us

Submit a guest post and see it get published real quick

Learn more

Advertise Here

Place relevant banners, links, and sponsored posts at affordable rate.

Learn more