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

<div id="content">
  <!-- المحتوى الافتراضي باللغة الإنجليزية -->
  <div id="Default-content">#Default</div>
  <div id="ar-content" style="display:none;">#ar</div>
  <div id="de-content" style="display:none;">#de</div>
  <div id="fr-content" style="display:none;">#fr</div>
  <div id="es-content" style="display:none;">#es</div>
</div>

<script>
var defLang = 'en'; // تحديد قيمة اللغة الافتراضية  
document.addEventListener("DOMContentLoaded", function(){var e = window.navigator.languages ? window.navigator.languages[0] : null,n = e = e || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage; - 1 !== n.indexOf("-") ? n = n.split("-")[0] : -1 !== n.indexOf("_") && (n = n.split("_")[0]);var l = window.location.search,t = l.includes("hl=");"" !== l ? !1 == t && defLang !== n && (window.location = l + "&hl=" + n) : defLang !== n && (window.location = "?hl=" + n);var a = new URLSearchParams(window.location.search).get("hl"),s = document.getElementById("Default-content"),y = document.getElementById("ar-content"),o = document.getElementById("de-content"),i = document.getElementById("fr-content"),d = document.getElementById("es-content");"ar" === a ? (s.style.display = "none", o.style.display = "none", i.style.display = "none", d.style.display = "none", y.style.display = "block") : "de" === a ? (s.style.display = "none", y.style.display = "none", i.style.display = "none", d.style.display = "none", o.style.display = "block") : "fr" === a ? (s.style.display = "none", o.style.display = "none", y.style.display = "none", d.style.display = "none", i.style.display = "block") : "es" === a && (s.style.display = "none", o.style.display = "none", i.style.display = "none", y.style.display = "none", d.style.display = "block")
});
</script>