Blogger Site Ko Fully Seo Friendly, Responsive,Mobile Friendly Kaise Banaye - Hindi Me Janiye
Dosto aaj main aapko batauga gi ki blog site ko different media screen size ke hisab se apni blogger site ko kaise responsive banaye. Screen media ke hisab se aapni site ko responsive banana bahut hi jaruri h.
agar aapki site responsive nhi h to search engage me top list me shamil nhi hoti. Aapke visiters bhi kam hote h. Blogger site ko responsive banane se aapki site sabhi prakar ke Smartphone,laptop, Mobile,Computers me achhi
deekhati h. But sabse badi problem ye h ki usko mobile-friendly banaye kaise.Chaliye jaante h Hindi me step-by-step.
Ye Bhi Janiye Hindi Me Step-By-Step
Blogger Site Ke Templates Ko Mobile-Friendly Kaise Banaye
Aap apni site ko 2 prakar se mobile friendly bana sakate h.
1. Pahale apne blog ke dashboard me jaye baad me Template pe click kare our phir mobile setting pe click our apna default templates choose kare. Our phir save kare de. Ab aapka template fully mobile-friendly h. But iska
design itana achha nhi h. Isliye jayater blogger user ise choose nhi karte. Vase me aapko bata deta hu ki blog me user design ko nhi balaki content ko pasand karte.
Ye Bhi Jaaniye Hindi Me Step-By-Step Blogger Post Title ko SEO Kaise Banaye
Ye Bhi Jaaniye Hindi Me Step-By-Step Powered-By-Blogger Kaise Remove Kare
2.Ab main aapko dusra tarika batata hu ki apni blogger site ko mobile friendly kaise banate h.
Is tricks me aapko apni site ke HTML code ko edit karna h to thoda time lag sakata h. pahle apne templates ko backup kar le taki koi mistake ho to dubara se apne templates ko upload kar sake. Pahle apne
blogger ke dashboard me jaaye phir tempates our baad me HTML par click kare. Ab aapke samne aap ki site ke sabhi HTML code h.
Ab apne html me '<head>' code ko search kare. Our baad me is code ke niche ye code put karne h .
<meta name='viewport'
content='width=device-
width,initial-
scale=1.0,minimum-
scale=1.0,maximum-
scale=1.0'/>
content='width=device-
width,initial-
scale=1.0,minimum-
scale=1.0,maximum-
scale=1.0'/>
ye code put karne ke baad aap is code ko search kare ]]></b:skin> our phir aapko is code ke upper ye code put karne h.
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 1024px) { }
#outer-wrapper { }
#header-wrapper{ }
#main-wrapper {}
@media only screen and (max-
width : 1024px) { }
#outer-wrapper { }
#header-wrapper{ }
#main-wrapper {}
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 1280px) { }
@media only screen and (max-
width : 1280px) { }
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 768px) { }
@media only screen and (max-
width : 768px) { }
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 480px) { }
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 640px) { }
@media only screen and (max-
width : 640px) { }
/*Hindi Me Jaaniye Step By Step Apni Site Ko Mobile-Friedly Kaise Baanaye*/
@media only screen and (max-
width : 320px) { }
@media only screen and (max-
width : 320px) { }
Ab is sabhi code me { }is option me apko apni site ki <div class> ko edit karke apne hisab se unki width ya height bada sakate h. Main ek example dekar batata kase
edit kare
@media only screen and (max-
width : 640px)
width : 640px)
{#main-wrapper { width: 100%; padding: 0px; margin: 0px; float: none; }}
Is prakar sabhi option me apne code ko edit karna h. Koi problem aati h to help lena na bule comment ke jariye.