Blogger Template Responsive Or Mobile Friendly Kaise Banaye

Friends ye toh aap jaante hi hai ki Smartphone ke aane se maximum user
net surfing mobile browser par hi karte hain. Isliye blogger ke liye
jaruri hai ki blogger template responsive or mobile friendly hona
chahiye.

Blogger Template
Mobile Friendly
Kyon Hona Chahiye

Web browser normally site ko desktop view me open karte hain jisse
hamari site ya blog ka view desktop par toh best tarike se open hota
hai jisse visitor easily blog post ko padh sakte hain. Link par click
kar sakte hain.

Lekin jab yehi blog mobile browser se mobile par open hota hai tab bhi
desktop view me open hota hai jisse post ka kuchh matter screen se out
ho jaata hai ya fir merge ho jaata hai. Or kabhi kabhi internal link
par click karne se link open nahi hota hai. Jiski wajah se blog
traffic kam hota hai or bounce rate badhta jaata hai.

Isliye jaruri hai ki blogger template responsive or mobile friendly
hona chahiye jisse hamara blog sabhi screen resolution me fit ho jaata
hai or mobile par exact look najar aata hai.

 

blogger template responsive or mobile friendly

Blogger Template
Responsive Or Mobile
Friendly Kaise Banaye

Apne blog ko sabhi screen par fit karne ke liye ham template ko
responsive bana sakte hain. Mobile friendly template banane ke liye
hamare pass 2 option hain.

Option 1. Use Default Mobile Friendly Template

Blogger plateform par already default responsive template available
hote hain hame bus un template ko activate karna hota hai. Template ko
activate karne ke liye ye process follow kare

Blogger par login karke dashboard open kare.

Template par click kare.

Mobile ke neeche gear icon par click kare.

blogger template

Jahan par “Yes show mobile template on mobile devices” likha hua hai
us par check box me click kare.

Save button par click karke save kar dey.

blogger template

Save karne ke baad apka blogger template responsive or mobile friendly
ho jayega. Jisse reader easily apke content ko padhenge jisse blog par
traffic bhi increase hoga.

 

 

Option 2. Make Manually Responsive Template

Mobile site banane se behtar hai ki ham template ko responsive banaye
kyonki responsive template sabhi device par same content show karte
hai. Jabki mobile site aisa nahi karti hai.

Agar aap upar diya gaya Option 1 select karte hain toh apke blog ki
design ya theme mobile devices par alag or desktop par alag show hogi
isliye me apko option 2 raha hun jisse apka template responsive ho
jayga or sabhi screen resolution par same theme show hogi.

Lekin option 2 ke liye apko Html or CSS coding ka thoda knowledge hona
jaruri hai. But aap ye mat sochiye ki agar apko coding ka knowledge
nahi hai toh aap ye nahi kar payenge, ho jayega only thoda difficult
rahega.

Ye process follow kare

Blogger dashboard par jaakar template par click karke Edit HTML par click kare.
Dashboard >> Template >> Edit HTML

Ab apke saamne template coding open ho jayegi. <head> search karke
uske neeche ye paste kare.

<meta name=”viewport” content=”width=device- width,initial-scale=1,
maximum-scale=1″/>

Iske baad niche diye gaye code hame css file me add karna hai.

Blogger dashboard open karke Template par click kare.

Customize par jaakar Advanced tab par click karke Add Css par click kare.
Dashboard >> Temptlate >> Customize >> Advanced >> Add Css

Ad css file me ye code copy karke paste kare

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

(Is coding me aap width apne according change bhi kar sakte hain.)

“Apply to blog” tab par click kare.

Final Words

Ye process complete karne ke baad apka blogger template responsive or
mobile friendly ho jayega. Or me apko ye bhi bata dun ki responsive
template SEO ko bhi effect karte hain or page loading time bhi kam
rehta hai.

In tips ke alawa aap ke pass bhi responsive template banane ki tips ho
toh jarur share kare.
Letest post ke liye subscribe karna na bhule.

qureshiinfotech
Hi friends welcome to my blog I am very pleased to help other people
so I start this blog. If you have any query about Blogging, Technology, SEO, Make Money Online Tips, Adsense, Affiliate Marketing, Wordpress
etc. so you contact me any time on fb.com/qureshiinfotech and on twitter.com/qureshiinfotech

Comments

  1. By Surai

    Reply

    • Reply

      • By Suraj

        Reply

        • Reply

  2. By Suraj

    Reply

    • Reply

  3. By Suraj

    Reply

    • Reply

  4. By sourabh

    Reply

    • Reply

  5. By Ravikant kumar

    Reply

  6. By Ravikant kumar

    Reply

  7. By Ravikant kumar

    Reply

    • Reply

Leave a Reply

Your email address will not be published. Required fields are marked *