wesamdev

افلام هندية$type=sticky$count=4$show=home

$show=home

|روبوتات_$type=slider$source=random-posts$snippet=hide$cate=20$show=home

|اضافات بلوجر$type=three$m=0$rm=0$h=400$c=3$show=home

$show=home

wesamdev

انشاء صفحة أداة تحويل الأكواد الى مدونة بلوجر (محول الأكواد)

اداة تحويل الأكواد او محول الاكواد و يطلق عليها ايضا اسم محول اكواد ادسنس هي عبارة عن اداة تقوم بتحويل بعض رموز اكواد سكريبتات JavaScript، HTML، XML و


انشاء صفحة أداة تحويل الأكواد الى مدونة بلوجر (محول الأكواد)

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



ماهي اداة تحويل الأكواد (محول الأكواد) ؟


اداة تحويل الأكواد او محول الاكواد و يطلق عليها ايضا اسم محول اكواد ادسنس هي عبارة عن اداة تقوم بتحويل بعض رموز اكواد سكريبتات JavaScript، HTML، XML وCSS لكي تتناسب مع مهمة معينة فعلى سبيل المثال اذا اردنا وضع كود JavaScript على قالب بلوجر لن يتم قبوله من طرف القالب اذا كان JavaScript يحتوي على رموز تشبه رموز HTML مثل < او > لأن قالب بلوجر لا يقبل هذه الرموز داخل JavaScript فهناك حلين لهذه المشكلة من بينها حل تحويل الأكواد قبل وضعها على القالب.

اشهر استخدامات محول الأكواد (اداة تحويل الاكواد)

1- في حالة اذا ما قمت بوضع JavaScript في قالب مدونتك على بلوجر ولم يتم قبلوه هنا يمكنك استعمال اداة تحويل الأكاود لكي تقوم بتحويل السكريبت قبل وضعه داخل مقالب مدونتك لكي تتجنب الأخطاء التي يمكن ان تحدث.
2- في حالة اردت مشاركة اكواد HTML او Java Script داخل تدوينة معينة فيجب عليك القيام بتحويل هذه الاكواد  قبل وضعها داخل HTML المدونة.

أدة محول الأكواد


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

مراحل تركيب محول الأكواد في صفحة على مدونة بلوجر


  • اذهب الى مدونة بلوجر.
  • اضغط على الصفحات من خلال الشريط الجانبي الأيمن.
  • اضغط انشاء صفحة جديدة .
  • اختر عرض HTML ثم قم بلصق كود محول الأكواد.
  • من خلال الشريط الجانبي في اليسار قم بوضع وصف للصفحة .
  • قم بغلق التعليقات لأنها لا تناسب هذا النوع من المحتوى.
  • قم بنشر الصفحة .
<style>
.hmcontainer{font-size:16px;width:700px;margin:auto;position:relative;overflow:hidden;padding:10px;background-color:#eee;max-width:800px;border-radius:10px;}
#inputcode{width:100%;height:300px;resize:none;line-height:1.2em;font-family:inherit;font-size:medium;padding:5px;box-sizing:border-box;outline:none;border:solid 2px rgb(0,67,167);border-radius:6px;text-align: left;direction: ltr;}
.btncon{text-align:center;direction:rtl;}
.hmbtn{display:inline-block;padding:3px 5px;font-size:large;font-weight:bold;font-family:inherit;border:none;border-radius:3px;cursor:pointer;color:#fff;transition:200ms;margin:3px;box-sizing:border-box;}
#mhcon{background-color:#009900;}
#mhback{background-color:#990000;}
#mhcopy{background-color:#000099;}
.hmbtn:hover{opacity:0.8;}
.hmbtn:active{opacity:0.3;transition:0;}
</style>
<div class="hmcontainer">
    <textarea name="محول الاكواد" id="inputcode"></textarea>
    <div class="btncon">
        <button class="hmbtn" id="mhcon">تحويل الكود</button>
        <button class="hmbtn" id="mhback">عكس التحويل</button>
        <button class="hmbtn" id="mhcopy">نسخ الكود</button>
    </div>
</div>  
<div><br/></div>
<script>//<![CDATA[
function mohawel(e) {
    return e.replaceAll("&", "&").replaceAll('"', """).replaceAll("<", "<").replaceAll(">", ">").replaceAll("'", "'")
}

function backtahwil(e) {
    return e.replaceAll(""", '"').replaceAll("<", "<").replaceAll(">", ">").replaceAll(" ", " ").replaceAll("'", "'").replaceAll("'", "'").replaceAll("'", " ").replaceAll("&", "&")
}

function mhcopy() {
    document.querySelector("textarea").select(), document.execCommand("copy")
}
document.getElementById("mhcon").addEventListener("click", function() {
    document.getElementById("inputcode").value = mohawel(document.getElementById("inputcode").value)
}), document.getElementById("mhback").addEventListener("click", function() {
    document.getElementById("inputcode").value = backtahwil(document.getElementById("inputcode").value)
}), document.getElementById("mhcopy").addEventListener("click", mhcopy);//]]></script>

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


wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا

COMMENTS

BLOGGER
الاسم

اخبار,45,اداة للكمبيوتر,7,اضافات بلوجر,88,افلام اجنبي,9,افلام روسية,32,افلام عربي مترجمة الي الروسية,1,افلام قديمة,2,افلام هندي,8,البرمجة,8,الجديد في التكنولوجيا,46,العاب,9,النمر,7,اليوتيوب,16,اندرويد,15,اندرويد استوديو,3,برامج كمبيوتر,11,بلوجر,8,تركيا,6,تصميم,3,تطبيقات,20,جافاسكريبت,3,حوادث,5,حول العالم,65,حيوانات,25,خلفيات,1,دروس HTML| بالعربية,2,روبوتات,8,روسيا,60,سياحة,4,سيارات,12,سياسة,17,شروحات,34,شريط الاخبار,1,صحتي,2,طائرات,22,فن,35,قناة الوعي نور,4,قناة قعدة تاريخ,8,قوالب بلوجر,3,كتب الكترونية,7,مالتي ميديا,6,متصفح,2,محليات,4,مسلسل لعبة الحبار,1,مسلسلات اجنبية,2,مسلسلات رمضان 2022,1,مسلسلات رمضان 2120,1,مصر والعرب,2,معدات حربية,34,معدات زراعية,6,مقالات,100,مواصلات النقل,1,مواقع للتصميم,14,وثائقي,14,وسوم بلوجر,2,ويندوز,15,Antivirus,3,Button,1,c++,1,css,37,HTML,11,wesam,2,
rtl
item
Wesam: انشاء صفحة أداة تحويل الأكواد الى مدونة بلوجر (محول الأكواد)
انشاء صفحة أداة تحويل الأكواد الى مدونة بلوجر (محول الأكواد)
اداة تحويل الأكواد او محول الاكواد و يطلق عليها ايضا اسم محول اكواد ادسنس هي عبارة عن اداة تقوم بتحويل بعض رموز اكواد سكريبتات JavaScript، HTML، XML و
https://1.bp.blogspot.com/-pPI98Nc4e7s/YUDx1ow79oI/AAAAAAAAWiE/I6AeTzs0tMIkONSuqI6aI1j_pQIr-HJ6QCLcBGAsYHQ/w770-h330/%25D8%25A7%25D9%2586%25D8%25B4%25D8%25A7%25D8%25A1%2B%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9%2B%25D8%25A3%25D8%25AF%25D8%25A7%25D8%25A9%2B%25D8%25AA%25D8%25AD%25D9%2588%25D9%258A%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A3%25D9%2583%25D9%2588%25D8%25A7%25D8%25AF%2B%25D8%25A7%25D9%2584%25D9%2589%2B%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%2528%25D9%2585%25D8%25AD%25D9%2588%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A3%25D9%2583%25D9%2588%25D8%25A7%25D8%25AF%2529.png
https://1.bp.blogspot.com/-pPI98Nc4e7s/YUDx1ow79oI/AAAAAAAAWiE/I6AeTzs0tMIkONSuqI6aI1j_pQIr-HJ6QCLcBGAsYHQ/s72-w770-c-h330/%25D8%25A7%25D9%2586%25D8%25B4%25D8%25A7%25D8%25A1%2B%25D8%25B5%25D9%2581%25D8%25AD%25D8%25A9%2B%25D8%25A3%25D8%25AF%25D8%25A7%25D8%25A9%2B%25D8%25AA%25D8%25AD%25D9%2588%25D9%258A%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A3%25D9%2583%25D9%2588%25D8%25A7%25D8%25AF%2B%25D8%25A7%25D9%2584%25D9%2589%2B%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%2528%25D9%2585%25D8%25AD%25D9%2588%25D9%2584%2B%25D8%25A7%25D9%2584%25D8%25A3%25D9%2583%25D9%2588%25D8%25A7%25D8%25AF%2529.png
Wesam
https://www.wesamdev.com/2021/09/Code-Converter.html
https://www.wesamdev.com/
https://www.wesamdev.com/
https://www.wesamdev.com/2021/09/Code-Converter.html
true
1297279864306511161
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content