recent
أخبار ساخنة

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

Ahmed Elsayed
الصفحة الرئيسية

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

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

تركيب الاضافة

طريقة التركيب تم تنسيقها لتكون أسهل ودون التطرق لإعادة تكرار الأكواد كاملة في كل مرة .
قم بالبحث عن هذا الوسم </body> فوقه أي قبله 

 <!--converter code comment + ads -->
<div style='display: none;'>
<div id='converter-code-co-ads-hed'><div id='flippy'><button><i class='fa fa-refresh fa-spin fa-3x fa-fw'/>
محول الاكواد
</button>
<b>إستخدم هذه الأداة لترميز الأكواد حتى تصبح قابلة للعرض في التعليقات كما يمكن إستخدامها في تحويل أكواد أدسنس
</b></div><div id='flippanel'><div class='google-src-text'><table><tbody><tr><td><button class='beaut-clear-code' type='submit'><i aria-hidden='true' class='fa fa-trash'/></button><textarea cols='50' id='somewhere' placeholder='...ضع الكود هنا لترميزه' rows='15' spellcheck='false'/><input class='cbt' onclick='convert();' onmouseout='this.className=&apos;cbt&apos;' onmouseover='this.className=&apos;cbt cbtn&apos;' type='button' value='إضغط هنا لتحويل الكود'/></td> </tr></tbody></table></div></div></div>
</div>
<script type='text/javascript'>
//<![CDATA[
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;};
//Replace form
var $Replaced = jQuery.noConflict();
$Replaced(document).ready(function(){
$Replaced("#converter-code-co-ads").replaceWith($Replaced("#converter-code-co-ads-hed"));
});
//btn show hid
jQuery.noConflict();
jQuery(document).ready(function($){
$("#flippy").click(function() {
$("#flippanel").slideToggle("normal");
});});
//btn clear
 $(".beaut-clear-code").click(function() {
    $("#somewhere").val('');
  });
//]]>
</script>
<style type='text/css'>
div#converter-code-co-ads-hed{background-color:#f1f1f1;position:relative;overflow:hidden;display:block;width:100%;padding:10px;margin-bottom:30px;}
#flippy{position:relative;display:block;width:100%;overflow:hidden;background-color:#eaeaea;cursor: ns-resize;}
#flippy button{float:right;background:#4d90f0;color:#fff;text-align:center;border:none;padding:3px 15px;margin:0 auto;font-size:1em;font-family:inherit;font-weight:bold;vertical-align:middle;cursor:pointer;}
#flippy i {font-size: 1em;margin-left: 8px;color: #232323;}
#flippy b{line-height:normal;font-size:13px;padding:0 10px;color:#5a5a5a;}
#flippy:hover button,.google-src-text button:hover{outline:none;background: #525252;color: #c1c1c1;}
#flippanel{display:none;}
.google-src-text{overflow:hidden;position:relative;display:block;}
.google-src-text table{width:100%;}
.google-src-text #somewhere{position:relative;width:100%;padding:20px;direction:ltr;text-align:left;font:16px 'Monaco',monospace,Courier,Courier New;border:0;background-color:#ffffff;color:#777;}
.google-src-text button,.google-src-text button[disabled]:active{background:#eaeaea;text-align:center;color:#484848;display:inline-block;padding:6px 12px;font-size:1.2em;font-weight:400;line-height:1.471;margin:5px;border:0;transition:all .1s;cursor:pointer;position:absolute;z-index:1;right:0;top:0;}
/*==cb btn==*/
.cbt{text-align:center;display:block;Width:200px;margin-top:10px;color: #ffffff;background: #4d90f0;font-size:14px;line-height:16px;text-decoration:none;border:0;padding:10px;cursor:pointer;}
.cbtn{background: #484848;color: #eaeaea;}
/*=======border-radius [0.25em]========*/
.cbt, .google-src-text button{
border-radius:0.25em;-moz-border-radius:0.25em;-webkit-border-radius: 0.25em;-o-border-radius:0.25em;-ms-border-radius:0.25em;}
/*==Page Responsive==*/
@media screen and (max-width:800px) {
.google-src-text #somewhere {font-size: .8em;}
#flippy button {display: block;width: 100%;}
#flippy b {line-height: 3;font-size: 1em;padding: 10px;word-wrap: break-word;white-space: -moz-pre-line;white-space: pre-line;display: block;text-align: justify;}}/*Microsoft lumia550*/
</style> 



ثانيا قم بالبحث عن هذا الوسم <div class='comment-form'> وقم بوضع الكود التالي أسفله
 <div id='converter-code-co-ads'/> 

ملاحظة هامة

الكود الأخير الذي نبحث عنه ستجده مكرر مرتين لابد من تكرار العملية وإليك صورة توضيحية
























































































google-playkhamsatmostaqltradent