How To Download Any Blogger Theme Using A Mobile Phone(full guide)

We all know how tricky it is to download a blogger theme using a mobile phone, I have my own trick I have been using so I decided to share with you and I hope it will help you learn how to download any desired theme/template with full step by step installation. We first started by creating a blogger account then we drove together to the heart of blogging which is a super guide to choose a profitable oriented niche now, we got to learn the most demanding topic hankered by newbies, stay tuned. A theme is simply the appearance or the 'suit' of your blog. There are a variety of free and premium blogger themes created to siphon as many bloggers as it can to the blogspot arena. These themes procure a distinct appearance and are elegantly designed by theme creators fraternity based on all available niches. A good example is a magazine template that fits a news blog while a technology theme fits a guy under gadget enthusiasm.PC owners can download and use any Blogger theme but for mobile insight blogger guys, we always object a thought as a herculean task and that our mobile phones cannot execute the task efficiently which is a big lie and as a result, I'm here today to help you out.

How To Download A Blogger Theme/Template And Install on my Blog Using A Mobile Phone (Step-By-Step Guide)

If you ever come across any desired blogger theme/template and you didn't know how to download using a mobile phone with the full installation process, I promise you that, if you dedicate your time reading this ultimate guide and following my step by step instructions until the end of the tutorial, you will easily download any desired Blogger theme and use it on your blog. After reading this article I hope you will buy me a cup of coffee 😜.

Step 1: Visit Your Best Theme Store

There are uncountable websites that offer as many blogger themes as they can flaunt. You can opt for colorlib which is my best bet.

Step 2: Download The Theme

Before making any download here, Know that your chosen niche will help you download the most outstanding theme. Remember to sort by categories which will ease your task and help you download the correct theme based on the topic of your blog(your niche). 

Step 3: Download WPS App

We had earlier discussed essential mobile blogging apps which I had enlightened you on all necessary blogging apps including the role of WPS office. This is a handy app that serves as a blogger theme/template editor. Get it On Google Play.

Step 4: Open With WPS Office

Go to your download folder in the phone storage section, select your theme then choose open with WPS office.

Step 5: Open The Template

Your template must appear as a file with a question mark icon enclosed in a small box on the left side of the template name. The template file size is always the largest and it appears the first at the top with the name of the theme 

Step 6: Save The Theme

After opening the theme, don't edit anything for you are not familiar with stuffed codes used to come up the theme, click on edit tab, tap on Save, choose your favorite storage folder then click on save

Step 7: Rename The Theme 

Since we don't want to copy the whole codes then paste directly on the theme configuration section, we first need to locate the file then edit by erasing the .docx and replace it with .xml extension. Example

Pixelbloggertheme.docx edit so as to let it appear as pixelbloggertheme.xml

Step 8: Sign In Your Blogger Account

Sign in your blogger account using a chrome browser or any search engine app of your choice.

Step 9: Go To Dashboard

Blogger dashboard is the first page that loads after signing in.

Step 10: Go To Theme

The theme is where the appearance, layouts, styling, and so on are preserved so as to control all the assigned activities on a website.

Step 11: Go To Edit HTML

This feature is old fashioned, unlike the classic mode. You can shift to classic mode mounting classy and easy user customization.

Step 12: Tap On Backup Your Theme 

We sometimes lost our data on our phones and computer which becomes unrecoverable even in the future but when we perform a backup process, our data is more secure and gives the user confidence to do whatever he/she intends to do. It is advisable to backup your theme before we continue.

Step 13: Go To Restore

The restore command is as easy as changing your theme for good

Step 14: Upload Your Theme

Since we saved the theme on our liked folder, we have to revisit again and click on it and the upload process begins immediately.

Step 15: Click On Save Theme

When your theme has an error, it cannot be accepted. Making changes on the theme without any hint about it is not necessary instead you should consult an expert to help you out.

Read More

How To Show Specific Posts By Labels Widget/Gadget In Blogger Blog

After creating an account in blogger and choosing a self-centered oriented niche, confidence and willpower is portrayed as the start of a profitable blog and identifying hurdles likely to shook your blogging enthusiasm. There's room to add custom layouts like showing specific posts by labels in blogger blog hence blogging using blogger platforms is very easy unlike other CMS. The cheapness of blogging using free Blogspot extension does not give sufficient customization thus newbies decide to have a self-hosted blog.

Step By Step Guide On How To Show Specific Posts By Labels In Blogger Blog

Apart from my step by step guide being a complete tutorial, it guarantees 100% trust and it works perfectly. We are going to participate practically and have our blog/website showing specific posts by labels in blogger.

Step 1 Copy The Code Below 

We have provided the code which will perform the assigned task.

Get The Copy

<style>
/* Recent posts by labels widget by BenArdent*/
img.label_thumb{
float:left;
margin-right:10px !important;
Height:72px; /* Thumbnail height */
width:72px; /* Thumbnail width */
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
#label_with_thumbs { text-align: justify;
font: normal 18px Port Lligat Slab;
float: left;
width: 98%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul#label_with_thumbs li {
padding:8px 0;
min-height:75px;
margin-bottom:0px;
border-bottom: 1px dotted #999999;
}
#label_with_thumbs li{
list-style: none ;
padding-left:0px !important;
}
#label_with_thumbs a:visited {
    text-decoration: none;
    color: black;}
#label_with_thumbs a:link {
    text-decoration: none;
    color: black;}
#label_with_thumbs a { text-transform: none;}
#label_with_thumbs a:hover { text-decoration: underline;}
#label_with_thumbs strong {padding-left:0px; }</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSFMsGiKh7duEjTKZ97hjBAsrid1kUidIdTaET61O_UGlciH0YoFoHsMKGqnXckFzmoyjQ7rwDjbr66ueVoQhEUKcAhYMWExtpLZSYUh4kn0wpByI1qwbJ0v7rWq-jIIr8nXk_wC1-DdQ/s1600/picture_not_available.png';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
<script type='text/javascript'>VAR NUMPOSTS = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 200;</script>
<script type="text/javascript" src="/feeds/posts/default/-/YOUR LABEL HERE?published&alt=json-in-script&callback=labelthumbs"></script>

Step 2 Sign In Blogger Account 

Go to your blogger sign in section and provide the correct logging in credentials to let you in.

Step 3 Go To Layout

After signing in your blogger account, Scroll down and select layout at the dashboard section

Step 4 Add A Gadget

Let's be keen here! Before we select or add a gadget, we have to choose where our preferred labels must appear. A blog always has four well-known sections, for example, content bar, sidebars, header, and footer bar.

Step 5 Click HTML/JavaScript

Although we are limited to accessing many blogger gadgets, the HTML/JavaScript gives access to as many add-ons without clutter.

Step 6 Paste The Code

Name your label as it appear on your Label lists then paste the code

Step 7 Click on Save 

A Complete Set-Up On How To Show Specific Labels In Blogger Layout

To make a complete set up on how to show labels in blogger layout, we sometimes find needless to stick to default set-up thus a prerequisite for configuration.

The red-colored elements are what you are going to edit. Continue reading for more information.

height:72px; /* Thumbnail height */
width:72px; /* Thumbnail width */

The size of your images(Thumbnails) attached to your relevant posts appears exactly on the homepage. However, this image is just an insight that brings more meaning to whatever you flaunt on your post. The size of these images is set to default hence for comfortability and the flexibility on the size of appearance allows you to edit.

The height is just the normal height you came across in mathematics but width is the extension of the pic perpendicular to height.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSFMsGiKh7duEjTKZ97hjBAsrid1kUidIdTaET61O_UGlciH0YoFoHsMKGqnXckFzmoyjQ7rwDjbr66ueVoQhEUKcAhYMWExtpLZSYUh4kn0wpByI1qwbJ0v7rWq-jIIr8nXk_wC1-DdQ/s1600/picture_not_available.png

This picture is a very good example when your article has no image therefore, this simple image appears like this one. You can create a no-image png with a full step by step guide but in the meantime, you can use the one on I have provided on my blog.

var numposts = 5

This is quite self-explanatory. Therefore, it instructs our code to show 5 labeled posts but you can choose the number of your posts by the label to any desired numeric.

YOURLABELHERE

This is the first step you would consider when you setting up at the very first phase. We have just decided to follow the order of appearance as not to confuse you. Your label is also your category

Read More