إضافة محرر الأكواد HTML Editor لتجربة الإضافات والاكواد قبل التركيب والتعديل عليها الى مدونات بلوجر

بسم الله الرحمن الرحيم

والصلاة والسلام على اشرف المرسلين

تحية طيبة عطرة وبعد


إضافة محرر الأكواد HTML Editor لتجربة الإضافات والاكواد قبل التركيب والتعديل عليها الى مدونات بلوجر




نلتقي اليوم وموضوع جديد وهوعبارة عن اضافة الى مدونات بلوجر الاضافة عبارة عن اداة لتجربة ومعاينة الاضافات فبل تركيبها في مدونات بلوجر

صور الاضافة





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

01 - اذهب الى لوحة تحكم مدونتك

02 - الصفحات

03 - اضافة صفحة جديدة

04  - ضع الكود التالي في وضع HTML

05 - ثم اضغط على نشر ومبروك عليك الاضافة

<ins class="adsbygoogle" data-ad-client="ca-pub-4951639325581028" data-ad-slot="8070495799" data-adsbygoogle-status="done" style="display: inline-block; height: 60px; width: 468px;"><ins id="aswift_1_expand" style="background-color: transparent; border: none; display: inline-table; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="60" hspace="0" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" scrolling="no" style="left: 0; position: absolute; top: 0;" vspace="0" width="468"></iframe></ins></ins></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<br /><div style="text-align: center;"><br /><div class="post-header"><div class="post-header-line-1"></div></div><div class="post-body entry-content" id="post-body-7574072485021292581" itemprop="description articleBody"><style type="text/css">.moacwad textarea {  background-color: #0088b2;  border: 0 none;  color: #ffffff;  direction: ltr;  display: block;  font: 14px arial;  height: 250px;  margin: 0 auto;  overflow: auto;  padding: 0;  text-align: left;  width: 100%;}.moacwad iframe {  box-shadow: 0 0 0 1px #ddd inset;  float: none;  height: 400px;  margin: auto;  width: 100%;}.moacwad button {  background-color: #0088b2;  border: 0 none;  box-shadow: 0 0 1px #444 inset;  color: #ffffff;  cursor: pointer;  float: right;  font: 24px droid arabic kufi;  height: 54px;  width: 49.5%;  transition: all 0.7s ease 0s;}.moacwad .moaina {margin-left: 1%;}.moacwad button:hover {background-color: #171717;}</style>
<br /><div class="moacwad"><form method="post" name="form1"><textarea name="code" onclick="focus(this.code)" placeholder="أضف الكود الذي تريد معاينته"></textarea></form><iframe frameborder="0" name="preview" src="about:blank"></iframe><button class="moaina" onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">  معاينــة</button> <button class="tanzef" onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"> تنظيـف </button></div><div style="clear: both;"></div></div><div class="post-footer"><div class="post-footer-line post-footer-line-1"></div><div class="post-footer-line post-footer-line-2"></div><div class="post-footer-line post-footer-line-3"></div></div></div><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- 11 --><br /><ins class="adsbygoogle" data-ad-client="ca-pub-4951639325581028" data-ad-slot="9793254199" data-adsbygoogle-status="done" style="display: inline-block; height: 15px; width: 728px;"><ins id="aswift_2_expand" style="background-color: transparent; border: none; display: inline-table; height: 15px; margin: 0; padding: 0; position: relative; visibility: visible; width: 728px;"><ins id="aswift_2_anchor" style="background-color: transparent; border: none; display: block; height: 15px; margin: 0; padding: 0; position: relative; visibility: visible; width: 728px;"><iframe allowfullscreen="true" allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_2" marginheight="0" marginwidth="0" name="aswift_2" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" scrolling="no" style="left: 0; position: absolute; top: 0;" vspace="0" width="728"></iframe></ins></ins></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><div class="views"><div id="views-container"><span class="views-icon"></span>
<br /><div class="viewstext"></div><div class="viewscount" id="postviews"></div></div></div><div style="clear: both;"></div><div class="post-footer"><div class="post-footer-line post-footer-line-1"><span class="reaction-buttons"></span><span class="post-comment-link"></span><span class="post-backlinks post-comment-link"></span><span class="post-icons"></span><br /><div class="post-share-buttons goog-inline-block"></div></div><div class="post-footer-line post-footer-line-2"></div><div class="post-footer-line post-footer-line-3"><span class="post-location"></span></div></div><div style="clear: both;"></div><div class="clear"></div>

إرسال تعليق

أحدث أقدم

ads1

ads2