اضافه محول أكواد منسدل أعلي صندوق التعليقات في بلوجر

بسم الله الرحمن الرحيم اليوم اتيت لكم بأضافه مميزه جدا وجذابه للمدونات

اولا فائده محول الاكواد كبيره جدا عند اضافه كود معين من الاكواد في تعليق سيختفي منه بعض العلامات وبهذا لم يصبح كود فبهذه الاداه اصبح يمكن تحويل الكود بكل سهوله

عند الضغط عليها تنسدل كما بالصوره

ثانيا المعاينه انزل الي اسفل الموضوع فوق صندوق التعليقات ستجدها

ثالثا التركيب بسم الله نبدأ

اولا قم بالبحث عن هذا الكود ]]></b:skin>

اضف فوقه الكود التالي


/* -------------css to top comment box--------------------- */
#flippy {text-align: center;}
#flippy button {float: right;background: #00ff33;color: #000;text-align: center;margin: 0 auto;border: none;border-radius: 3px;
padding: 3px 10px;margin: 0px auto;font-size: 12px;font-family: ge_dinar;font-weight: bold;vertical-align: middle;cursor: pointer;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);transition: background 0.1s ease-in-out;}
#flippy button:hover, #flippy button:focus {background: #0E9128;outline: none;color:#fff;}
#flippanel {padding: 1px;text-align: right;border: 0px;}
#flippanel {padding: 24px;display: none;}

وبعدها قم بالبحث عن هذا الكود </body>

واضف فوقه الكود التالي


<script>
$(document).ready(function() {
    $(&quot;#flippy&quot;).click(function() {
        $(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);
    });
});
</script>

بعدها قم بالبحث عن هذا الكود

ستجده مكرر قم بأضافه الكود التالي اسفلهم جميعا


<div id='flippy'><button>محول الاكواد</button></div>
<div id='flippanel'>
<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>
</div>

قم بعمل حفظ

الموضوع له حقوق اتمني عند نقل الموضوع ذكر المصدر

واترك تعليقا مشجعا

Mohamed Abouayana

5 Comments