Wednesday, August 2, 2017

Wapka site me icon kaise lagaye ? Jaane icon lagane ke tin tarike.

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

No comments:

Post a Comment

Apko post kaisa laga jarur bataye. Sath hi hamare website ko subscribe jarur kare. Apka comment verification ke baad hi dikhai dega. Comment karne ke liye dhanyavaad. 😊