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

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

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


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

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

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

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

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

ثانياً : إختر تعديل 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/[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>

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

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

إذا أعجبك الشرح لا تنسى الضغط على أعجبني أسفل الموضوع ... ومشاركة الموضوع عبر أزرار التواصل الأجتماعي في الأسفل ...
في أمان الله ... 
تعليقات
لاي سؤال أو استفسار أترك تعليقك هنا وسنرد عليك في أقرب وقت ممكن ..
لإضافة صورة في التعليق:
[image] image_url [/ image]

لإضافة كود في التعليق:
[code] your_code [/ code]

لإضافة اقتباس في التعليق:
[quote] your_quote [/ quote]

لإضافة رابط في التعليق:
[link] your_link_text | link_url [/ رابط]
Sayem Miaji
good content bro keep this up
alfurati
Thank you
.. you are welcom 👍❤❤❤
-->