وصف المدون

Hello, I am Abdulaziz, a technical blogger and founder of technology website, interested in the internet and web design field. My goal is to create a website that provides design and problem-solving services.

إعلان الرئيسية

الصفحة الرئيسية غير مصنف تحديث | طريقة انشاء صفحة محول الأكواد وإضافتها إلى مدونتك

تحديث | طريقة انشاء صفحة محول الأكواد وإضافتها إلى مدونتك



ما هي أداة تحويل الأكود

أداة تحويل الأكود 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("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("'", "&#39;")};
function backtahwil(e) {
  return e.replaceAll("&quot;", '"').replaceAll("&lt;", "<").replaceAll("&gt;", ">").replaceAll("&nbsp;", " ").replaceAll("&#39;", "'").replaceAll("&#039;", "'").replaceAll("&apos;", " ").replaceAll("&amp;", "&")};
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. ثم إضغط علي حفظ.

إنضم الي جروب تلجرام للربح من بلوجر وحل المشاكل التي قد تواجهك.
إنضم الي جروبنا علي تلجرام


لماذا تحتاج إلى تحويل كود HTML؟

أداة تحويل HTML هي أداه بسيطة للغاية تتيح لك تحويل ترميز أكواد HTML و Javascript و XML. يتم قبول التشفير مع جميع الشروط. سأعطيك مثالاً: أستخدم مدونة بلوجر لوضع إعلانات Google Adsense ولكن في كل مرة أدخل فيها إلى منطقة HTML ، لا يمكنني حفظها. هذا يعني أن منطقة كود Blogger لا تعمل بشكل صحيح مع كود Adsense. تتأثر هذه الحالة بنماذج الجهات الخارجية في Blogger. ثم الحل الذي يمكنك إضافة Google Adsense الخاص بك على مدونتك هو تحويل الشفرة إلى الترميز قبل وضعها في منطقة كود HTML في Blogger.

Back to top button