كيفية اظافة اداة الترجمة الى موقع او مدونة بلوجر

بسم الله الرحمن الرحيم

اللهم صلي وسلم على نبينا محمد وعلى اله وصحبه

درسنا اليوم وهو عن كيفيه اضافة أداة لترجمة الموقع بعدة لغات حيث تعد هذه الاداة من الادوات المهمة وذلك لأجل جلب او الإحتفاظ بالزيارات التي تكون من طرف الاجانب او لغات اخرى حيث ان الزوار يستعملون لغات اخرى غير اللغه العربية...

حيث نفترض انك قمت بجلبهم سابقا بإستخدام كلمات مفتاحية أجنبية مثلا انجليزية او فرنسية او تركية او غير ذلك من مختلف اللغات وعندما يصل الزوار الى المدونه او الموضوع او المشاركة الخاصة بك فانهم سيجدون انفسهم بلغة مختلفة عن لغتهم الأم مثلا يجدون اللغه العربية في حالتنا داخل التدوينة او المشاركة الخاصة بنا..

مثال لكيفية ظهور الأداة

هذا مثال لكيفية ظهور الأداة وطبعا ستوضع بالشريط الجانبي وليس هنا وبهذا الشكل يكون أفضل....

مزيد من الشرح حول اداة الترجمة الى موقع او مدونة بلوجر

و لأجل توفير لغات اخرى و التي يفهمها الزائر و لأجل عدم خساره تلك الزيارة لان الزائر سيذهب مباشرة اذا لم يجد اللغة التي يفهمها بطبيعه الحال لاجل ذلك وفرنا او نوفر لك هذه الاداة الخاصة بترجمة المواقع وهي من ضمن الادوات او اضافات بلوجر التي تحتاجها من اجل تقليل نسبة الارتداد من موقعك طبعا توجد عدة طرق او ادوات خاصة بترجمة او تغيير لغة الموقع مثلا يستطيع الزائر الضغط بزر الفارة الايمن ثم الضغط على الترجمة للغة التي يفهمها وذلك في متصفح الكروم او جوجل كروم

لكن لا تظهر هذه الخاصية دائما سواء في كروم او في غيره وخاصة بالنسبة للهواتف الذكيه فان المستعمل سيبحث عن الترجمه داخل الموقع نفسه وليس مضطرا للبحث عنها داخل كل متصفح او اي متصفح وفي كل مرة ولهذا فتوفير هذه الاداة سيسهل على الزوار ترجمة الموقع بكل سهولة وبسرعة للغة التي يفهمونها وذلك باستخدام موقع او ترجمة جوجل طبعا

بالحديث عن الاداة الخاصة بترجمة المواقع هذه الاداة التي بين ايدينا اليوم سنجد انه هنالك عده ادوات مماثلة لها فيمكنك مثلا الذهاب الى بلوجر او منصة بلوجر ثم القيام بالضغط على التخطيط ثم اضافة اداة ثم اضافة اداة ترجمة للموقع بكل سهولة لكن توجد ادوات اخرى اكثر احترافية وهي متوفرة على شكل اكواد يعني انت تستطيع التحكم فيها ودمجها في قالبك بالطريقة التي تساعدك وليس مفروضة او ثابتة او مدمجة مع بلوجر ولا تستطيع التغيير في الكود الخاص بها

توجد اضافه للغات عن طريق الاكواد وهي بعدة طرق توجد طريقة لاضافة ترجمة الموقع عن طريق الأعلام و ليست هي موضوعنا اليوم

اليوم موضوعنا وهو عن الكود الخاص بإظهار قائمة منسدلة بعدة لغات تظهر على الشريط الأيسر للموقع يمكن للزائر بضغطة عن طريق الفأرة او في الهاتف ايضا ان يقوم بالضغط على اللغة ثم اختيار اللغة التي تساعده ضمن اللغات المتوفرة وعند قيامه بالضغط على اللغه المختاره فانه سيتوجه او ستنبثق له نافذة جديدة تحتوي على ترجمة جوجل لموقعك باللغة المختارة مع بقاء الصفحة الاصلية مفتوحة ويمكنه بعد ذلك في الصفحة الجديدة المنبثقة داخل المتصفح ان يقوم بتحديد اللغة التي يريدها مثلا الانجليزية الفرنسية وغيرها

وستتغير لغة الموقع طبقا للغة المختارة داخل النافذة الجديدة اما عن طريق اضافة هذه الاداة فهي سهله جدا ولا تحتاج لاي شرح كثير

اللغات المتوفرة في أداة الترجمة للموقع او لمدونات بلوجر

اللغات المتوفرة في هذه الأداة أو أداة ترجمة الموقع او مدونات بلوجر هي كثيرة جدا وتشمل أهم اللغات المستعملة وهي:

English Indonesian Afrikaans Albanian Arabic Armenian Azerbaijani Basque Belarusian Bengali Bulgarian Catalan Chinese Croatian Czech Danish Dutch English Esperanto Estonian Filipino Finnish French Galician Georgian German Greek Gujarati Haitian Creole Hebrew Hindi Hungarian Icelandic Indonesian Irish Italian Japanese Kannada Korean Latin Latvian Lithuanian Macedonian Malay Maltese Norwegian Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swahili Swedish Tamil Telugu Thai Turkish Ukrainian Urdu Vietnamese Welsh Yiddish

كيفية إظافة أداة الترجمة الى موقع او مدونة بلوجر

كيفية إظافة أداة الترجمة الى موقع او مدونة بلوجر وذلك باتباع الخطوات البسيطة التالية:

1- نقوم بالذهاب الى منصة بلوجر

2- ثم نقوم بإختيار أو الذهاب الى التنسيق او التخطيط كما يسمى سابقا

3- ثم نختار المكان الذي سنضيف فيه الاداة ويفضل الشريط الجانبي

4- نضغط على اضافة أداة جديدة

5- وعندما تظهر لنا قائمة بالادوات المتوفرة نختار اضافة اداة جافا سكريبت

6- ثم نقوم بإضافه الكود الذي بالأسفل داخل المكان المخصص له ضمن الاداة

7- نضغط على حفظ الاداة

8- نقوم بحفظ التغيرات للقالب او التنسيق

و في الأخير نضغط على عرض المدونة او نقوم بتحديث المدونة أو الموقع إذا كان مفتوح من قبل وستشاهد ظهور الأداة في المكان الذي حددته سابقا...

الكود الخاص بأداة الترجمة

هذا هو الكود الخاص بأداة الترجمة قم بنسخه من مربع الأكواد بالأسفل ثم لصقه بإتباع الخطوات الموضحة بالأعلى...

  
  
<style type="text/css">

#translator-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;

}

#translator-wrapper select {

  border:none;

  background:transparent;

  font-family:'Verdana',Arial,Sans-Serif;

  font-size:15px;

  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 85px;

}

#translator-wrapper a,

#translator-wrapper a:hover {

  display:block;

  background-color:#4791d2;

  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; 

}

#translator-wrapper a:before {

  content:"";

  display:block;

  width:0;

  height:0;

  border:6px solid transparent;

  border-left-color:white;

  position:absolute;

  top:50%;

  left:45%;

  margin-top:-5px;

}

#translator-wrapper a:hover {opacity:0.9;}

#translator-wrapper a:active {opacity:0.9;}

#translator-wrapper select:focus,

#translator-wrapper a:focus,

#translator-wrapper select:active,

#translator-wrapper a:active {

  border:none;

  outline:none;

  cursor:pointer;

}

option {

  background:#444;

  color:#e0e0e0;

}

</style>

<div id="translator-wrapper">

    <select id="translate-language">

        <option value="en" selected />English

        <option value="id" />Indonesian

        <option value="af" />Afrikaans

        <option value="sq" />Albanian

        <option value="ar" />Arabic

        <option value="hy" />Armenian

        <option value="az" />Azerbaijani

        <option value="eu" />Basque

        <option value="be" />Belarusian

        <option value="bn" />Bengali

        <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="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 = "ar", // 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('translate-language').value + '&hl=en');

        return false;

    };

})();

</script>

ولاحظ مباشرة ظهور الاداة الجديدة الخاصة بترجمة الموقع او المدونه على الجانب الايسر للمدونه او الموقع على اللغة وستظهر لك قائمة منسدله قم باختيار اللغة التي تناسبك وستفتح مباشرة لك نافذة جديدة بها ترجمة جوجل لموقعك باستخدام اللغة التي قمت باختيارها وبهذا نكون قد اضفنا اداة ترجمة الموقع عن طريق الفتح في نافذة جديدة باللغة المختارة سابقا

المترجم الالي للمواقع (طريقة أخرى للترجمة الآلية للمواقع)

من اسمها فهذه طريقة اخرى للترجمة لاتظهر للزائر على شكل ايقونات او اختيار للغات بل سيقترح على الزائر الترجمة اعتمادا على لغته الاصلية بالمتصفح..

انسخ كود مترجم المواقع والصقه في موقعك

طريقة عمله بعد اكتمال تحميل الموقع ينبثق شريط ترجمة جوجل في اعلى الصفحه ويعرض على الزائر ترجمه الموقع الى لغة المتصفح ذاتها

(يمكنك تجربتها في الحقيقة انا لم اجربها بعد..)

كود الترجمة الآلية للمواقع

كود الترجمة الآلية للمواقع اظفه في اي مكان تريد مثل التنسيق كاداة جافا سكريبت بالشريط الجانبي او اي مكان آخر..

ختامــــــا

توجد عدة طرق لاضافة اداة الترجمة سواء اضافة اداة الترجمة المدمجة او اضافتها عن طريق الاكواد عن طريق الأعلام او عن طريق قائمة منسدلة كما هو الحال الان وغيره من الطرق..

وإلى هنا انتهى درسنا اليوم الخاص بطريقة اضافة اداة ترجمة المواقع او الموقع او المدونة الخاصة بك لعدة لغات وللحصول على اضافات بلوجر اخرى او ادوات جديدة قم بالانتقال الى القسم المخصص لبلوجر او دورة بلوجر وستجد الادوات التي تحتاجها لموقعك

نلتقي في درس جديد ان شاء الله

ليصلك جديدنا تابعنا على صفحاتنا الاجتماعية: الفيسبوك, التويتر ,tumblr, pinterest, linkedin, instagram

القسم>

إظافات بلوجر softpudia: كيفية اظافة اداة الترجمة الى موقع او مدونة بلوجر كيفية اظافة اداة الترجمة الى موقع او مدونة بلوجر

مشاركة [ line tumblr t ]

أخر الاخبار

كيفية اظافة اداة الترجمة الى موقع او مدونة بلوجر