القائمة الرئيسية

الصفحات

اخر المقالات

شرح اضافة محول الاكواد الا مدونتك

 



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

اداة تحويل الاكواد  و Adsense وXML  وJavaScript

تعد اداة التحويل هده اداة مفيدة للمدون ومصمم الويب لانها تساعد على تحويل جميع HTML وXML و JavaScript قبل الاضافة الا بعض البرمجة لقالب موقع الويب او ادا كنت تستخدم قالب  بلوجر. فستتوافق مع رسائل بلوجر النمودجية .

ادا كانت لديك مشكلة مع بعض 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 align="center"><style scoped="" type="text/css"> #parser2{position:relative;overflow:hidden} #parser2 .btn,#parser2 .btn:active{background-image:none} #parser2 .btn{font-weight:400;padding:6px 12px;margin-bottom:5px;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:4px;cursor:pointer;transition:all .3s} #parser2 .btn:active:focus,#parser2 .btn:focus{outline:0} #parser2 .btn:focus,#parser2 .btn:hover{color:#333;text-decoration:none;outline:0} #parser2 .btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)} #parser2 .btn-primary{color:#fff;background:#3e51b5} #parser2 .btn-primary:focus,.button-group button:disabled{color:#fff;background:#286090} #parser2 .btn-primary:active,#parser2 .btn-primary:hover{color:#fff;opacity:.9} #parser2 .btn-danger{color:#fff;background:#f39c12} #parser2 .btn-danger:focus{color:#fff;opacity:.9} #parser2 .btn-danger:active,#parser2 .btn-danger:hover{color:#fff;opacity:.9} #parser2 .btn-info{color:#fff;background:#5bc0de} #parser2 .btn-info:focus{color:#fff;background:#31b0d5} #parser2 .btn-info:active,#parser2 .btn-info:hover{color:#fff;background:#31b0d5} #parser2 .btn-xs{font-size:12px;line-height:1.5;border-radius:3px;padding:1px 5px} #parser2 textarea#somewhere{background:#fef1c8;border:0;height:300px;width:100%;margin:0 0 10px;box-sizing:border-box;font-family:Consolas,Monaco,'Andale Mono',monospace;color:#111;border-radius:10px;box-shadow:inset 0 -5px 5px rgba(0,0,0,0.05);padding:20px} #parser2 textarea#somewhere:active,#parser2 textarea#somewhere:focus{outline:0} #parser2 .btn-sm{display:inline-block;font-size:13px;line-height:1.5;border-radius:5px;padding:12px;margin:0 auto 10px auto;width:30%;box-shadow:0 3px 1.2rem -0.8rem rgba(0,0,0,0.8)} #parser2 .btn-xs{font-size:13px;line-height:1.5;border-radius:5px;padding:12px;margin:auto;width:30%;box-shadow:0 3px 1.2rem -0.8rem rgba(0,0,0,0.8)} .collapse{display:none} .alert-success{color:#222;background:#fff} .alert{border:0;padding:5px 15px;border-radius:10px;position:absolute;top:20px;right:20px;min-width:210px;color:#0984e3;font-size:13px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16)} button.close{padding:0;cursor:pointer;background:none;border:0;-webkit-appearance:none} .close{float:right;font-size:1.3rem;color:#0984e3;margin:1px 0 0 0} button.close:focus{outline:0} .close:hover{opacity:1!important} #btnInfo h4{margin:0;font-size:13px;line-height:2} #button-link{display:none} .clear{clear:both;display:block;margin-bottom:2px} .alert br{display:none} </style> <div id="parser2"><b><span style="color: #0b5394; font-size: large;">تعد أداة التحويل هذه أداة مفيدة للمدون ومصمم الويب لأنها تساعدك على تحويل جميع HTML و XML و JavaScript قبل الإضافة إلى بعض التعليمات البرمجية الصارمة لقالب موقع الويب أو إذا كنت تستخدم قالب blogger ، فستتوافق مع رسائل خطأ blogger النموذجية .</span></b></div><div id="parser2"><br /></div><div id="parser2"><br /></div><div id="parser2"><br /></div><div id="parser2"> <textarea id="somewhere"></textarea> <div class="alert alert-success margin-bottom-20 collapse" id="btnInfo" role="alert"> <button class="close close-copy" onclick="document.getElementById(&quot;btnInfo&quot;).style.display = &quot;none&quot;;cdClear();" type="button"><span aria-hidden="true">×</span></button> <h4>تم نسخ الكود إلى الحافظة</h4> </div> <br /> <button class="btn btn-primary btn-sm btn-parse" onclick="convert();" type="button">تحويل الكود</button> <div class="clear"></div> <button class="btn button-link btn-xs btn-info" data-clipboard-action="copy" data-clipboard-target="#somewhere" id="button-link" type="submit">نسخ</button> <button class="btn btn-danger btn-xs" id="btn_clear" onclick="cdClear();">تنظيف</button> </div> <script type="text/javascript">//<![CDATA[ function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.jsdelivr.net/gh/Arlina-Design/[email protected]/htmlparse.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; //]]></script></div> <br /> <br />




7.من اليسار قم بوضع وصف للصفحة  "وصف مختصر"

8.قم بغلق التعليقات لتستفيد من سرعة الصفحة.

9.قم بنشر الصفحة.


طريقة وضع صفحة تحويل الاكواد في القائمة العليا





1.قم بالدخول الى التنسيق.

2.قم بالدهاب الى الثائمة العليا ثم اضغط على تعديل





3.قم بوضع الصفحة التي قمنا بانشائها بهده الطريقة.





4.قم بوضع الصفحة في الاسفل كما هو موضح بالسهم الطولي.

5.اضغط حفض.



تعليقات