Apna Customized Template ki Width ko Increase kara

Log hamasa apna blog ki looking pr jayada dhayan data h q ki ager app apna blog ki looking dusra blogs sa alag aur batter rakhta h to app ka blog ka taraf log akarcit(Attract) hota h jissa appka blog ki tariff badti h isi liya mai apna blog ma taraha tahara ka WebsiteDesign sa related articles ko post karta rahata hu.

To aj v mai apna iss post ma WebsiteDesign sa related hi ak topic ka uper bt karna wala hu jisska nam h kaisa app apna Customized template ko edit kar ka usski Width ko bada sakta h.

Also Read:Apna Android Smart Phone Ko Root Kaisa Kara

Customized Template kisa kahata h:

Jab app blogger ma apnakhud ki Website banata h to uss website ka liya blogger ki taraf sa kuch template already appka blogger account ma hoti h jo na hi Good looking aur na hi SEO friendly hoti h iski width to app change kar sakta h.

Laki jab app koi dusra template Internet sa download karta h apna blog ka liya to wo good looking aur SEO friendly v hoti h issa hi Customized Template kahata h. Lakin app iski Width ko change nhi kar sakta h.

Lakin mai kuch Tricks batata hu jiski madat sa app uss customized template ki v width ko change kar sakta h.

Also Read: YouTube sa Paisa kaisa kamaya.

Width badana ka fidha(Benefits):

1. Appka Blogs ki picture big area ma dikhagi.

2. appka blog clean hoga jisska wajaha sa app jayaga gadget ko apna blog ma laga sakta h.

3. Purana browser jaisa IE 6 ma appki blog full screen ma open hogi.

 Also Read: Apna Blog ma Google Custom Search Box ko add kara

To ab app samaj hi gaya honga ki customized template kisa kahata h. To ab mai appko batata hu ki kaisa app apna uss customized template ko kaisa edit kar ka uski width ko badaya bs app mara steps ko follow kara.

Steps for increase Customized Template Width:

Note: Nicha ka steps ko follow karna sa pahala app apna blog ki template ki Backup la la q ki ager kuch v problem hua to app uss problem ko backup ka dawara thik kar sakta h.

Step 1: Sabsa pahala app apna Blogger Dashboard>>Template>>Edit HTML ma jaya.

Step 2: Ab app <b:skin> ko CTRL+F dabaka search kara.

Step 3: Jab appko <b:skin> mil jaya to to app uska niche Outer Wrapper, Main Wrapper aur Sidebar Wrapper jaisa code ko payanga niche Example v dakta.

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Outer Wrapper= Ya appka pura blog ka width ko define karta h.

Main Wrapper= Ya appka Post ki width ko define karta h.

Sidebar Wrapper= Ya appka Sidebar ki width ko define karta h.

Step 4: Ab appko man lo Outer Wrapper ki width ko badana h to app 660px ko hat aka issa jayada jaisa 900px kar da aur template ki preview dakh sa ussa Save Template kar da.

Note: Save template karna sa pahala Edit ki hui template ki preview jarur dakh la.

Appko alag alag Customized Template ma taraha taraha ki Width size milagi isiliya ager app ager uss width sa khus  nhi h to app iss post ki madat sa khud hi usski width bada sakta h.

Also Read: Template ko compress kar ka Website speed Badaya

Agar apko ya blog sa related aur v kuch jankari chaiya to please comment kara aur ager ya post acchi lagi ho to issa share jarur kara.

Tags : #Blogger#Website Design

Share This :

Unknown