Showing posts with label Wapka Design. Show all posts
Showing posts with label Wapka 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: 21 February 2018

Hello friends... Aaj ham is post me ye batane wale hain ki wapka website ke download page me related files list kaise dikhaye. Hamne aapko pahle hi download page design karne ke baare me bata diya hai. Lekin us post me hamne aapko related files lagaane ke baare mein nahi bataya tha. Jo ki download page ka ek bahut hi important hissa hota hai. Bina iske, download page ka design complete nahi ho sakta.
wapka-website-download-page-related-files-kaise-dikhaye
Wapka related files kaise lagaye
Related files asal me hamare us file se sambandhit doosri Anya files hoti hai. Jis file ko download karne ke liye user download page me aata hai. Yani ki usi category ki dusri files. Example -: apne sad song name ki category banai hai. Or usme bahut sare sad song upload bhi kiya hai. To agar un songs me se, ek bhi sad song ko koi download karne, download page me aayega. To related files list me baki ke sad songs ki list bhi dikhai degi. Jisase fayda ye hoga ki visitors hamari website me thoda jyada der rukega. Or isase hamari website ka traffic bhi badhega. Or traffic har website ke liye bahut jaruri hota hai.Related files lagane se pahle footer page or download page jarur design kar lijiye. Kyunki ye dono ka pahle se design hona jaruri hai. Isaliye pahle padhe -: footer page kaise design kare or download page kaise design kare. Ab agar apne dono pages design kar liya hai to ab batate hain ki how to add related files in download page on wapka site.

Wapka download page related files list kaise lagaye:

Friends related files lagana thoda mushkil hai or confusion bhara hai. Isaliye ham jaisa kahe, thik use hi follow kare. Bina kuchh soche samjhe. Warna ap confuse bhi ho sakte hain. Or dhyan se padh kar follow kare.
Kyunki apme se jyadatar log aadhi post padhakar hi, website me kaam karne lagte hain. Jisase baad me apko website me problem create hoti hai. To sirf screenshot dekh kar hi post ko na samjhe. Balki jo likha hai. Use padhiye or follow kijiye
Wapka related files lagane ke 3 steps hai. Har steps ko carefully follow kijiye.

Step 1 -:

Sabse pahle ap wapka website me jaiye or site select kijiye. Ab ap Edit Site » new page par jaiye. Related files naam ka new page create kare. Padhe wapka par new page kaise banane ke fayde.
wapka-related-files-page-create
Create page for related files
Ab apko aisa page milega. Apko home page me hi related files naam ka page create karna hai.
  1. Related files name likhiye. 
  2. In admin mode select kijiye. Kyunki ye page sirf related files list code lagane ke liye hai. Isaliye visitors ke liye open rakhne ki koi jarurat nahi hai. 
  3. Ab Submit kar kar dijiye. 
Page create ho gaya hai. 
wapka-submit-related-files-text
Add related files tect
Ab related files page me jaiye. Or Edit Site » Text me jaiye. Ap is page me dekh rahe honge sabse niche wright side, Site ID:91 likha hai. To apko apne related files page ki ID yaad rakhni hai. 
  1. Yahan par bhi apko related files hi likhna hai. 
  2. Align center select kijiye. 
  3. Font style bold select kare ya apni koi or favorite font select kare.
  4. Edited site select kijiye. Is option ke bare me janiye. 
  5. Yahan Top select kijiye. 
  6. Yahan class select kijiye. Jo apko lagani ho. Agar ap class ke bare me nahi jante hain. To padhe class setting kaise kare. 
  7. Ab submit kar dijiye. 
Header Text set ho chuka hai. Ab ap Edit Site » WML/XHTML code me jaiye.
Ab pahle wapka related files list code ko copy kijiye.

:list-music: cid=(), l=3, s=:get-number:, o=tu, n=folder is empty!, ::<div class="tou"><a class="touch" href="%viewurl%?fileDownload/%title%.html"><div><div></div><div><b>%title%.mp3</b><br /></div></div></a><hr/>:: :/list-music:</div></div></div>

Is code me jo touch likha hua hai. Vo asal me class code hai. To ap wahan apne class code daal dijiye. Or music ki jagah video, ya image likhne se, usi ki related files code ban jayegi. 
wapka-submit-related-files-list-code
Add related files code
Ap aise page me aa jayenge.
  1. Yahan wapka related files list code daliye. 
  2. Align left select kijiye. 
  3. Yahan class set kar sakte hain. Tab, jab code me class code na dala ho.
  4. Ab submit kar dijiye. 
Code lag chuka hai. Ab fir se Edit Site » Add autocontent me jaiye. 
wapka-related-files-top-and-bottom-setting
Set related files page too and bottom
Ab aise page me aa jayenge. Ab yahan image ke jaisi setting kijiye. 
  1. Is box uncheck ⬜ kijiye. (Yahan pahle ☑ laga hua hota hai. 
  2. Ise bhi uncheck kijiye. 
  3. Ab set exception par click kijiye. 
  4. Ab Bottom items (footer) par click kare. 

Step 2 -:

Ab ap footer page -2 me pahunch jayenge. Ab Edit Site » Copy items me jaiye. 
wapka-related-files-page-set-bottom
Set bottom related files page
Ab ap aise page me pahunch jayenge. 
  1. Ab footer ke sare item select kar lijiye.
  2. Yahan apne related files ki Site ID likhiye. (Ap only codes, text or images hi copy kar sakte hain. Page copy nahi kar sakte)
  3. Ab Copy items par click kar dijiye. 
Apke footer ke sare items related files page me copy ho jayenge. Apka dusra step bhi pura ho chuka hai. Ab aakhiri step baki hai. 

Step 3 -:

Ab apko download page par ek setting karni hai bas. Ab ap Content Manager » Guidelines » Set Unified displayed page for Music par jaiye.
wapka-set-download-page-bottom-content
Set download page bottom content
Ap Download page me pahunch jayenge.
  1. Bottom content me related files ki Site ID likhiye. 
  2. Ab confirm par click kare. 
To ab apka third step bhi pura ho gaya. Ab ap apne download page par check kar sakte hain. Apke wapka website me download page par related files list dikhai de rahi hogi. Koi dikkat hone par comment kare. 😊

Last Updated: 10 February 2018

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. ☺

Last Updated: 02 January 2018

Wapka-website-social-shere-icon-code-social-follow-icon-code-kaise-lagaye

Hello friends...
Is post me ham apko Wapka site me social share icon or social follow icon lagane batayenge or sath hi wapka social share link code or social follow link code bhi denge. Dono code apko yahi par mil jayengi.
Social share icon or social follow icon me kya fark hai ? Ye ham apko pichhali post me bata chuke hai. Isliye in dono icon ke bare batane me ham time west nahi karenge. Agar vo post nahi padhi. To pahle Ye post padhiye. Ab baat karte hain social icons ki. Friends ham social share icon or social follow icon, in dono ke hi 2-2 code laye hai. To jo code apke wapka site ke liye sahi ho. Ap us code ka prayog kijiye.



Wapka Social shear icon code:

Sabse pahle ap code dekh lijiye. Or us code ke fayde or nuksan dekh lijiye.

First code:

<a href="https://twitter.com/intent/tweet?text=SiteName&url=http://sitename.com/">Twitter</a> <a href="https://www.facebook.com/sharer/sharer.php?u=http://sitename.com/">Facebook</a> <a href="https://plus.google.com/share?url=http://sitename.com/">Google+</a>

Code result = Twitter Facebook Google+

Ye text share icon hai. Ise simple share button bhi kahte hai. Ise lagane ka fayda ye hota hai. Isase site ke loading me koi prabhav nahi padta. Or nuksan ye ki visitors ko jaldi nahi dikhate. Blog ke liye to ye code best hai. Lekin wapka ke liye. Is code me ek kami hai. Or vo ye ki, ye code wapka ke home page ko hi share karta hai. Bhale hi ap wapka site ke, kisi bhi dusre page ko share kare. Lekin share home page hi hoga.
Example: agar ap kisi song ke download page ko share karte hain. Lekin us share link me agar koi click karega. To vo sidha home page me hi pahunchega. Naki song ke download page par. Par Blog ke liye is code me koi kharabi nahi.

Second code:

<div class="addthis_toolbox addthis_default_style"><a href="http://www.addthis.com/bookmark.php?v=250&username=sitename.com" class="addthis_button_compact">SHARE</a><span class="addthis_separator">|</span><a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_myspace"></a><a class="addthis_button_google"></a></div><script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=sitename.com"></script>
Code result:

Ye social icon code hai. Jo mere khyal se wapka ke liye best hai. Isme bahut sare sharing option hai. Isme ap jo page share karna chahe. Kar sakte hain. Hame ye code bahut pasand hai. Ap shere par click kar ke check kar sakte hai.




Social shere code kaise lagaye:

Share button hamesha footer me achcha lagta hai. To ap footer me ye code lagaye. Padhe footer page kaise design kare.  Footer pag me jaiye. Fir :: EDIT SITE (#) :: me jana hoga. Fir WML/XHTML code me jaiye.

Wapka-social-shere-code-kaise-lagaye
  1. Yahan social share code rakhe. Jo code ap lagana chahte hain. 
  2. Ise aise hi rahne de. 
  3. Yahan left, center or right choose kare.
  4. Ise aise hi rahne de. 
  5. Yahan par position choose kare. Ki share button kahan par hona chahiye. 
  6. Sab set kar lene ke baad, submit kar de. 
Ab apka icon lag chuka hai. Ek baar test kar le. Sahi kaam kar raha hai, ya nahi ?

Ye to hui social share button ki. Ab baat karte hain. Social follow button ki. 

Social follow icon:

Facebook follow button code:

<iframe src="//www.facebook.com/plugins/follow.php?href=https://m.facebook.com/HindiMeSeekhe.tk&amp;width=450&amp;height=80&amp;colorscheme=light&amp;layout=standard&amp;show_faces=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Code result:

Ye Facebook follow button hai. Jisase apke users apko Facebook me follow kar payenge. Jitne me red color ka, mera Facebook page URL dikh rakh hai. Utne me apko apne page ka URL dalna hai. Fir apka code ready ho jayega. Wapka site me lagne ke liye.

Twitter follow button code:

<a href="https://twitter.com/HindiMeSeekhe" class="twitter-follow-button" data-show-count="true">Follow @HindiMeSeekhe</a><br /><script src="http://platform.twitter.com/widgets.js"<br />type="text/javascript"></script>

Code result:

Is code se users apko twitter par follow kar payenge. Apko do jagah code change karna hai. Jahan red color se hamne batayahai. Mera url or username hata kar apna rakh lijiye.

Ye dono to rahe alag-alag code. Par ham apko ek or code de rahe hain. Jisme bahut sare social follow icon hai.




All social follow code:

<style> #smisocialicons { text-align: center; } #smisocialicons a { background: #0000FF; color: #FFFFFF; display: inline-block; font-size: 16px; width: 30px; height: 30px; line-height: 30px; margin: 0 1px 8px; } #smiicons a:hover{ background: #hover-color; } </style> <div id="smisocialicons">
<a href="https://www.yoururl.com/" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="https://www.yoururl.com" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="https://www.yoururl.com" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="https://www.yoururl.com/" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="https://www.yoururl.com/" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="https://www.yoururl.com/" title="Youtube" target="_blank" rel="nofollow"><i class="fa fa-youtube"></i></a>
<a href="http://yoururl.com/" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="http://feeds.feedburner.com/yoururl" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
<a href="mailto:[email protected]/" rel="nofollow" target="_blank" title="Envelope-o"><i class="fa fa-envelope-o"></i></a>
</div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
Code result:


Isme apko pure 9 social follow icons milenge. Is code ki khas baat ye hai ki, is code ko ap apne CSS style ke color ke hisab se, is code ka color bhi change kar sakte hain. Color code ko hamne red color me likha hai. Yaad rahe. Agar ap dono color change karte hain. To apko ek color dark or ek color light me rakhna hoga. Tabhi icon najar aa payenge. Or ap jo social sites use nahi karte. Us social sites ka code remove kar dijiye. Apki suvidha ke liye. Hamne social site follow code ko alag-alag kar ke diya hai. Apko koi pareshani nahi honi chahiye. Apko har social follow code par, apna social follow url dalna hai. Koi jaruri nahi ki sare url www se hi suru ho. Apna url sahi dalenge. Tabhi code work karega.

Social follow button kaise lagaye:

Mere khyal se social follow icons hamesha header me hona chahiye. Jaise ki mere site ke header me, mere social icons hai. Apko bhi header me lagana chahiye. Iske liye bhi apko wapka header page me jaye. Header pag me jaiye. Fir :: EDIT SITE (#) :: me jana hoga. Fir WML/XHTML code me jaiye.

Wapka-social-follow-code-kaise-lagaya
  1. Yahan social follow code rakhe. Jo code ap lagana chahte hain. 
  2. Ise aise hi rahne de. 
  3. Yahan left, center or right choose kare.
  4. Ise aise hi rahne de. 
  5. Yahan par position choose kare. Ki share button kahan par hona chahiye. 
  6. Sab set kar lene ke baad, submit kar de. 
Agar ap apne page ka url nikalna nahi jante. To Ye post padhiye

Note: apne dekha hoga ki, ham har code green or red color me rakhte hain. Green color ke code ka matlab hai. Ki us code ko change nahi karna hai. Vo code thik hai.  Or red color ke code ka matlab hai. Ki wahan ap changes kar sakte hain. Lekin dhyan se kare. Kyunki ek bhi code agar remove ho gaya. To pura code bigad jata hai. 

Last Updated: 04 December 2017

Wapka-website-me-header-design-kaise-kare

Hello friends...
Wapka se jude is post me ham apko wapka website header design karna batayenge. Or header me kya-kya hona chahiye. Ye bhi batayenge. Sath hi kuchh tips bhi denge. ☺

Header kya hai:

Jab hamne pahli baar wapka website banai thi. Tab hame sabse jyada dikkat header or footer page design karne me hi hui thi. Par ap logo ko koi dikkat nahi hogi. Kyunki ham apko sahi tarika batayenge. Header page wapka ka vo part hai. Jahan ap jo bhi set karenge. Vo apke har page par automatic dikhai degi. Isliye ise samajhna or sahi tarike se design karna bahut jaruri hai. Header or footer ke bare me hamne is post me vistaar se bataya hai. Ap is post "Header or footer kise kahte hain" ko padh lijiye.



Header me kya-kya hona chahiye:

Pahle to ap mere wapka site ka header dekh lijiye. 

Wapka-website-ke-header-me-kya-kya-hona-chahiye

Ye dekhiye mera design kiya hua header. 
  1. Isme image or ek chhoti si description dikh rahi hogi. Ye hamne ek code ke jariye lagaya hai. Image ap direct bhi upload kar sakte hai. Lekin code ki madad se lagane par, website ka SEO bhi hota hai. 
  2. Ye social follow icon hai. Apke visitors ko bandhe rakhne ke liye bahut jaruri hai. 
  3. Ye date and time hai. Jyadatar webmaster wapka website me ye design lagate hain. Ye website ko achchha look deti hai. Ise kaise lagana hai. Ye janane ke liye. Meri ye "wapka me date & time kaise lagaye" post padhe. 
  4. Ye search box hai. Ye bhi hona jaruri hai. Website ko achchha look deti hai. 
  5. Ye social share icon hai. Ye bahut hi important hai website ke liye. Website ke visit badhane me sabse jyada madadgar hai.
Ye kuchh chije hain. Jo hamne apne header me rakhi hai. Lekin ap or bhi bahut sari chije rakh sakte hain. Jaise - link, ads, or kuchh important pages ko header me rakh sakte hain. 




Wapka header kaise design kare:

Ab ap samajh gaye honge ki Header me apko kya-kya rakhna hai. To ab header me jaiye or design kijiye. 
  • Wapka site login kijiye.
  • Apni site select kijiye.
  • Admin mode me jaiye.
  • :: EDIT SITE (#) :: me jaiye.
Wapka-website-add-autocontent

Ab apko Add autocontent me jana hai.

Wapka-website-top-items-header

Ap apko aisa page milega. yahan apko Top items (header) me jana hai.

Wapka-website-header-page

Apko aisa page milega, bilkul khali. Ab ap :: EDIT SITE (#) :: me jaakar apna header design kijiye. Yahan ap jo bhi design karenge. Vo apke banaye har page par dikhega.
Sabse pahle apne header ke liye ek logo design kar lijiye. Logo add karne ke do tarike hain. Agar ap image create nahi kar sakte. To ham apki help kar denge.
  • Pahla picture me jaakar image upload kar ke, add kar sakte hain.
  • Dusra image code ke jariye. Image code lagane ka fayda ye hai ki isase website ka SEO bhi hota hai. 
To agar ap header me image code lagana chahte hain. To pahle WML/XHTML code me jaye. 

Wapka-website-wml-xhtml-code

Apko aisa page milega. 
  1. Ham jo code denge. Vo yahan par daliye. 
  2. Ise aisa hi chhod dijiye. 
  3. Left, right ya center select kijiye. 
  4. Ise aisa hi chhod dijiye. Lekin is option ki puri jaankari pane ke liye. Ye post padhe
  5. Yahan place select kijiye. 
  6. Yahan par class select kijiye. Ye design ke liye hote hain. Ye option classes set kar lene ke baad aata hai. Classes kya hai or kaise set kare ? Ye janane ke liye, ye post padhe
  7. All users select kare. 
  8. Ab Submit kar dijiye. 




Wapka header image code.




Is code me apko kuchh chije, apni website ke hisab se change karne honge. Kya-kya change karna hai ? Ye hamne image me color mark kar ke bataya hai.
  • Green - yahan apko apni website ka naam dena hai. 
  • Yellow - yahan apko apna logo ya image ka URL dalna hai.
  • Red - yahan apko apni website ka description likhna hai. Ye description website par nahi dikhega. Ye google search me dikhane ke liye hai. Isliye soch samajh kar likhiye.
  • Blue - yahan par jo ap likhenge. Vo apke website par dikhai dega. Or sath hi google search engine bhi ise search karte waqt dekhega. Isliye yahan soch samajh kar likhe. Iske baare me samjhne ke liye meri Ye post padh sakte hain
Thik isi tarah ap social icons bhi laga lijiye. Social icons ke code apko meri is post me mil jayenge. Or date and time code apko meri is post me mil jayenge. Search box lagane ke liye ap wapka ka default search box laga sakte hain. Or ye box kaam karta hai.

Useful tips.

  • Header me image logo lagaiye. Image png, jpg or gif file me laga sakte hain.
  • agar image nahi laga sakte to text code ka istemaal kar ke site name likhe. 
  • Header me faltu ke words naa likhe. 
  • Jab ap add lagaye to header me hi lagaye. Isase jyaada laabh kama sakte hain.
  • Social icons bhi header me hi lagaye.
  • Search box ap code ke jariye bhi laga sakte hain. Lekin vo search box kaam nahi karta. Isliye wapka search box lagana hi thik hai.
  • Apne naye pages ka link bhi header me lagaye. 
Umeed hai apko post pasand aaya hoga. Agar kuchh samajh naa aaye. To jarur puchhe. 

Last Updated: 05 August 2017

Last Updated: 02 August 2017

wapka-website-me-icon-kaise-lagaye

Hello friends....
Wapka website design karne ke liye. Hame usme icon bhi lagane hote hain. Icon ek prakar ka suchak chitra hota hai. Apne dekha hi hoga bahut sari website me. Icon aksar, kisi bhi page ko design karne ke liye, ya us folder ki taraf dhyan khichne ke liye lagaya jata hai. Jis bhi folder ya text me icon laga hota hai. Uski taraf visitors ka dhyan jaldi jata hai. Ab ap icon ki important samajh gaye honge.

Icon kitne tarah ke hote hain:

Icon tic tarah ke hote hain. 
  • Header website icon. Header icon website design karne ke liye lagaya jata hai. Or yahi kisi bhi website ki pahchan hoti hai. Padhe, Wapka header kaise design kare
  • Website favicon. Favicon bhi website ki ek chhoti si pahchan hoti hai. Padhe, Wapka me favicon kaise change kare
  • Folders icon. Folders icon har folder ya text ke aage pichhe, jo chhoti si image hoti hai. Use folder icon kahte hain. Or yahi icon lagana aj ham apko sikhayenge. 

Wapka ke liye icon kahan se laye:

Wapka me pahle se hi bahut sare icon diye hue hain. Or vo sare icon PNG or GIF image format me hai. Lekin ap khud ka bhi icon bana kar upload kar sakte hain. Icon image PNG, JPP ya GIF format me bana sakte hain. Or agar ap icon nahi bana sakte hain. To bhi Google me apko kai sari website mil jayegi. Jisase ap icon lekar, apni website me laga sakte hain. 

Wapka icon kaise lagate hain:

Wapka me icon lagane ke tin tarike hai. 
  1. Wapka me diye hue icon laga sakte hain. Sabse aasan tarika hai. 
  2. Khud ka icon bana kar bhi laga sakte hain. Jise ham picture icon kahte hain. Or picture icon ap kisi bhi anya website se le sakte hain. 
  3. Kuchh icon code ke madhyam se lagane padte hain. Or ye icon, image code ke help se lagate hain. Code icon lagane ki jarurat wahan padti hai. Jahan par ham code ka use karte hain. Jaise latest updat code. 
To ab apko ek-ek kar ke icon lagana batate hain. 

 Wapka icons kaise lagaye: 

  • Wapka login kijiye.
  • Website select kijiye. 
  • Admin mode me jaiye. 
wapka-website-admin-mode-page
 
Ham abhi apko Wapka ke icon lagana bata rahe hain. New page select kijiye. Or Add par click kijiye. (Ye bas example ke liye hai.

wapka-website-new-page-icon-option

Ab ap jis page me jayenge. Uske sabse niche jaiye. Wahan apko Insert icon into text ka option milega. Usme click kijiye.

wapka-website-icon-list

Ab apke samne, Wapka ke taraf se diye jane wale icons ki puri list aa jayegi. Ap sare icon ko dekh lijiye. Or jo icon apko pasand aaye. Select kijiye. Hame pointers icon lagane hain. To ham usme jayenge.

wapka-icon-code

Ab mere samne icon aa gaye hain. In sare icons me se, apko jo bhi icon pasand hai. Uska number yaad kar lijiye. Yahi number us icon ka code hota hai. Jo apko icon ke bagal me show ho raha hai. To mere icon ka code number 11 hai.

wapka-website-insert-icon-new-page

Ab ap wapas new page create me aa jaiye. Apko icon lagane ke liye bas :icon-code number: likhna hai. Jaise hamne :icon-11: likha hai. Fir page ka naam likhe. Uske baad ki sari setting kar ke, Submit kar dijiye.

wapka-website-icon-inserted

Ye dekhiye icon lag chukka hai.

wapka-website-double-icon-insert

Ap kabhi bhi icon edit kar sakte hain, edit option me jakar. 
  • 1. Image me ap dekh sakte hain. Ham edit page par aaye hain. Or icon code dono taraf lagaya hai. 
  • 2. Image me ap dekh sakte hain. Icon dono taraf lag chuka hai. To is tarah icons ki madad se ap website ko design kar sakte hain. 
To ye tarika hai. Wapka ke default icon lagane ka. Ab pictures icon kaise lagate hain ? Ye batate hain. 

 Wapka me picture icon kaise lagaye: 

Pahle ap icon image create kar lijiye. Ya fir kisi icon dene wali website se download kar lijiye. 
Note: website apko PNG image icon deti hai. To icon image download karne ke baad. Ap us image ki details me jaakar dekh lijiye ki us image ki size kitni hai ? Kyuki galat size me image upload kiya. To png icon image kharab ho jayegi.  

wapka-picture-icon-kaise-lagaye

Picture select kijiye, fir add kar dijiye.

wapka-website-upload-icon-picture

Ab ap picture page aa jayenge. Upload picture me click kijiye.

wapka-website-select-icon-picture-and-upload

Ab ap aise page me aa jayenge. Ap dekh rahe hain. Image jpg, png or gif format file ko support karti hai.
  1. Image select kijiye. 
  2. Yahan image icon size select karna hai. Yaad rahe icon size hi select kare. Kyuki apko icon banana hai is image ka. 
  3. Upload picture par click kar de. 
wapka-website-picture-icon-code

Ye dekhiye. Hamne do icon image upload kar liye hai. Har icon image ka apna code number hota hai. Jise icon tag kahte hain. Apko bas code number yaad karna hai. Ap image me dekh sakte hain. Hame jo image icon lagana hai. Uska code icon :ic-2: hai. Or ise ham copy kar lete hain.

wapka-image-icon-kaise-lagaye

To jab apko image icon lagana ho. Tab bas image code likh dijiye. Jaise :ic-2: likh ke, forder ka naam likh dijiye, or baki ki setting set karne ke baad Submit kar dijiye.

wapka-website-image-icon-inserted

Ye dekhiye. Mera image icon lag chuka hai. Or ise bhi ap folder ke dono side laga sakte hain. To ye raha tarika image icon lagane ka. Ab code ki help se icon lagana batate hain. 

 Wapka me code icon kaise lagaye:  

Isme bhi ap image ka hi icon lagate hain. Lekin ye bas code ki madad se lagaya jata hai. Wapka me kai jagah code lagane hote hain. Jaise latest update code. Latest update code me bhi icon lagaya jata hai. Design ke liye. Code se icon lagana bahut aasaan hai. Sabse pahle ap picture me jaiye.

wapka-website-icon-image-url-for-code-icon

Apko jis image ka icon lagana hai. Us image ke U option me click kijiye.

wapka-website-icon-image-url

Apko aisa page milega. Niche wale box me, apko image code ke sath, image URL bhi mil jayega. Is pure code ko copy kijiye.

wapka-website-add-wml-xhtml

Ab ap WML/XHTML code me jaiye. Kyuki sare code yahi se lagaye jaate hain.

wapka-website-wml-xhtml-paste-icon-url-code

Ab apne jo image code copy kiya tha. Use yahan paste kar de. Hamne bas example ke liye bold text code lagaya hai. Or image code dono taraf lagaya hai. Sari settings karne ke baad, Submit kar dijiye.

wapka-website-code-icon-inserted

Ye dekhiye. Mera image icon lag chuka hai. Hamne do image code lagaye hain. Or bich me bold text code lagaya hai. Jo ki sirf apko example dene ke liye hai. 

To friends ab ap Wapka me tino hi tariko se icon lagana seekh gaye honge. Kisi bhi tarah ki problem hone par comment kar ke puchhe. 😊


Ap achchi tarah samajhne ke liye video bhi dekh sakte hain. 😊

Last Updated: 29 July 2017

how_to_upload_picture_on_wapka

Hello friends...
Apne Wapka website banai hogi. To usme :: EDIT SITE (#) :: ke option me jane ke baad, apko picture ka option bhi milta hoga. Or usme jane ke baad apko or bhi options milte honge. Jo shayad apko samajh nahi aata hoga. To aj is post me apko sari jaankari pure vistaar se milengi. To chaliye start karte hain.

Last Updated: 25 March 2017


Hello friends...
Wapka se jude is post ham apko wapka ka download page design karna batayenge. Kyuki ap apni wapka website ko bahut hi khubsurati se design karte hain. Lekin agar apne wapka download page design nahi ki. To apki sari mehnat barbad ho jati hai. Kyuki wapka website me header or footer design karne ke sath-sath download page bhi design karna jaruri hai.

Wapka download page kaise design kare:

Wapka download page design karna aasaan nahi hai. Iske liye apko coding ki thodi bahut samjh honi chahiye. Coding ki jarurat apko sirf class setting karne ke liye hi hogi. Kyunki ham jo apko code denge. Usne mere site ka class hai. Apko bas mere class code ko hata kar, apni site ka class code laga dena hoga. To ab suru karte hain. 
  • Wapka login kijiye.
  • Site select kijiye. 

Ab ap Content Manager me jaiye. 


Ab apko Guidelines me jana hai. 


Ab apko aisa page milega. Ab apko About unified displayed page me jana hai. 


Ab apko aisa page milega. Yahan apko har category ke liye download page design karne ka option milega. 
  1. Is option me click karne se ap download page design karne wale page me pahunch jaayenge. 
  2. Preview me click karke ap apna download page dekh sakte hain. Ye option tab enable hota hai. Jab Apne kuchh files upload kar liya ho. Jaise hamne isme sirf video or song upload kiya hai. Isliye is in dono ka preview option show ho raha hai. 
  3. To apko jis bhi category ka download page design karna ho. Us par click kare. Jaise ham Set Unified displayed page for music par click kiya hai. 

Apko aisa page milega. 
  1. Is box me jo likha hoga. Bas usi ko ap kuchh coding se ap design kar sakte hain. Lekin agar ap coding nahi kar sakte. To ap mera diya hua code laga lijiye. Pahle yahan par jo bhi code ho. Un sabko hata dijiye. Fir mera code daliye. 
  2. Ab Confirm par click dijiye. 
Apka page design ho gaya hai. Har category ka page design alag-alag hota hai. Ham yahan apko Video or Music ka design code de rahe hain. Agar apko kisi or chij ka design chahiye. To hame kahiyega. Ham code edit kar ke apko denge. 

Music displayed design code:


Video displayed design code:



Bas apka page design ho jayega. Lekin is code me mere site ka class code hai. Isme ap apne class ka code laga lijiye.

background-color: #306EFF; color: White; border-top-width: 5px; border-top-color: #00FFFF; border-top-style: ridge; border-bottom-width: 5px; border-bottom-color: #00FFFF; border-bottom-style: ridge; margin-top: 2px; margin-bottom: 6px; padding-top: 6px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; font-weight: bold; text-decoration: blink;

👆 Ye meri site ka class code hai. Ise hata kar, khud ke class ka code laga lijiye. Ab sawal ye uthata hai ki apke class ka code kaise milega ? To javab ye hai ki class kai tarah ke hote hain.
  1. Div class code. Ye class sirf apne CSS code ko hi support karta hai. 
  2. Div style code. Ye har CSS code ko support Karta hai.
  3. Class code. Ise ap khud banate hain. Classes settings me jaakar. 
To agar apne khud ka class create kar ke lagaya hai. To us class ka code apko kaise milega ? Ye ab batate hain.

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


WAP2 me jaiye.



Ab Classes settings me jaiye.


Yahan apne jitne bhi classes banaye honge. Uski list najar aayegi. To apko jo download page me jo class lagana hai. Use select kijiye.


Apko aisa page milega. Yahan apko own elements me jana hai.


Apko aisa page milega. Yahan box me apko jo code dikh raha hai. Bas wahi code copy kijiye. Or download page design code me jo mere class ka code laga hua hai. Use hata kar, apne class ka code laga dijiye. Bas ab apki design puri hui.
Ap video dekhkar is puri prakiya ko aasani se samajh sakte hain. 😃