سبتمبر 17, 2024قالب SEOPLUS V9: تصميم مبتكر وتحسين محركات البحث

طريقة إضافة Google Translate إلى مدونتك على بلوجر

مقدمة

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

 Google Translate هو خيار شائع وفعال لذلك. في هذا الموضوع، سنتناول كيفية إضافة Google Translate إلى مدونتك على بلوجر باستخدام كود بسيط.

كيفية إنشاء كود Google Translate

1. قم بزيارة صفحة Google Translate Website Translator للحصول على التعليمات اللازمة حول إضافة أداة الترجمة إلى موقعك.
2. استخدم الكود التالي لإضافة أداة ترجمة إلى مدونتك. هذا الكود سيتيح لمستخدمي موقعك الترجمة إلى لغات متعددة من خلال رمز يمكنك تخصيصه:

        
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<style>
  #google_translate_element {
    display: inline-block;
    cursor: pointer;
  }
  #google_translate_element:after {
    content: url('https://www.gstatic.com/images/branding/product/2x/translate_32dp.png');
    display: block;
    width: 32px;
    height: 32px;
  }
</style>
        
    

كيفية تثبيت الكود في بلوجر

1. تسجيل الدخول إلى حساب بلوجر: انتقل إلى Blogger وسجل دخولك إلى حسابك.
2. اذهب إلى قسم "التخطيط": اختر مدونتك ثم اذهب إلى قسم "التخطيط" في لوحة التحكم.
3. أضف أداة جديدة: انقر على "إضافة أداة" في المكان الذي ترغب في وضع رمز الترجمة فيه.
4. اختر "HTML/JavaScript": من قائمة الأدوات المتاحة، اختر "HTML/JavaScript".
5. ادخل الكود: انسخ الكود أعلاه والصقه في مربع المحتوى الخاص بالأداة. يمكنك أيضاً إضافة عنوان إذا رغبت في ذلك.
6. احفظ التغييرات: انقر على "حفظ" لتثبيت الأداة في تخطيط مدونتك.

روابط خارجية موثوقة

للمزيد من المعلومات حول كيفية تخصيص Google Translate أو حل المشكلات المحتملة، يمكنك الاطلاع على الروابط التالية:

• دليل Google Translate للمواقع
• مساعدة Google حول إضافة أدوات الترجمة

مثال على إدخال الكود في textarea مع زر النسخ

<div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <style> #google_translate_element { display: inline-block; cursor: pointer; } #google_translate_element:after { content: url('https://www.gstatic.com/images/branding/product/2x/translate_32dp.png'); display: block; width: 32px; height: 32px; } </style>

قم باتباع هذه الخطوات السابقة، يمكنك دمج أداة Google Translate في مدونتك بشكل فعال، مما سيساعد على تحسين تجربة المستخدم وتوسيع نطاق الوصول إلى جمهور دولي. 

تحياتي لكم