شرح كيفية إنشاء صفحة محول الأكواد على مدونة بلوجر

كثيرا ما يحتاج المدون إلى إدراج أكواد عديدة إلى قالب المدونة كأكواد البنرات الإعلانية  مثل أدسنس أو غيرها من الشركات الإشهارية أو إضافة أكواد إلى صندوق التعليقات وحتى  يتسنى قبولها وجب إعادة ترميزها بواسطة إضافة محول الأكواد  لكي تشتغل على منصة بلوجر بدون مشاكل.
html code converter blogger's add on

السلام عليكم ورحمة الله تعالى وبركاته ، متابعي مدونة أخبار وتقنيات وعلى قسم إضافات بلوجر اليوم نقدم لكم شرح كيفية إضافة وإنشاء صفحة محول الأكواد على مدونة بلوجر

* طريقة تركيب الإضافة:
1-  بعد دخول التسجيل إلي المدونة نختار الصفحات.

2-  ننشئ صفحة جديدة بإسم Html Code Converter
3- نتحول من وضع تأليف إلى وضع HTML
 4- ننسخ الكود أسفله ولصقه داخل الصفحة ونقوم بالنشر.

<style type="text/css">
.cbt{text-align:center;display:block; Width:200px; margin-top:10px;color:#000;background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );font-size:14px;line-height:16px;text-decoration:none;border:1px solid #BEBEBE;padding:4px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.cbtn{margin-top:10px;color:#222;background: #D1E0E5;background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);text-decoration:none;border:1px solid #BEBEBE;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
</style>
<div align="center">
<div dir="ltr" style="float: center;" trbidi="on">
<span class="google-src-text" style="direction: ltr; text-align: left;"><span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/±/ig, "&plusmn;");replaced = replaced.replace(/©/ig, "&copy;");replaced = replaced.replace(/®/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script></span></span></span><br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody>
<tr> <td valign="top" width="400"><div align="center">
<textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input class="cbt" onclick="convert();" onmouseout="this.className='cbt'" onmouseover="this.className='cbt cbtn'" type="button" value="إضغط هنا لتحويل الكود" /></div>
</td></tr>
</tbody></table>
</div>
</div>

5-  في الأخير نقوم بربط الصفحة بالمدونة بوضع الرابط المتحصل عليه بعد النشر داخل قالب المدونة

أرجو أن أكون قد أفدتكم ولو بقليل 

مدون شغوف أعشق التدوين المعلوماتي ، والإطلاع على آخر مستجدات التقنية وعالم الأنترنت ..أقدم أخبارا تقنية أولا بأول في مجال الهواتف الذكية والشبكات الإجتماعية

شارك الموضوع

مواضيع قد تهمك