Showing posts with label Design. Show all posts
Showing posts with label Design. Show all posts

Last Updated: 11 April 2018

Hello friends... Is post me ham apko wapka website me CSS code kaise lagaye ye batayenge. Hamne pahle hi post kar ke ye bata diya tha ki CSS code wapka.mobi website designing ke liye kitni important hai. To aap pahle us post ko padh lijiye. Kyunki usi post me hamne apko do best wapka CSS code diye the. Pahle ap is post ko padh lijiye. Or apko konsa code set karna hai. Vo tay kar lijiye. Kyunki un dono me se ek hi code set karna hai. To pahle CSS code ka chunav karna jaruri hai.
wapka-website-css-code-kaise-lagaye
Ab agar apne vo post padh li hogu. To ap site designing ke bare me thoda bahut jaan gaye honge. Lekin agar nahi jaan jaan paaye ? To ham kuchh or chijen bata de rahe hain. Kyunki is mamle me kai wapmaster confuse ho jate hain. To ham thodi si confusion door karne ki koshish karte hain.

Wapka.mobi website design tips:

  1. Pahli chij ki design ka pura control apke hath me hota hai ki ap usko kaisa dikhana chahate hain.
  2. Or design bhi do tarike se hoti hai. Ek global designing, dusri on-page designing.
  3. Global designing matlab ki ye design pure website ke har page me ek jaisa hi dikhega. Jaise header or footer design dikhta hai. Favicon bhi pure site ke sabhi page par show hota hai. Ye hi main designing hai.
  4. CSS code bhi wapka.mobi website ko globally design karta hai. Yaani ki pure site ke page ko ek-ek kar ke design karne ki mehnat nahi karni padti.
  5. Site bana lene ke baad apko pahle ye do chijen karni chahiye. Uske baad apka kaam thoda aasan ho jayega.
Or ab apko CSS code set karna chahiye. To aaiye apko CSS code set karne ki jankaridete hain.

Wapka.mobi website me CSS code kaise set kare:

Sabse pahle apni wapka.mobi login kijiye or website select kijiye.
wapka-admin-mode
Ab admin mode par jaiye. Padhe Admin mode kaise open kare.
wapka-website-global-settings
Ab ap Global settings select kijiye.
Wapka-website-head-tag-meta-style
Ab ap aise page me aayenge. HEAD tags (meta.style,...) select kijiye.
wapka-website-submit-css-code
Ab upar wale box CSS code paste kijiye. Or set par click kijiye. Aapka code set ho chuka hai.
To friends ab ap jaan gaye hain ki wapka website me CSS code kaise lagate hain. Or sath hi website designing ki bhi kuchh knowledge ho gayi hogi. I hope post apko achchhi lagi hogi. Is post ko jarur shere kare. Or koi problem hone par comment me puchhe.

Last Updated: 05 April 2018

Hello friends... Is post me ham apko wapka site design karne ke liye best CSS code denge. Jab se wapka me purane codes work karna band kar diya hai. Tab se kai wapka webmaster ko, site design ke liye CSS code milna bahut mushkil ho gaya. Or agar koi code mil bhi jata hai. To uski style shayad apko pasand naa aaye.
wapka-design-best-css-code
Lekin is post me ham apko 2 best CSS code for wapka designing ke liye denge. Or unki khoobi bhi batayenge.

Wapka CSS code ki importance:

Aap me se jyadatar log sochate honge ki wapka site design karne ke liye CSS code lagane ki kya jarurat hai ? Jab ham wapka me hi classes setting kar ke hi wapka site design kar sakte hain. Lekin aisa nahi hai. Sare hi classes ke design ko finishing tach CSS code lagane ke baad milta hai. Kyonki isake bina sare classes kinare se kate-chhate dikhai dete hain.Apme se jyadatar log wapka website classes create nahi karte hain. Sirf isaliye kyonki vo classes kinare se kate chhate hote hain. Isaliye vo dusre website se classes code lekar apne site me add karte hain. Or vo dikhne me bahut achha lagata hai. Aisa isaliye hota hai. Kyonki classes code dene wali websites, apko pahle CSS coding karne ke liye bolti hai. Vo code lagane ke baad, ap class code lagate hain. Isaliye vo classes website me achchi dikhti hain.

Best wapka CSS code for wapka design:

Ham apko 2 best CSS code de rahe hain. Ye dono hi code apke apke banaye hue classes ko full support karegi. Or ap jaisa chahe, waisi wapka site design kar sakte hain.

First CSS code:

Is code me ap jaise classes create karenge. Website me vo classes thik waisa hi show karenga. Matlab ye apki classes wapka designing ko full support karta hai.
<link rel="stylesheet" type="text/css" href="http://mycssworld.xtgem.com/css/RankMaza.css" media="all,handheld"/>

Second CSS code:

Wapka site designing ke liye. Ye best CSS code hain. Is code me ap kuchh colours html code ko change bhi kar sakte hain.
<style type="text/css">#body{background:#ccc;padding:3px;}#border{border:0px solid #ccc; background: #fff !important;}#bb{border-bottom:0px solid #ddd;padding:7px;}#header{font-size:20px; font-weight:bold;border-bottom:1px solid #ddd;padding:8px;color:#000;background-color:#f5f5f5}#header a{color:#000;}.dot2 {border-bottom:0px dashed #fff; border-top: 0px dashed #ccc;margin-bottom:5px; margin-top:5px;}.paging {margin: 0px; font-size: 0px; }.dot {border-bottom:0px dashed #fff; border-top: 1px dashed #ccc;margin-bottom:3px; margin-top:5px;}#mainh h3{background:url(http://trickzoy.xtgem.com/OSC/RiadSoft/Icon/Grid.png)right 5px center no-repeat,#077a89; margin:0;padding:9px 5px 9px 9px; text-align:left;color:#fff; text-shadow:0 1px #272727;}h1 {font-size:24px} h2,h3,h4,h5,h6 {font-size:14px}.clear {clear:both}.frame {background:#fff; padding:2px; border:solid 1px #cecece; border-radius:2px}#mainm h3{margin:0;padding:9px 5px 9px 9px;background:#f5f5f5;color:#fff}.frame { background: #fff;padding: 3px; border: solid 0px #ccc; } .menu a:link,.menu a:visited{color:white;} .menu{ background: url(http://wapkaimage.com/4395/4395412_0581f19798.png); padding: 5px; border-bottom: solid 3px #f7cb29; color: white; border-top: solid 0px black; }body { background:#fff; color:#444; font-size:small; font-family:"Trebuchet MS",Arial; margin: 0px auto; border: 0px solid#306EFF; -moz-box-shadow: 1px 1px 2px 3px #eee; -webkit-box-shadow: 1px 1px 2px 3px #eee; box-shadow: 1px 1px 2px 3px#eee; } a { text-decoration:none; color:#306EFF; } a:hover { text-decoration:underline; }input, textarea, select { margin: 1px 0; padding:4px; border: 0px solid #E6E6E6; background: #FFFFFF; color: #757575;}input:focus, textarea:focus, select:focus { outline: 0;}input[type="submit"] { border-color: #62C7EF;background: #62C7EF;color: #fff;outline:0;font-weight:bold;text-align:center;padding:4px;cursor:pointer;} input[type="submit"]:hover{background:#009EFF;border-color:#009EFF;}.title { color: #fff;font-weight: bold;background: #d63737 url(images/login.gif) repeat-x;border-top: 1px solid #f59595;border-bottom: 0px solid #ba2828;padding: 5px;} .title a{ color: #fff; }.black {color: #fff;font-weight: bold;background: #000000 url(images/login.gif) repeat-x;border-top: 1px solid #f59595;border-bottom: 0px solid #ba2828;padding: 5px;} .black a{ color: #fff; }.success { color: #444;padding: 5px;background-color: #ebf8a4;background-repeat: no-repeat;border-top: 1px #ffffff solid;border-bottom: 1px #e8e8ea solid;text-weight: bold;}.success a{color:#444} .mverify { border:1px solid #ececec; padding:3px; color:green; background:#FFFFCC; margin:1px; } .error { border:0px solid #ececec; padding:3px; background:#FFccff; margin:1px; color:red; text-align:center; } .tbl{border-bottom:0px solid #C2C2C2;border-left:0px solid #C2C2C2;border-right:0px solid #C2C2C2; padding:3px;text-align:center;color: #00A0FF;} .tbl2{border:0px solid #C2C2C2; padding:3px;text-align:center;background:#ececec;color: #00A0FF;} .tborder { color: #444;padding: 4px;background: #f5fcff;background-repeat: no-repeat;border-top: 0px #ffffff solid;border-bottom: 1px #e8e8ea solid;text-weight: bold;} .border { border: solid 1px #fc0;background-color: #fffcdd;margin: 1px;padding: 4px;color: #000;font-weight: bold;text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0; } .border3 { background: url(images/r.png) repeat-x#edf6fe; color: #67b6ff; text-shadow: 1px 1px 1px #fff; padding: 4px; display: block; border-top: #fff 0px solid; border-bottom: #e4edf5 1px solid; } .border2 a{color:#444;}.logo { background-image: url(images/logo_bg.gif);background-color: #5F0704;padding: 5px;text-align: center;color: #fff;}.logo a{color:#fff;} .logo_old{ background-color: #520029; padding: 4px; text-align: center; background-image: url("images/logobg.png");}.menu { background:url(images/menu.gif) repeat-x top #fff; border:0px solid #ececec; padding: 4px; font-weight: bold; }img {vertical-align:middle;border:0;} .page { border: solid 0px #fc0;background-color: #fffcdd;margin: 1px;padding: 4px;color: #000;font-weight: bold;text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0; } .login { background:#ff6600; padding-top:2px; padding-bottom:2px; padding-left:10px; padding-right:10px; color:white; border:1px solid #ff4400; } .login a:hover { text-decoration:none }li { padding: 2px; }x{color: #CC3300; } </style>
👆 Is code me ap color codes change karke, pure designing ko change kar sakte hain. Jo red color me hamne highlight kiya hai. Vo main color hai.
isme ap jo bhi color change kare. Use check kar le ki vo kitani bar hai. Jitani bar ek color code ho. Use utni hi bar change kare.
To friends... I ki ab ap achche se wapka design ke liye CSS code lagane me problem hogi.

Last Updated: 10 February 2018

Hello friends... Is post me ham Subscribe to: Posts (Atom) or Subscribe to: Comments (Atom) ke baare me baat karenge. Ye kya hai or ise kyu hataye ? Ye sab janenge. Subscribe to: Posts (Atom) sare posts ke niche dikhai deta hai. Or Subscribe to: Comments (Atom) comment box ke upar hota hai. Ye Hamare blog ko, koi nuksaan to nahi pahuchata. Par blog ka look kharab kar deta hai. Iski madad se visitors hamare post or comment ko aasani se subscribe kar sakte hain. Lekin agar ap ise hata bhi de. To subscribe karne ke liye. Ap apne blog me feed burner laga sakte hain. Jisase apke blog ka look bhi achcha hoga or visitors apke blog ko subscribe bhi kar payenge. Blog ko achcha dikhane ke liye ham Naya template download karte hain.Favicon change karte hainQuick edit icons hatate hain. Navbaar off karte hain. Or Powered by blogger hatate hain. Blog ko achcha design karne ke baad. Sirf Subscribe Atom ki wajah se blog ko kharab nahi kar sakte. To ise hide karna hi hamare blog ke liye sahi hai. To ab baat karte hain ise hatane ki. Ise chupane ke do tarike hain. Dono hi tarike CSS code se Subscribe (Atom) hatane ki hai.

Subscribe to (Atom) kaise hataye, Pahla tarika:

Blog me jaiye. Template. Edit HTML par click kare.
Ab kahin bhi click kar ke, Ctrl+f daba kar. Ye ]]></b:skin> code kare. Or isi code ke upar ye .feed-links {display: none !important;} code paste kar dijiye. Ab template save kar dijiye. Atom link hide ho jayegi.

Dusra tarika.

Yahan bhi apko template me jaa kar CSS code delete karna hoga. Kahin bhi Ctrl+f bada kar ye 

<b:include
data='feedLinks'name='feedLinksBody'/>

Code delete kar dijiye. To apka Atom hat jayega blog se. 

Kisi bhi tarah ke paresani hone par comment me puchh sakte hain. Ap chahe to hamare Facebook page par post karke bhi madad mang sakte hain.
Hello friends... Wapka se jude is post me aj ham apko, wapka ka footer page kaise design kare ? Ye batayenge. Sath hi footer me kya-kya hona chahiye ? Ye bhi pure vistaar se batayenge. Puri post dhyan se padhe.

Wapka footer page me kya-kya hona chahiye:

Jab ham wapka website banate hain. To hame pahle uska header or footer design karna chahiye. Kyuki header or footer me ham jo bhi design karte hain. Vo apke banaye hue, har page me automatic show hoti hai. Iske bare me hamne vistaar se is "wapka header-footer kya hai" post me bataya hai. Ap padh kar samajh lijiye.
Ye dekhiye. Ye meri website ka footer hai. Yahan jo bhi page, code hamne lagaye hain. Ye sab meri website ke har page me automatic show karti hai. Sabse upar jo option hai. Vo option wapka site menu me jaa kar set karte hain. Fir ye option apke har page par show hoga. Lekin ye sirf apko dikhega. Kyuki ye ek shortcut hai. Ise kaise enable kare ? Ye janane ke liye. Ye post padhe.

  1. Contact Us page banana bahut jaruri hai. Kyuki contact us page ke bina. Koi bhi apse sampark nahi kar payega. Or hamare visitors se hamara contact hona bahut jaruri hai. Padhe: new page kaise create kare ?
  2. Disclaimer page hona bhi bahut jaruri hai. Isake hone se ap jyadatar kaanun ke jhanjhato se bach sakte hain. Or mera kahna hai ki ap apni website ke disclaimer page khud se hi banaye. Padhe: page ke bagal me new page kaise banaye ?
  3. Ye ek code hai. Back | Home | Top ka. Ye bhi mere khayal se hona bahut jaruri hai. Kyuki isase visitors ko suvidha hoti hai. 
  4. Copyright © All Rights Reserved hona bhi bahut jaruri hai. Isase apko apni website ka copyright milta hai. Kyuki apni website par ap khud se mehnat karte hain. 
  5. Har chij ke pichhe, apko jo design dikh raha hai. Vo classes hai. Padhe: class kaise set karte hain ?
To ye kuchh chije hain. Jisko hamare website ke footer me hona hi chahiye.

Wapka website latest update or more update me antar janiye.
Wapka automatic latest update code kaise lagaye.

Wapka footer page kaise design kare ?

  • Wapka login kijiye.
  • Site select kijiye.
  • Admin mode me jaiye.
  • :: EDIT SITE (#) :: me jaiye.

Ap Add autoconten me jaiye.

Ab apko Bottom items (footer) me jana hai.


Apko aisa page milega, bilkul khali. Ab ap :: EDIT SITE (#) :: me jaakar apna footer design kijiye.

Back | Home | Top code:



Copyright © All Rights Reserved code:



Kuchh tips:

  • Agar apko direct hi page banane me problem ho rahi hai. To ap kahin bhi Contact Us or Disclaimer page banaiye. Lekin admin mode par. Fir us page ke link ko, ek code me edit kar ke, WML/XHTML code me jaa kar set kar dijiye. 
  • Online counters bhi footer me lagaye.
  • Agar ap add lagate hain. To ye bhi footer me lagana faydemand hota hai. 
  • Ap kisi bhi setting par class jarur set kare.
  • Ap footer me sitemap bhi add kar sakte hain. 
Hame umeed hai ki ab ap achche se footer design kar payenge. ☺
Blogger-website-me-header-image-kaise-lagate-hain

Hello friends...
Aj is post me ham apko batayenge ki blog website me header logo (image) kaise lagaye. Pichhali post me hamne aapko bataya tha ki, kaise ap bina image editing seekhe bhi ek stylish logo bana sakte hain. Agar ap logo banana nahi jante. To ye post padhe header logo kaise banaye.