السلام عليكم ورحمة الله وبركاته
أحبابي في الله اليوم سوف أشرح لكم
إضافة محول الأكواد إلى مدونة بلوجر
طريقة التركيب: سهلة جدا وبسيطة تابع الخطوات معي بالضبط
- Pages >> Add New Page - أ- تتوجه إلى القالب
- HTML - ب- تتوجه إلى تبويب
جـ- تكتب في المربع الكود التالي
<!-- اضافة محول الأكواد الى مدونة بلوجر -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
margin:0;
padding:10px;
font:500 14px tahoma;
color:#222;
line-height:21px;
direction:rtl;
}
/*-----------------button------------------*/
input {
padding:8px 12px 10px;
margin:0;
width:314px;
float:right;
text-decoration:none;
background: #F4F4F4;
background: -webkit-linear-gradient(top,#F4F4F4,#F1F1F1);
background: -moz-linear-gradient(top,#F4F4F4,#F1F1F1);
background: -ms-linear-gradient(top,#F4F4F4,#F1F1F1);
background: -o-linear-gradient(top,#F4F4F4,#F1F1F1);
background: linear-gradient(top,#F4F4F4,#F1F1F1);
color: #444;
font:500 13px tahoma;
line-height:13px;
border: 1px solid #DCDCDC;
}
input:hover {
background: #F9F9F9;
background: -webkit-linear-gradient(top,#F9F9F9,#F1F1F1);
background: -moz-linear-gradient(top,#F9F9F9,#F1F1F1);
background: -ms-linear-gradient(top,#F9F9F9,#F1F1F1);
background: -o-linear-gradient(top,#F9F9F9,#F1F1F1);
background: linear-gradient(top,#F9F9F9,#F1F1F1);
border-color:#C6C6C6;
box-shadow:0 1px 1px #CCC;
}
input:active {
background: #EEE;
background: -webkit-linear-gradient(top,#EEE,#E0E0E0);
background: -moz-linear-gradient(top,#EEE,#E0E0E0);
background: -ms-linear-gradient(top,#EEE,#E0E0E0);
background: -o-linear-gradient(top,#EEE,#E0E0E0);
background: linear-gradient(top,#EEE,#E0E0E0);
box-shadow:inset 0 1px 2px #CCC;
}
textarea {
direction:ltr;
width:628px;
height:250px;
border:1px solid #CCC;
background:#FFF;
padding:10px;
font:500 14px tahoma;
font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
color:#444;
border-radius:4px;
margin:0 0 10px;
line-height:14px;
}
textarea:hover,textarea:focus {
box-shadow:inset 0 1px 2px #CCC;
border-color:#BBB;
outline:none;
}
</style>
<script type="text/javascript">
//<![CDATA[
function html2entities(){
var re=/[<>"'&]/g
for (i=0; i<arguments.length; i++)
arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
}
function replacechar(match){
if (match=="<")
return "<"
else if (match==">")
return ">"
else if (match=="\"")
return """
else if (match=="'")
return "'"
else if (match=="&")
return "&"
}
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
//Character count script
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
//]]>
</script>
</head>
<body>
<form>
<textarea name="data1" placeholder="Write The HTML Code Here ...."></textarea><br>
<input name="button" type="button" style="border-radius:0 5px 5px 0" onClick="html2entities(this.form.data1)" value=" Convert ">
<input name="Clear" value=" Clear " style="border-radius:5px 0 0 5px" type="reset">
</form>
<!-- اضافة محول الأكواد الى مدونة بلوجر -->
أو الكود التالي اختر ايهما تحب
<!-- اضافة محول الأكواد الى مدونة بلوجر -->
<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, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");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>
<!-- اضافة محول الأكواد الى مدونة بلوجر -->
د- قم بحفظ الصفحة ثم قم بعرضها
إذا واجهتك مشاكل في التركيب لا تردد في التعليق
مصدر الأكواد
albaadani.com
كيفية المساعدة التي حصلت عليها؟
فظيع
سيئة
حسنا
جيد
عظيم
مواضيع ذات صلة
No comments:
Post a Comment