Blogger BlogSpot blogs are becoming extremely old-fashioned in terms of designing and optimizing although Blogger does allow you to enhance freely in your main website template, but it doesn’t have that many features in their Mobile Templates. These days everyone prefers to use Smartphones, so it’s getting extremely essential to optimize your website for mobile users. If the ratio of your mobile users is superior to your desktop users, then you have to develop a Mobile responsive template for your Blogger Blog this will not only increase your reliability, but your main mobile audience could take breath effortlessly with your Friendly mobile template. Do you still think it is impossible to optimize Blogger BlogSpot Blogs for Mobile users? Then all these clutching questions would be answered when we will create a Customized Mobile template for our Blogger BlogSpot Blogs.
Analyzing OLD Blogger Mobile Theme Functions:
Before we get on with our tutorial let us look at our existing Mobile template for our Blogger Blog, in the subsequent screenshot, you can easily determine that the excellence is not up to the mark and the designing is not according to the expectation. Moreover, it looks dull and lacks the inspiration which is extremely crucial to engage mobile visitors. Blogger has 7 built in mobile templates but unluckily they are identical to each other, which make it quite useless.
How to Build a Customized Responsive Mobile Website on BlogSpot Blog:
This whole tutorial is extremely straightforward, and would hardly take 20 minutes to design a perfect mobile responsive template for your BlogSpot blog. Moreover, you don’t need to learn HTML, CSS or JavaScript coding to design a Mobile-friendly template for your blog because we can handle each and everything with the help of a platform called GOMO an initiative of Google.
GoMo by Google Get Ready To GO MO:
GoMo and DudaMobile have come together to make your desktop blog more powerful and mobile-friendly. Do you know almost 70% mobile users abandon a mobile site only because of its designing and less responsiveness? Do you own a blog and want to create a friendly mobile responsive theme then you have come to the right place to get started.
Getting Started With your First Ever Mobile Responsive Template:
Step#1 Getting Started:
Step#2 Claim your Website:
Step#3 Selecting the Type of your Site:
Step#4 Choosing a Flawless Mobile Theme:
To select a theme for your mobile-friendly website just double click on any template and it will be applied to your interactive live preview. The interactive preview allows you to test your mobile theme directly from your desktop. You can navigate through different pages and can test out each and every feature from top to bottom.
Now after testing out your theme on live preview it’s time to customize the color scheme of your mobile theme, so it looks identical to your Desktop version website Press next and move ahead.
Step#5: Customizing and Stylizing Your Mobile-Friendly Theme:
- Edit Header & Logo: When you will select “Header & Logo” tool a new widow will pop out from where you can customize your header or logo. You can either use Image Logo or can use Text based logo according to your needs.
- Blog Homepage: If you want to change your background color or you want your customized background image then you can use this tool and can make your mobile theme more powerful in designing.
- Blog Post: Using this tool you can change font size, background color, the color of your main post heading and much more.
- Blog Comments: If you don’t have an interactive commenting system your visitors will never leave a comment so this tool will allow you to customize your comment style. You can change color, add avatar and much more.
- Footer: As we all know Footer is the place where we give credits to the developer of the website so you can use it for that purpose. However, you can also use it to increase your width and height and much more.
Now After customizing your theme according to your needs go ahead and press Next button and you are almost done!
Step#6: Register Your Free Account:
Now enter your email address along with your password to register your Free account and Press Save My Site button to move to the next step.
Step#6: Redirecting Your OLD Mobile Site To New Mobile Friendly Site:
Now you will be provided with the link where you can preview your mobile site with different mobile operating system i.e. Android, iPhone, Windows Mobile and Blackberry. Now Scroll down and you will see a button which says “SETUP MY MOBILE WEBSITE REDIRECT” just press it and move to the next step.
- Now a new page will be opened now scroll down once again and you will see a chunk of JavaScript coding just Copy it with CTRL+C.
- Then Go to Blogger.com >> Template >> Edit HTML >> Proceed
- Now Search For <head> and just below it paste the code which you copied earlier and then save your Template.
That’s it your Customized mobile template is implemented to your Blogger BlogSpot blog. Now Go and enjoy playing with your mobile website on your Smartphones.
No Responses to "HOW TO CREATE A CUSTOMIZED MOBILE FRIENDLY WEBSITE FOR BLOGGER BLOGSPOT"
Posting Komentar