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

الصفحات

أحدث المقالات

طريقة إضافة أداة تحويل أكواد أدسنس لمدونتك

طريقة إضافة أداة تحويل أكواد أدسنس لمدونتك 

Html code pharse tool for adsense or 
blogger

طريقة إضافة أداة تحويل أكواد أدسنس لمدونتك

السلام عليكم ورحمة الله وبركاته 

كما نعلم جميعنا أنا هناك قوالب لا تقبل كود إعلان أدسنس لعذرً ما أو لمشكلة في القالب فاللذي يحدث أنه عند إضافة كود الأدسنس لا يتوافق مع القالب ويتعذر إظهار الأعلان أو يظهر الكود كتابةً ... لحل هذه المشكلة هناك أداة تقوم بتغيير ترميز  الكود دون التأثير عليه وليصبح متوافقا ويعمل دون مشاكل .. 
وكذالك نسخ الكود إلى الحافظة بضغطة زر .. ويوجد كذالك زر لتنظيف الأداة لاعادة استخدامها لتعديل كود آخر .. 

في هاذ الموضوع سنتعلم طريقة إضافة هاذه الأداة إلى المدونة و الاستفادة منها في تعديل الأكواد و كذالك جعل زوار المدونة يستفيدون منها أيضاً .

أولاً : إذهب إلى لوحة التحكم في في بلوجر >> ومن ثم إلى تبويب الصفحات >>ومن ثم إختر صفحة جديدة .

ثانياً : إختر تعديل html ومن ثم إمسح المحتوى ثم أضف الكود التالي : 



<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">
   <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'>&#215;</span></button> 
      <h4>تم نسخ الكود إلى الحافظة</h4>
   </div>
   <br/> <button onclick="convert();" class='btn btn-primary btn-sm btn-parse' type="button">تحويل الكود</button> 
   <div class="clear"></div>
   <button class='btn button-link btn-xs btn-info' id='button-link' data-clipboard-action='copy' data-clipboard-target='#somewhere' 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/redvision@master/htmlparse.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]></script>

ثالثاً: أضف عنوان للصفحة مثلاً : محول أكواد أدسنس ... 
وقبل أن تنشر الصفحة قم بالحفظ .. ومن خيار إعدادات المشاركة أختر التبويب خيارات ... واختر عدم السماح بالتعليقات .

الآن يمكنك نشر الصفحة وإضافتها إلى القائمة الجانبية أو الويدجيت ...
 يوجد استخدامات أخرى للأداة سنتطرق الى شرحها لاحقاً ..

إذا أعجبك الشرح لا تنسى الضغط على أعجبني أسفل الموضوع ... ومشاركة الموضوع عبر أزرار التواصل الأجتماعي في الأسفل ...
في أمان الله ... 
هل اعجبك الموضوع :

تعليقات

تعليقان (2)
إرسال تعليق

إرسال تعليق

لاي سؤال أو استفسار أترك تعليقك هنا وسنرد عليك في أقرب وقت ممكن ..

} });