ما هي أداة تحويل الأكود
أداة تحويل الأكود Adsense و HTML و XML و JavaScript
تعد أداة التحويل هذه أداة مفيدة للمدون ومصمم الويب لأنها تساعدك على تحويل جميع HTML و XML و JavaScript قبل الإضافة إلى بعض التعليمات البرمجية الصارمة لقالب موقع الويب أو إذا كنت تستخدم قالب blogger ، فستتوافق مع رسائل خطأ blogger النموذجية .
إذا كانت لديك مشكلة مع بعض HTML أو XML أو كود JavaScript ورمز التضمين أو iframe ، ففي بعض الأحيان لا يقبل قالب مدونتك أو بعض قوالب HTML أو PHP الأخرى هذه الرموز عند الضغط على زر الحفظ. فأنت بحاجة إلى هذه الأداة للتحويل أو التغيير إلى التنسيق الصحيح.
من الناحية الفنية ، تقوم بذلك عن طريق استبدال أحرف HTML المحجوزة بمكافئات XHTML الخاصة بها. إنه في الأساس برنامج تشفير HTML بسيط يستبدل تلقائيًا جميع أحرف HTML الخاصة مثل <،> ، & في الكيانات & lt ؛، & gt ؛، & amp ؛.
استخدام محول الأكواد
1. اكواد إعلان جوجل ادسنس: هناك قوالب لا تقبل كود إعلان أدسنس لمشكلة ما في القالب فعند وضع الكواد اعلان ادسنس لا يتوافق مع القالب ويتعذر إظهار الأعلان أو يظهر الكود مكتوباً ذلك يجب تحويله عن طريق محول الأكواد.
2.عند مشاركة كود HTML او Java Script او CSS وغيرها داخل تدوينة ما في مدونتك فتحتاج اولاً الي تحويل الكود ليظهر بالشكل الصحيح للقارئ ويصبح لديه القدرة علي نسخ الكود الصحيح.
طريقة إضافة صفحة محول الاكواد الي مدونة بلوجر.
1.قم بالدخول الي مدونة بلوجر.
2.من الشريط الايمن قم بالدخول الي الصفحات.
3.فم بإنشاء صفحة جديدة.
4.قم بتسمية الصفحة علي سبيل المثال "محول الأكواد".
5.ثم قم بالتحويل الي وضع "عرض HTML".
6. قم بمسح كل الأكواد ثم ضع الكواد التالي:
<div><div class="heroBox">
<div class="BoxTool">
<p class="title dt" href="#main-content" style="font-weight: bold;"><b>أداة تحويل جميع الأكواد :</b></p>
<textarea id="inputcode" name="محول الأكواد" placeholder="اضف الكود الذي تريد تحويله أو عكس التحويل..."></textarea>
<div class="btnF">
<button class="button" id="btn-gent" onclick="succNtf()">تحويل الكود</button>
<button class="button" id="btn-back" onclick="succBack()">عكس التحويل</button>
<button class="button" id="btn-copy" onclick="cpydNtf()">نسخ الكود</button>
</div>
<div class="BoxTool-power">
<svg version="1.0" viewbox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><defs><clippath id="a"></clippath><clippath id="b"><path d="M137 98h85v9h-85Zm0 0"></path></clippath><clippath id="c"><path d="M112 29h139v71H112Zm0 0"></path></clippath></defs><g clip-path="url(#a)"><path class="svgC" d=""></path></g><path d="" fill="#fff"><g clip-path="url(#b)"><path class="svgC-1" d="m222 103-1 4c-27-7-55-7-83 0l-1-4c28-7 57-7 85 0"></path></g><g clip-path="url(#c)"></g></path></svg>
<a href="https://www.foruent.com/" itemprop="url"> تكنولوجي </a>
</div>
</div>
</div>
<!--[ CSS ]-->
<style>
/*<![CDATA[*/
.BoxTool {
position: relative;
padding: 13px;
border-radius: 10px;
background: var(--contentB);
margin-top: 20px;
box-shadow: 0 3px 9px -2px;
}
.BoxTool::before{
border-radius: 70px 0 0 0;
bottom: 0;
left: unset;
right: 0;
content: '';
width: 70px;
height: 70px;
position: absolute;
z-index: 0;
background: rgba(0,0,0,.04);
}
.drK .BoxTool{
background:var(--darkBa);
box-shadow:0 10px 40px rgba(0,0,0,0.2);
}
.BoxTool-power{
font-size:15px;
color:#fff;
line-height:1;
padding-top:15px;
text-align:center;
margin:5px
}
.BoxTool-power svg{
height:18px;
width:18px;
margin-left:5px;
vertical-align:middle;
}
.svgC-1{
fill:#ffa100
}
.svgC{
fill:"var(--linkC)"
}
.drK .BoxTool textarea {
background: #0000;
border-color: rgba(255,255,255,0.15);
color: var(--white-color);
}
.BoxTool textarea {
resize: none;
height: 250px;
width: 100%;
margin: 5px 0 5px 0;
padding: 15px;
outline: 0;
border: 2px solid rgba(0,0,0,0.05);
border-radius: 2px;
line-height: 22px;
background-color: #fefefe;
}
/*]]>*/
</style>
<!--[ JS ]-->
<script>//<![CDATA[
function mohawel(e) {
return e.replaceAll("&", "&").replaceAll('"', """).replaceAll("<", "<").replaceAll(">", ">").replaceAll("'", "'")};
function backtahwil(e) {
return e.replaceAll(""", '"').replaceAll("<", "<").replaceAll(">", ">").replaceAll(" ", " ").replaceAll("'", "'").replaceAll("'", "'").replaceAll("'", " ").replaceAll("&", "&")};
function mhcopy() {
document.querySelector("textarea").select(), document.execCommand("copy")};
document.getElementById("btn-gent").addEventListener("click", function() {
document.getElementById("inputcode").value = mohawel(document.getElementById("inputcode").value)}), document.getElementById("btn-back").addEventListener("click", function() {
document.getElementById("inputcode").value = backtahwil(document.getElementById("inputcode").value)}), document.getElementById("btn-copy").addEventListener("click", mhcopy);
function succNtf() {
document.getElementById('toastNotif').innerHTML = '<span>تم تحويل الكود<i class="check"></i></span>';navigator.vibrate([110])};
function succBack() {
document.getElementById('toastNotif').innerHTML = '<span>تم عكس التحويل<i class="check"></i></span>';navigator.vibrate([110])};
function cpydNtf() {
document.getElementById('toastNotif').innerHTML = '<span>تم النسخ الي الحافظة<i class="clipboard"></i></span>';navigator.vibrate([110])};
//]]></script></div>
<br>
7.من اليسار قم بوضع وصف للصفحة "وصف مختصر"
8.قم بغلق التعليقات لتستفيد من سرعة الصفحة.
9.قم بنشر الصفحة .
طريقة وضع صفحة تحويل الأكواد في القائمة العليا
1.قم بالدخول الي التنسيق.
2.قم بالذهاب الي القائمة العليا ثم اضغط علي تعديل
3.قم بوضع الصفحة التي قمنا بإنشاءها بهذه الطريقة.
4.قم بوضع الصفحة في الاسفل كما هو موضح بالسهم الطولي.
5. ثم إضغط علي حفظ.