طريقة إعادة توجيه زوار مدونة بلوجر الي مدونة اخري او موقع اخر || افضل الاكواد

 

اليوم سوف نستعرض اداة من ادوات بلوجر وهي اداة محول الاكواد وسوف نتعرف علي كيفية اضافة اداة محول الاكواد الي مدونة بلوجر.

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

وطريقة  تركيب محول الاكواد علي بلوجر بشكل احترافي ومتناسق ليس امراً صعباً بل هو سكريبت او كود يتم اضافته داخل صفحة ثابتة.

واذا كنت ترغب في اضافة صفحة محول الاكواد في بلوجر فسوف نبسط لك ذلك باستخدام سكريبت.

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

اداة محول الاكواد سواء كانت اكواد بلوجر او جوجل ادسنس وهذه الاداة يمكنك اضافتة في صفحة جديدة علي مدونتك الخاصة في بلوجر، ليتمكن الزوار من استخدامة في تحويل اكوادهم علي صفحة خاصة بك.

دعنا نتعرف علي اداة محول الاكواد Code Converter وطريقة استخدامها في تحويل الاكواد سواء اكواد بلوجر او جوجل ادسنس قبل الشروع في طريقة تركيب اداة محول الاكواد الي مدونتك الخاصة.

اداة محول الاكود  Code Converter  هي اداة نستخدمها في تحويل اكواد بلوجر وجوجل ادسنس التي لاتقبلها بعض القوالب.

وتساعدك هذه الاداة في تحويل الاكواد الي جميع لغات البرمجة HTML – XML – Javascript وهناك بعض القوالب لاتقبل بعض الاكواد او الاضافات البرمجية بسبب التعليمات البرمجية من قبل مصصم القالب.

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

وهذه الاداة مفيد في تحويل اكواد Adsense الاعلانية والتي قد تكون غير متوافقة مع القالب التي تستخدمة في المدونة خاصتك.

واداة محول الاكواد يعمل بشكل تلقائي لا تحتاج منك اي لغة برمجة، ما عليك الا لصق الكود المراد تحويل في الاداة والضغط علي زر تحويل.

محول الاكواد Code Converter لا يحتاج منك شيئاً وبأسرع وقت يمكنك الحصول علي كود محول متوافق مع القالب سواء كانت اكواد بلوجر او ادسنس.

خطوات استخدام اداة محول الاكواد.

·       انسخ الكود المراد تحويلة كاملاً.

·       اذهب الي محول الاكواد والصق الكود داخلة.

·       اضغط علي زر او ايقونة تحويل ( سوف تظهر لك ايقونة جديد باسم نسخ).

·       اضغط علي زر نسخ واذهب لاضافة كودك المحول.

يمكنك معاينة اداة محول الاكواد بالضغط علي زر المعاينة ادناه.

معاينة

والان اصبحنا جاهزين للذهاب الي الخطوة التالية وهي اضافة اداة محول الاكواد الي مدونة بلوجر بشكل احترافي.

اضافة اداة محول الاكواد الي مدونة بلوجر بشكل احترافي.

وهذه الاداة ستجدة في اغلب مدونات بلوجر وخاصة المدونات التقنية وهي صفحة ثابتة تجده مع الصفحات الثابتة مثل ( الرئيسية – اتصل بنا – عن الموقع – الارشيف) في اعلي المدونة  Header او في الاسفل Footter

.

وسوف نستخدم كود احترافي لتركيب اداة محول الاكواد في مدونتك وسنتعرف علي طريقة عرضة مع الصفحات الثابتة سواء في اعلي المدونة او في اسفلة.

-        توجة الي لوحة تحكم بلوجر.

-        في القائمة المنسدلة اضعط علي الصفحات.

-        اضغط علي صفحة جديده.

-        اكتب في عنوان الصفحة محول الاكواد.

-        حول الصفحة من عرض انشاء علي عرض HTML عن طريقة علامة القلم في اعلي الصفحة.

-        احذف جميع الاكواد داخل الصفحة.

وقم بلصق الكود التالي داخل الصفحة.

<div align="center"><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" style="text-align: right;"><br /></div><div id="parser2"><br /></div><div id="parser2"><br /></div><div id="parser2"><br /></div><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">×</span></button> 
      <h4>تم نسخ الكود إلى الحافظة</h4>
   </div>
   <br /> <button class="btn btn-primary btn-sm btn-parse" onclick="convert();" type="button">تحويل الكود</button> 
   <div class="clear"></div>
   <button class="btn button-link btn-xs btn-info" data-clipboard-action="copy" data-clipboard-target="#somewhere" id="button-link" 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/redvision@master/htmlparse.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]></script></div> 



<br />
<br /><h3 style="text-align: right;"><br /></h3>
أداة محول الأكواد.txt
جارٍ عرض أداة محول الأكواد.txt.

-        قوم بمعاينة ونشر الصفحة.

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

والان عليك تثبيت الصفحة علي الواجهة الرئيسية في مدونتك، في الاعلي او الاسفل.

وهي مثل اضافة الصفحات الثابتة الاخري يجب تحديد المكان المراد تثبيت صفحة محول الاكواد عليها.

خطوات تثبيت صفحة محول الاكواد الي الواجهة الرئيسية.

·       اذهب الي لوحة تحكم بلوجر.

·       اضغط علي التنسيق من القائمة المنسدلة.

·       اضغط علي اداة تعديل الصفحات.

·       اضغط علي اضافة عنصر جديد.

·       في عنوان الموقع اكتب اسم مثلا محول الاكواد. وفي عنوان url ضع رابط  صفحة محول الاكواد Code Converter .

اذهب الي عرضة المدونة وسوف تظهر لك صفحة محول الاكواد بدون اي مشاكل ويمكنك الشروع في استخدامه.

وبهذا تعلمنا كيفية اضافة محول الاكواد الي مدونة بلوجر بشكل احترافي.

اتمني ان تكونوا استفدتم من هذا الشرح.

شرح بالفيديو طريقة اضافة اداة محول الاكواد علي قناة اليوتيوب من هنا