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

Last Updated: 04 January 2018

Blogger-free-template-kahan-se-download-best-free-templates-websites

Hallo friends...
Aj ham blog ke liye, free or paid templates dene wali best 5 websites ke bare me batayenge. Jahan se ap apne blog ke liye. Stylish template download kar payenge. Par template ka sirf stylish hona kafi nahi hai. Template chunate waqt kai bato ka dhyan rakhna hota hai. Is post me ham apko un chijon ke bare me batayenge. Jo apko template choose karte waqt dhyan rakhna chahiye.

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:youremailaddress@gmail.com/" 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: 27 December 2017

Blogger-template-footer-credit-link-remove-hide-kaise-kare

Hello friends...
Hamne pahle hi blog ke footer me, pages link lagane ke bare me bata diya tha. Or aj is post me ham apko template ke credit link ko remove karna batayenge.

Useful Posts:

Footer Credit Link kise kahte hain:

"Credit Link" yani template ke footer me, template ke website ka naam likha hona ko hi credit link kahlata hai.

Blogger-template-footer-credit-link

Asal me ye trick hoti hai dusre website se apane blog ke liye backlink lene ka. Backlink kya hai or isake kya fayde hain. Ye sab ham bata chuke hain. To credit link sirf (template banane wali website) isaliye rakhti hain. Taki unke website ka promotion ho. Or unhen backlink bhi mile. Isake sath hi template unhone design kiya hai. To unhen iska credit to milna hi chahiye. Or ye galat bhi nahi hai.

Credit Link remove karna kyu jaruri:

Credit Link rakhne se hamare blog ko koi nuksan nahi hai. Lekin haa, hamare website ke footer design par fark jarur padta hai. Or sath visitors par thoda unprofessional prabhav padta hai. Waise ye ap par depend karta hai ki apko credit link remove karna hai ya nahi. Agar ap remove nahi karna chahate. To ap use rahne dijiye.




Credit Link remove kaise kare:

Template ke footer se, template website ka naam hatane ke liye. Sabse jyada jo keywords use hote hain. Vo hai "Template credit link remove kaise kare". Jabaki template credit link ko remove tabhi kiya ja sakta hai. Jab ap paid template use karte hain. Free template me credit link remove nahi hota. Lekin chinta mat kijiye. Template credit link remove nahi ho sakta, lekin hide jarur ho sakta hai.

Free template se credit link remove karne ka nuksan:

Nuksan hi nuksan hai. Agar aap free template use karte hain. To Credit link remove karne se apka blog us template website par redirect ho jayega. Apke blog par visitors rah hi nahi payenge. Isaliye credit link remove karne ki galti na kare. Agar apane template kharida hai. Fir ap usame koi bhi setting kar sakte hain.

Template footer credit link hide kaise kare:

Template credit link hide karna, ek samajhdari bhara tarika hai. Kyonki template malik (jis website se template download kiya) ko sirf backlink se matlab hota hai. Or link hide karne se unhen backlink milta rahta hai. Or apki credit link bhi chhup jati hai. Credit link hide karne se pahle, ek baar credit link remove kar ke check kijiye. Agar apka blog redirect nahi hota. To thik hai. Agar redirect ho jaye. Tab apko link hide karne ki jarurat hai.




Credit link hide karne ke liye sabse pahle to to ap blogger me jaiye. Fir Theme, uske baad Edit HTML me jaye. Or apne template footer ka keyword search kare. Jaise - Copyright by, Design by ya Distributed by ect...

Blogger-template-credit-link-remove-hide-code

Jab apko code mil jaye. Tab apko usme ek code add karna hai. Or fir template save kar dena hai.

Hamne jahan green mark kiya hai. Vo only text hai. Use mita dijiye. Or jahan hamne red mark (dofollow' ke baad) kiya hai. Wahan apko mere diye code lagaiye. Ham apko 3 codes denge. In teeno me se koi ek code to apke template me work jarur karega.

<a href='http://www.way2themes.com/' id='mycontent' rel='dofollow' title='Blogger Templates'/>

Apko apna code is tarah ka dikh raha hoga. Ab isme apko bas style=’visibility:hidden’ code add kar dena hai.

<a href='http://www.way2themes.com/' id='mycontent' rel='dofollow' style=’visibility:hidden’ title='Blogger Templates'/>

Code add karne ke baad, apko code kuchh aisa ho jayega. Ab Template save kar dijiye. Apka footer link hide ho jayega.

Ho sakta hai ki ye code apke template par work na kare. To same usi jagah, ap style=’display:none' or style=’font-size:0.1.px;' code bhi add kar sakte hain.

Hamne apko jo code diye hain. Use ap alag tarah se bhi laga sakte hain. Jaise code ko dhyan se dekhiye.

First code:

<a href='http://www.way2themes.com/' style=’visibility:hidden’ id='mycontent' rel='dofollow' title='Blogger Templates'/>

Second code:

<a href='http://www.way2themes.com/' id='mycontent' rel='dofollow' title='Blogger Templates'/ style=’visibility:hidden’>

👆 In dono hi codes ko bhi ap try kar sakte hain. Apke template ka credit link hide ho jayega. 

Last Updated: 12 December 2017

Template-zip-file-se-XML-file-open-extract-kaise-kare

Hello friends...
Aj is post me ham apko Template zip file ko XML file me badalna sikhayenge. Taki ap phone se template upload kar sake.

Zip file kya hai:

Zip file, ek aisi file hoti hai. Jiski size to kam hoti hai. Lekin is ek file ke andar bahut sari chhoti-chhoti files hoti hai. Ham Blog ke liye. Jo template download karte hain. Vo zip file me download hoti hai. Or blog ke liye jo Favicon generate kar ke download karte hain. Vo bhi zip file me hi download hoti hai.



Zip file ko unzip kyu kare:

Template zip file or favicon zip file ko, extract (unzip) karna bahut jaruri hai. Jab ap PC se template upload karte hain. To PC automatically XML file ko select kar leti hai. Or ap aasaani se Template upload kar lete hain. Lekin agar ap phone se template upload karte hain. To apko XML file hi select karni hoti hai. Agar ap zip file select kar ke upload karenge. To template upload nahi hoga.

Blogger-we-ware-unable-to-save-your-template

Dekhiye, jab ap template zip file select kar ke upload karte hain. Tab apko ye result milta hai. We were unable to save your template. Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Content is not allowed in prolog. Matlab apka template, zip file me hai. Jo save nahi kiya jaa sakta. Apka template XML file me hi hona chahiye. Jis tarah template zip file me download hoti hai. Usi tarah jab ham favicon generate karte hain. Vo bhi zip file me hi download hoti hai. Or jab ham Favicon upload karte hain. To vo bhi upload nahi hoti. Isliye zip file ko unzip kiye bina. Us file ka use nahi kar sakte.

Zip file extract (unzip) kaise kare:

Kisi bhi zip file ko, chahe vo images ki ho, songs ki ho, template ya favicon ki ho. Unzip karne ke liye. Apko ek app download karna hoga. Jiska naam hai Easy Unrar, Unzip and Zip app. Is app ki puri jaankari ham apko baad me denge. Aj bas template zip file or favicon zip file ko extract karna batate hain.





Easy-Unrar-Unzip-and-Zip-app

Sabse pahle apko Easy Unrar, Unzip & Zip app download kar lijiye. Ye is app ka logo hai. Bahut hi aasani ye app mil jayega apko play store ya kahin bhi.

Choose-template-zip-file-for-extract-unzip

App download kar lene ke baad, app open kijiye or sidha apne storage jaiye. Jahan apne template zip file ko rakha hai. Use select kar lijiye. 

Extract-unzip-template-zip-file

Apka template sidhe Easy Unrar app me jaa kar khulegi. Ab apko pahle Template zip file ko select karna hai. Jaisa ki image me dekh rahe hain. Uske baad Exteact 1 file(s) me click karna hai. 

Extract-template-zip-file-to-open-template-XML-file

Ab ek or window khulegi. Isme bhi ap file select kare. Fir ap chahe to file ko rename bhi kar sakte hai. Kyunki ye extract files, isi naam ke folder me hogi. Fir Extract Par click kar de. Apka template extract (unzip) ho jayega. Ab back par click kare. Or wapas apne storage me, jahan template zip file rakha hai. Wahan jaye. 





Choose-extracted-template-folder

Ye dekhiye. Template zip file ke upar ek or folder ban chuka hai. Is par click kare. Andar ek or folder hoga. Uspar bhi click kare.

Select-template-xml-file-to-upload-on-blogger

Ye dekhiye. Ek template zip file ke andar. Kitni sari files hoti hai. Isme se ek file hai template XML file hai. Bas yahi file apko blogger me upload karni hoti hai. Padhe: Phone se template kaise upload kare.  Phone se favicon kaise change kare.

Sem isi step ko follow kar ke, ap favicon zip file extract kar sakte hain. Or fir blog me laga sakte hain. 

Last Updated: 11 October 2017

Blogger-website-me-header-image-kaise-lagate-hain

Hello friends...
Aj is post me ham apko blogger blog me header logo kaise lagate hain ? Ye batayenge. 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.

Last Updated: 10 October 2017

website-ke-liye-header-logo-kaise-banaye-bina-image-editing-seekhe

Hello friends...
Website bana lene ke baad, bari aati use design karne ki. Or design karne ki baat kare to sabse pahla khayal aata hai header design karne ki. Or header design karne ki baat ki jaye. To sabse pehle logo ki baat dimag me aati hai. Lekin har koi khud se logo nahi bana sakta. Kyunki har koi image editing thik se nahi janta. Or header logo thoda stylish to hona hi chahiye. To is post me aj ham aapko yahi batane wale hain. Jisase ap bina image editing seekhe ke bhi, ek stylish logo bana sakte hain.