How to add Custom Google Translate Width On Website? (Hindi)

दोस्तों, आज का टॉपिक है की How to add Custom Google Translate Width On Website? यानि अपने Website को एक Language से दुसरे Language में Convert करने के लिए Hindi, English, Tamil, Marathi, Gujarati, Spanish, French, German etc. Language Translator कैसे Add करे.
How to add Custom Google Translate Width On Website
आप सभी को पता होगा India में 20+ State Language है, तो ऐसा Possible नहीं है की आप हर एक Language में Article लिख सको, ज्यादातर लोग Hindi में या English में लिखते है. तो ऐसे में अगर आप Google Translator का Help लेते है तो पुरे दुनिया कोई भाषा बोलने वाला व्यक्ति आपके Website Article को पढ़ सकता है.

How to add Custom Google Translate Width On blogger?

Blogger में Google Translator Width पहले से नहीं दिया होता है, अगर आपको Add करना है. तो इसके लिए आपको Custom Code add करना होगा, नीचे दिए गए स्टेप को फॉलो करके.
स्टेप 1. सबसे पहले आप अपने Blogger Dashboard में जाये और Layout Option पर click करे.
स्टेप 2. अब आप Add a Gadget Option पर click करके HTML/Javascript Add करे.
स्टेप 3. अब आप ये कोड copy करे.
<style type=”text/css”>
#gt-wrapper {
  display:block;
  width:90%;
  max-width:300px;  
  border:none;  
  background-color:#fff;
  color:#444;
  overflow:hidden;
  position:relative;
  height:40px;
  line-height:40px;
  border:1px solid #e0e0e0;
}
#gt-wrapper select {
  border:none;
  background:transparent;
  font-family:’Verdana’,Arial,Sans-Serif;
  font-size:12px;
  width:100%;
  color:#444;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-appearance:none;
  cursor:text;
  padding:5px 10px;
}
#gt-wrapper a,
#gt-wrapper a:hover {
  display:block;
  background-color:#4B8DF7;
  border:none;
  color:#fff;
  margin:0 0;
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  cursor:pointer;
  width:14%; 
  transition:all 0.3s ease;  
}
#gt-wrapper a:before {
  content:” “;
  display:block;
  width:0;
  height:0;
  border:6px solid transparent;
  border-left-color:#FFFFFF;
  position:absolute;
  top:50%;
  left:45%;
  margin-top:-5px;
}
#gt-wrapper a:hover {opacity:0.9;}
#gt-wrapper a:active {opacity:0.9;}
#gt-wrapper select:focus,
#gt-wrapper a:focus,
#gt-wrapper select:active,
#gt-wrapper a:active {
 border:none;
 outline:none;
 cursor:pointer;
}
option {
 background:#444;
 color:#e0e0e0;
}
</style>
<div id=”gt-wrapper”>
<select id=”language”>
<option value=”en” selected />English
<option value=”af” />Afrikaans
<option value=”sq” />Albanian
<option value=”ar” />Arabic
<option value=”hy” />Armenian
<option value=”az” />Azerbaijani
<option value=”bn” />Bengali
<option value=”eu” />Basque
<option value=”be” />Belarusian
<option value=”bg” />Bulgarian
<option value=”ca” />Catalan
<option value=”zh-CN” />Chinese
<option value=”hr” />Croatian
<option value=”cs” />Czech
<option value=”da” />Danish
<option value=”nl” />Dutch
<option value=”en” />English
<option value=”eo” />Esperanto
<option value=”et” />Estonian
<option value=”tl” />Filipino
<option value=”fi” />Finnish
<option value=”fr” />French
<option value=”gl” />Galician
<option value=”ka” />Georgian
<option value=”de” />German
<option value=”el” />Greek
<option value=”gu” />Gujarati
<option value=”ht” />Haitian Creole
<option value=”iw” />Hebrew
<option value=”hi” />Hindi
<option value=”hu” />Hungarian
<option value=”id” />Indonesian
<option value=”is” />Icelandic
<option value=”id” />Indonesian
<option value=”ga” />Irish
<option value=”it” />Italian
<option value=”ja” />Japanese
<option value=”kn” />Kannada
 <option value=”ko” />Korean
<option value=”la” />Latin
<option value=”lv” />Latvian
<option value=”lt” />Lithuanian
<option value=”mk” />Macedonian
<option value=”ms” />Malay
<option value=”mt” />Maltese
<option value=”no” />Norwegian
<option value=”fa” />Persian
<option value=”pl” />Polish
<option value=”pt” />Portuguese
<option value=”ro” />Romanian
<option value=”ru” />Russian
<option value=”sr” />Serbian
<option value=”sk” />Slovak
<option value=”sl” />Slovenian
<option value=”es” />Spanish
<option value=”sw” />Swahili
<option value=”sv” />Swedish
<option value=”ta” />Tamil
<option value=”te” />Telugu
<option value=”th” />Thai
<option value=”tr” />Turkish
<option value=”uk” />Ukrainian
<option value=”ur” />Urdu
<option value=”vi” />Vietnamese
<option value=”cy” />Welsh
<option value=”yi” />Yiddish
</select><a id=”translate-me” href=”#” title=”Translate”></a>
</div>
<script type=”text/javascript”>
(function() {
var mylang = “en”, // Your website language
anchor = document.getElementById(‘translate-me’);
anchor.onclick = function() {
window.open(‘http://translate.google.com/translate?u=’ + encodeURIComponent(location.href) + ‘&langpair=’ + mylang + ‘%7C’ + document.getElementById(‘language’).value + ‘&hl=en’);
return false;
};
})();
</script>
<script><a href=”https://ishailesh.blogspot.in/” rel=”dofollow”></a></script>
स्टेप 4. अब आप HTML/Javascript में Code को Paste करे और Save कर दे.
Visual तरीके से इस प्रोसेस को देखने के लिए यह Video Guide देखे,

Hope आप सभी पता चल गया हो की How to add Custom Google Translate Width On Website? अगर आप Website Traffic Increase करना चाहते है और अपना Income बढ़ाना चाहते है तो यह Tricks आपका बहुत Help कर सकता है और आप एक Language में Post लिख कर Many Language में उसे Convert कर सकते है. 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.