Sunday, 26 February 2017

How To Make Blogger Blog Mobile Friendly

February 26, 2017 12 Comments

How To Make Blogger Blog Mobile Friendly

Friends to day I am going to teach you that how can you make your blog or BlogSpot complete mobile friendly. As you know that in this generation mostly smart phones is using for internet. That’s way you must need to know about making your blog or website complete mobile friendly. In this post I will show the simplest procedure to make your blogger or Website complete mobile friendly.

As I told you in upper paragraph about smart phones using in this generation. If your blogger or website is not mobile friendly. Then Google is also not crawling or indexing your website or blog very well. And mostly search engines indexing those website or blog. Which are mobile friendly? To make your blogger or website mobile friendly.
During template choosing keep it in you mind below steps.

Choose Mobile Friendly Template.
Open a Demo of template before choosing template.
And Test it by clicking here.

Step # 1

Follow these steps to make your blogger Mobile Friendly.

First of all Login to your desire blogger dashboard.
Go>> Template>Edit Html.
After Clicking edit html a new page will open that is template code area.
Now click any where in the code area and Press Ctrl + F for search box,
And Find <head> and past the below Meta below /After the tag.
Again find </head> and past the below Meta below / After the tag.
And then Save Template.

<meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0'/>

STEP # 2

Now past Css code to make you blogger blog mobile friendly.

After completing upper process and back or again
Go>>Template>customization.
After clicking on customization a new page will open.
Here will a lot option.
Select Advance setting. A Css box will open.
Now Past here the below Css Code and Click On Apply Blog.
Now you done it...!
As i given a screen shoot
Css Code To make your blogger mobile friendly.

/* Laptops and Desktops */
@media only screen and (max-width : 1280px) {
/* The following css will be rendered if device width is less than 1280px */
}
/* Tablets (Landscape) */
@media only screen and (max-width : 1024px) {
/* The following css will be rendered if device width is less than 1024px */
}
/* Tablets (Portrait) */
@media only screen and (max-width : 768px) {
/* The following css will be rendered if device width is less than 768px */
}
/* iPhones */
@media only screen and (max-width : 640px) {
/* The following css will be rendered if device width is less than 640xpx */
}
/* Mobiles */
@media only screen and (max-width : 480px) {
/* The following css will be rendered if device width is less than 480px */
}
/* Small Mobiles */
@media only screen and (max-width : 320px) {
/* The following css will be rendered if device width is less than 320px */
}

Step # 3

Follow These steps to make your blogger mobile friendly

First Login your desire Blogger Dashboard > Template.
Click the gear icon for the mobile.
Now select “Yes. Show mobile template on mobile devices.” and choose your theme.
Click the save button.

Final Words !
Thank you for following us if you face any problem in this post How To Make Blogger Blog Mobile Friendly or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.

Is this is tutorial is helpful ?
Need to know your opinion .
For Advertising Contact Us.
Admin Moqaddar khan salgary

civil engineering

12 comments:

Diva Rebecca2 July 2018 at 07:08
don't work
ReplyDelete
Replies
Mr Gbengz24 July 2019 at 05:17
mobile stuff is the soul of modern blogging especially if you want organic traffic on mobile. I have a new site which was opened today www.healthcentera.com and i believe , it wont take much time to blow
ReplyDelete
Replies
4unme6 November 2019 at 03:03
How can I scale an entire web page with CSS? on my website - www.dailyradiogk.com , can you guide me please.
ReplyDelete
Replies
Mr Gbengz2 May 2022 at 12:09
Good information. I can't forget this in a hurry iworkngr.jnfo
ReplyDelete
Replies
Anonymous6 March 2023 at 01:33
Delhi is a hub for digital marketing and SEO services in India, with many companies offering a wide range of services to clients. Some of the top SEO companies in Delhi include:
ReplyDelete
Replies
Daayur9 March 2023 at 04:03
Efeedsng.info. it's cool, I used it and it works
ReplyDelete
Replies
priyankamart.com12 March 2023 at 07:11
Search Engine Optimization (SEO) is the practice of improving the visibility and ranking of a website in search engine results pages (SERP) through organic means. It involves making changes to the website and its content to make it more appealing to search engines and improve its relevance to specific search terms or keywords. The goal of SEO is to increase organic (non-paid) traffic to a website from search engines, which can result in higher visibility, more leads, and increased revenue for a business.
ReplyDelete
Replies
priyankamart.com20 March 2023 at 03:47
There are many affordable SEO companies in India that offer a range of services to help businesses improve their online visibility and reach their target audience more effectively. Some of the most affordable SEO companies in India include:

ProPlus Logics
SATHYA Technosoft
Tech Data Web
Adhuntt Media
Indazo
ReplyDelete
Replies