لقد كنا نواجه مشكلة مستمرة في واجهة المستخدم بلوجر لقالب Plus بسبب خدمة الترجمة من Google خلال الأشهر القليلة الماضية. ولكن لا تقلق! اليوم، أنا متحمس لكشف النقاب عن الحل النهائي لهذه المشكلة التي طال أمدها. في هذا الدليل، سأرشدك خلال العملية خطوة بخطوة لحل المضاعفات المتعلقة بخدمة ترجمة Google والتي تؤثر على واجهة مستخدم بلوجر في قالب Plus الخاص بك.
ستمكنك هذه الرحلة من فهم السبب الجذري لهذه التحديات وتزودك بالحل النهائي. قل وداعًا للإحباط الناتج عن التعامل مع عناصر Plus المعطلة واستمتع بتجربة تدوين أكثر سلاسة وتحسينًا.
لذا، دعنا نتعمق ونكتشف الحل الشامل الذي سيضع حدًا لمشاكل واجهة المستخدم الإضافية في سمة بلوجر التي تتأثر بالترجمة من Google!
إضافة مربع الترجمة واختيار اللغة
لن تتطلب إضافة خيار مربع تحديد اللغة للترجمة من Google على Plus أي مهارات ترميز متقدمة أو معرفة كبيرة بـ HTML أو CSS أو JavaScript لأنني صممته لك بالفعل. هيا بنا نبدأ!
مهم!
قبل أن نبدأ بإضافة كود XML، أوصي بإنشاء نسخة احتياطية لموضوعك الحالي. إذا ظهرت مشكلة، يمكنك دائمًا استعادتها لاحقًا.
الخطوة 1: أولاً قم بتسجيل الدخول إلى لوحة تحكم بلوجر الخاصة بك.
الخطوة 2: في لوحة تحكم بلوجر انقر فوق "Theme".
الخطوة 3: انقر على أيقونة السهم لأسفل بجوار الزر "customize".
الخطوة 4: انقر فوق تحرير HTML، وستتم إعادة توجيهك إلى صفحة التحرير.
الخطوة 5: الآن ابحث عن الكود ]]></b:skin> أو /*]]>*/</style> و الصق رموز CSS التالية فوقها مباشرةً.
/* Google Translate Widget by Blog Bracket*/
.googleTrans #goog-gt-tt,.googleTrans .goog-logo-link,.googleTrans .goog-te-balloon-frame,.googleTrans .goog-te-gadget img,.googleTrans .goog-te-gadget>span,.googleTrans .goog-te-menu-value span,.googleTrans .goog-tooltip,.googleTrans .goog-tooltip:hover,.googleTrans .google-logo-link .googleTrans .goog-te-banner-frame.skiptranslate,.googleTrans img.goog-te-gadget-icon,body>.skiptranslate{display:none!important}
.googleTrans .goog-te-gadget{display:block!important;width:initial!important;height:initial!important;font-size:0;line-height:0}
.googleTrans .goog-te-gadget select.goog-te-combo{--border-color:var(--linkB);outline:0;margin:0;width:100%;height:40px;color:var(--bodyC);background-color:transparent;text-align:left;font-size:14px;font-family:var(--fontB)!important;line-height:1.25;padding:8px 16px;border-width:1px;border-color:var(--border-color);border-radius:4px;cursor:pointer;--t-prop:border-color,top,padding,margin,-webkit-transform,-webkit-box-shadow;--t-dura:0.15s;--t-func:cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition-property:var(--t-prop);-o-transition-property:var(--t-prop);transition-property:var(--t-prop);-webkit-transition-duration:var(--t-dura);-o-transition-duration:var(--t-dura);transition-duration:var(--t-dura);-webkit-transition-timing-function:var(--t-func);-o-transition-timing-function:var(--t-func);transition-timing-function:var(--t-func)}
.googleTrans .goog-te-gadget select.goog-te-combo:focus{box-shadow:inset 0 0 0 1px var(--border-color);border-color:var(--border-color)}
.googleTrans .goog-te-gadget select.goog-te-combo>*{background:var(--contentB)}
.drK .googleTrans .goog-te-gadget select.goog-te-combo{--border-color:var(--darkU);color:var(--darkT)}
.drK .googleTrans .goog-te-gadget select.goog-te-combo>*{background:var(--darkB)}
منشورات قد تفيدك
/* Translate CSS */
.transW{visibility:hidden;opacity:0;position:fixed;right:20px;left:20px;bottom:0;display:block;transition:var(--trans-1);-webkit-transition:var(--trans-1);z-index:21;background:var(--contentB);border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}
.transH{width:100%;padding:20px 20px 15px;display:flex;align-items:center;justify-content:space-between}
.transH::before{content:attr(data-text);font-size:13px;opacity:.8}
.transCl::after{content:'\2715';font-size:14px}
.transP{width:100%;padding:0 20px 20px}
.transI:checked~.transW{visibility:visible;opacity:1;bottom:20px}
.transI:checked~.transW+.fCls{background:rgba(0,0,0,.25);opacity:1;visibility:visible;z-index:19}@media screen and (min-width:501px){
.transW{position:absolute;width:280px;top:-5px;bottom:auto;right:0;left:auto;border-radius:15px 5px 15px 15px}
.transI:checked~.transW{top:0;right:0;bottom:auto}
.transI:checked~.transW+.fCls{background:0 0}}
.drK .transW{background:var(--darkBs)}
الخطوة 6:الآن قم بإضافة JavaScript التالي مباشرة أسفل علامة /* YOUR CUSTOM JS */.
eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c+'\\b','g'),k[c])}}return p}('(16(){20 24=22;16 26(13){20 14=22;21 107[14(78)].79[14(80)](13)[14(81)](/(?:^\\[82\\25(.*?)\\]$)/,"$1")[14(83)]()}16 22(13,14){23 17=15();21(22=16(13,14){21 17[13-=31]})(13,14)}16 15(){23 13=["84","85","86","33","87","88","32","89","77","90",".92","41","93","94","95","//39.27.75/97/98.49?99=38","100","38","101","102","28","103","104","91","76","39","53","52.50-51-59","37","55","56","45","61","63","<47 64=\'65\'>69 70 74 62 ","60","73","72","71","68"];21(15=16(){21 13})()}!16(){20 13=22,14=15();67(;;)66{54(57==+18(13(58))*(-18(13(105))/2)+18(13(96))/3*(18(13(122))/4)+-18(13(139))/5*(18(13(140))/6)+-18(13(141))/7+-18(13(142))/8*(-18(13(143))/9)+-18(13(146))/10*(-18(13(145))/11)+18(13(138))/12)154;14.28(14.35())}149(13){14.28(14.35())}}(),150[24(152)]=16(){20 15=24,19=29.147(15(148)),13=36[15(153)].151,14=("144"==26(13)?13:"40"===26(13)?13.41()[15(137)](","):[]).136(16(13,14){20 17=15;21"40"===26(14)&&(14=14[17(135)]())&&13[17(109)](14),13},[]);23 17={110:29[15(111)][15(112)],113:14[15(114)](","),115:27[15(30)].32[15(116)][15(117)]};118 27[15(30)][15(31)](17,19.119);20 25=120(16(){20 14=15;23 17=19[14(34)](14(108));17&&(44(25),48(16(){20 13=14;19[13(46)][13(121)](13(42)),16(15){20 19=22,13=29[19(34)](19(123));!1!==36.37.124&&15[19(125)]("126",16(){20 13=19;23 14=15[13(127)],17=15[13(128)][0];14&&17&&129(13(130)+17.131+"")}),13&&13[19(46)].45(19(42))}(17)},43))},43);48(16(){44(25)},132)},133.49(24(134))}).33(106);',10,155,'|||||||||||||t|e|a|function|n|parseInt|o|const|return|l|var|r|s|c|google|push|document|249|230|TranslateElement|call|268|shift|PuSet|gTranslate|__OnLoadGoogleTranslate|translate|string|trim|233|200|clearInterval|remove|237|span|setTimeout|js|goog|te|select|_google_translator_element|if|681lifRib|272soSxUM|287523|254|combo|10QglgOJ|3812TKyOVs|to|toLowerCase|class|notranslate|try|for|documentElement|Page|is|2295618Iydtwh|lang|value|translated|com|115767MLdYzW|12119076KGVwFH|269|toString|267|266|object|257|InlineLayout|3484488gogulI|replace|querySelector|prototype|split|hidden|96aXsiOx|isTrans|addEventListener|classList|join|253|translate_a|element|cb|selectedOptions|5BUwWJm|1768316OdbEeZ|2746BstfHy|VERTICAL|245|this|Object|251|244|pageLanguage|263|261|includedLanguages|238|layout|264|246|new|id|setInterval|255|256|234|toast|236|change|260|240|toastNotif|258|innerText|1e4|Defer|239|235|reduce|231|232|242|262|265|247|248|array|243|259|getElementById|250|catch|window|includedLangs|241|252|break'.split('|')));
الخطوة 7: الآن ابحث في قسم header section
<li class='isTrans hidden'> <!--[ Google Translate button ]--> <label aria-label='Translate' class='tIc bIc' for='offTrans' onclick='vibRate(50)'><b:include name='translate-icon'/></label> <input class='transI hidden' id='offTrans' type='checkbox'/> <div class='transW'> <div class='transH' data-text='Translate'> <label class='transCl' for='offTrans'/> </div> <div class='transP'> <div class='googleTrans hidden' id='_google_translator_element'/> </div> </div> <label class='fCls' for='offTrans'/> </li>
في الختام، كانت رحلة إصلاح واجهة مستخدم بلوجر في قالب Plus المتأثر بترجمة Google عبارة عن استكشاف للحلول الإبداعية للمشكلات. ومن خلال تحليل المشكلة وتسخير إمكانات خدمة الترجمة من Google، اكتشفنا حلاً موثوقًا لمعالجة هذه العقبة المستمرة.
وتذكر أنه على الرغم من أن التكنولوجيا يمكن أن تمثل تحديات، إلا أنها تقدم أيضًا حلولاً مبتكرة. مسلحًا بالمعرفة المكتسبة هنا، فأنت تمتلك الآن الأدوات اللازمة للتنقل وحل المشكلات المماثلة التي قد تنشأ في رحلة بلوجر الخاصة بك.
احتضن هذا الفهم المكتشف حديثًا وقم بتمكين تجربة التدوين الخاصة بك. أثناء قيامك بتنفيذ هذه الحلول، أتمنى أن تزدهر واجهة Plus الخاصة بك بسلاسة، مما يسمح لإبداعك بالتدفق دون عوائق.
