‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

الأحد، 9 أكتوبر 2016

5
  بسم الله الرحمان الرحيم و الصلاة و السلام على سيدنا  و حبيبنا  قدوتنا محمد صلى الله عليه وسلم الدي نصح الأمة و كشف الغمة و جاهد في الله حق جهاده حتى أتاه  اليقين،أما بعد السلام عليكم ورحمة الله تعالى وبركاته،مرحبا بكل متتبعي مدونتنا برو إسماعيل في تدوينة  حصرية من تقسيمة البلوجر من خلالها سنقدم لكم  قالب بلوجر حصري إخباري و إحترافي مجانا ندعكم تكتشفونه في الصور.

صور من الصفحة الرئسية للقالب

صورة من داخل التدوينات

1-ألوان احترافية  
2- صوت وصورة
3- سلايدر إحترافي و تلقائي.
4- شريط آخرالأخبار
5-صندوق الكاتب.
 6- صديق لمحركات البحث.
 7- قالب بدون اخطاء.
 8- يحتوي على أزرار التواصل الإجتماعية 
 9- متوافق مع جميع الاجهزة.
10- صناديق الاشتراك اسفل التدوينات
 11- و المزيد من المميزات..

للتعديل على القالب
 1-لتشغيل السلايد شو ابحث عن كل وغيرها بتسمية التي تريد
2- لتشغيل السلايد الموجود في التسميات نضع الكود اسفله في التخطيط مع إضافة اسم التسمية.
<div class='widget-content'><div class='widget-content'><div id='simplesidepost0'></div><script type='text/javascript'>$('#simplesidepost0').cbrnewpost({postType:"h",tagName:"أخبار الصحراء"});</script></div></div>  
3- كود اضافة اوقات الصلاة 
 <iframe id="blockrandom" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fRwaCpfJo5uM9OT5dT8dQwTrLbvGvqkRqUbcBW6H9mzS9wdq5m26UxuTx2pBjKUKZs_vXYwrHkELvel8ahxCbg0UDWaGwFwZplHdyIaRAmW07ZZ28CXgdCSDo9vayXvDMIjZ7UKUYwY/s1600/adnani.jpg)" name="" src="http://habous.gov.ma/horaire%20de%20priere/widgets/horaire-header.php?ville=105" scrolling="no" class="wrapper" frameborder="0" height="105" width="308"> No Iframes</iframe>
4 - كود ايقونات مواقع التواصل الاجتماعي 
<div class="box follow_us box_left_white_box box_left_white"><a href="http://www.dakhlalan.com//feed/index.rss" target="_blank"><img src="http://s1.hespress.com/themes/hespress/img/48_rss.png" weight="48px" height="48px" alt="RSS" title="RSS"/></a><a href="https://www.facebook.com/dakhlaalan" target="_blank"><img src="http://s1.hespress.com/themes/hespress/img/48_facebook.png" weight="48px" height="48px" alt="Facebook" title="Hespress on Facebook"/></a><a href="http://www.twitter.com/DAKHLaalan" target="_blank"><img src="http://s1.hespress.com/themes/hespress/img/48_twitter.png" weight="48px" height="48px" alt="twitter" title="Hespress on twitter"/></a><a href="https://www.youtube.com/channel/UCntZkAfNp9x4b6ciwpeKzbg" target="_blank"><img src="http://s1.hespress.com/themes/hespress/img/48_youtube.png" weight="48px" height="48px" alt="YouTube" title="Hespress on YouTube"/></a></div><a href="http://www.alexa.com/siteinfo/http://www.dakhlalan.com/"><script type="text/javascript" language="JavaScript" src="http://xslt.alexa.com/site_stats/js/t/b?url=http://www.dakhlalan.com/"></script></a>

تحميل القالب

  •                                                     تحميل الملف  
  • 0

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

    صور من الصفحة الرئسية للقالب



    صورة من داخل التدوينات




    1-ألوان احترافية  
     2-سلايدر إحترافي .
    3-صندوق الكاتب.
     4-صديق لمحركات البحث.
     5-قالب بدون اخطاء.
     6- يحتوي على أزرار التواصل الإجتماعية 
     7- متوافق مع جميع الاجهزة.
    8- صناديق الاشتراك اسفل التدوينات
     9- و المزيد من المميزات..


    تحميل القالب


  •                                                   تحميل الملف
  • السبت، 10 سبتمبر 2016

    1
    بسم الله الرحمان الرحيم و الصلاة و السلام على سيدنا  و حبيبنا و قدوتنا محمد صلى الله عليه وسلم الدي نصح الأمة و كشف الغمة و جاهد في الله حق جهاده حتى أتاه  اليقين،أهلا و سهلا بكم متابعي و زوار مدونة برو إسماعيل،في هده التدوينة الجديدة التي سنقدم لكم فيها قالب بلوجر احترافي صالح للمدونة عندما تكون متوقفة او عندما تنشئ  مدونة جديدة و  تحدد وقت معين لانطلاق المدونة، ان شاء الله ينال اعجابكم.

    صور من الصفحة الرئسية للقالب

    مميزات القالب:
     1- سريع التحميل.
    3-صديق لمحركات البحث.
    4- ايقونات المواقع الاجتماعية.
    5-قالب بدون اخطاء.
    6-متوافق مع جميع الاجهزة.
    7-ألوان متناسقة و جدابة.
    8- صور عالية الجودة .
    8-و المزيد من المميزات..

    تحميل القالب

  •                                                             تحميل الملف
  • الأحد، 29 نوفمبر 2015

    3

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

    صور من الصفحة الرئسية للقالب


    صورة من داخل التدوينات

    مميزات القالب:

    1-ترقيم الصفحات.
    2-ألوان متناسقة و جدابة
    3-هيدر بشكل رائع مع امكانية تغير لوجو و تغير الخلفية
    4-متجاوب مع جميع الأجهزة و المتصفحات
    5-صندوق التعاليق إحترافي
    6-زر للصعود أعلى الصفحة
    7-صفحة خطأ 404 خاصه
    8-تعليقات بشكل احترافي
    9-سريع التصفح
    10-محبوب لدى محركات البحث و مقوى ذاخليا 
    11- و المزيد من المميزات

    تحميل القالب

  •                                                            تحميل الملف
  • الجمعة، 25 سبتمبر 2015

    0

     بسم الله الرحمان الرحيم و الصلاة و السلام على سيدنا  و حبيبنا  قدوتنا محمد صلى الله عليه وسلم الدي نصح الأمة و كشف الغمة و جاهد في الله حق جهاده حتى أتاه  اليقين،أما بعد السلام عليكم ورحمة الله تعالى وبركاته،مرحبا بكم احبابي في الله في هته التدوينة الجديدة سنقدم لكم قالب مدونة نورو للمعلوميات السابق احترافي بمعنا الكلمة يحتوي على العديد من المميزات من بينها:سريع التصفح و التحميل +سلايد شو احترافي و العديد من المميزات ندعكم تكتشفونه.


    صور من الصفحة الرئسية للقالب



    صورة من داخل التدوينات




      1-ألوان احترافية  
     2-سلايدر إحترافي .
    3-صفحة الإتصال.
     4-مواضيع ذات صلة.
    5-صندوق الكاتب.
     6-صديق لمحركات البحث.
     7-قالب بدون اخطاء.
     8-يحتوي على أزرار التواصل الإجتماعية 
     9-متوافق مع جميع الاجهزة.
     10-و المزيد من المميزات..


    تحميل القالب


  •                                                            تحميل الملف
  • الخميس، 24 سبتمبر 2015

    0

     بسم الله الرحمن الرحيم و الصلاة و السلام على أشرف الأنبياء والمرسلين.اما بعد مرحبا بكم أعزائي و متابعي مدونة برو إسماعيل اليوم ان شاء الله سنريكم إضافة جد رائعة بمناسبة اقتراب عيد الأضحى المبارك،  ف تابعو الشرح أسفله.
       1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT


    3- الصق الكود التالي:
     <div style="float:bottom left; position:fixed; overflow:visible; left:0px; bottom:100px; height:116px; width:450px"> <embed height="200" src="https://googledrive.com/host/0B3ntuTCXGn6ncW5YNVROMnZjX00/" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed></div>
      4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.

    الجمعة، 4 سبتمبر 2015

    0


     السلام عليكم ورحمة الله تعالى و بركاته، مرحبا بكم زوار و متابعي مدونة برو إسماعيل في تدوينة جديدة التي سنقدم لكم فيها صناديق للاقتباس و التعريفات بمجموعة من الألوان المختلفة، بالإضافة لايقونات بمختلف الأشكال يتم وضعها داخل المواضيع لتعريف بالشيء تابعو الشرح اسفله.
       1- ادهب للوحة تحكم مدونتك اختر قالب » تحرير HTML
    2- ابحث عن الكود بالاستعانة بلوحة تحكم (CTRL+F )
     </head> 
       3- الصق الكودين التالين  فوق  الوسم : 
     <link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>


    <link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'
      4- ابحث عن الكود التالي: 
     ]]></b:skin>
    5- ضع فوق الكود السابق الأكواد التالية: 



     كود الأزرار الأولى:
     /* CSS Button Style Simple*/.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}.button ul {margin:0;padding:0}.button li{display:inline;margin:0;padding:0}.demo {opacity:1;padding:7px 14px!important;background:#9eb2c0;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.download {opacity:1;padding:7px 14px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.download2:hover,.demo2:hover,.demo1:hover,.demo:hover,.download1:hover,.download:hover {opacity:0.9;transition:opacity .4s ease-in-out;}.demo:before {content:&#39;\f06e&#39;;display:inline-block;;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out; }.download:before {content:&#39;\f019&#39;;display:inline-block;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}.download1 {opacity:1;padding:7px 14px!important;background:#FEC93F;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.download1:before {content:&#39;\f07b&#39;;display:inline-block;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}.demo1 {opacity:1;padding:7px 14px!important;background:#FE843F;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.demo1:before {content:&#39;\f013&#39;;display:inline-block;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}.demo2 {opacity:1;padding:7px 14px!important;background:#FE3F9B;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.demo2:before {content:&#39;\f0ee&#39;;display:inline-block;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}.download2 {opacity:1;padding:7px 14px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;font-family:Electrolize,&#39;ge_ss_tvbold&#39;;text-align:center;text-transform:uppercase;transition:opacity 0.4s ease-in-out;}.download2:before {content:&#39;\f0c1&#39;;display:inline-block;margin-left:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}
    كود الأزرار الثانية:



     /* CSS Button Style Flat */.buttonhm{list-style:none;text-align:center;width:100%;margin:5px auto;padding:0;clear:both;}.buttonhm li{display:inline;margin:0;padding:0;}.buttonhm li a{background:#3498db;display:inline-block;height:30px;margin:auto 5px;line-height:32px;width:120px;color:#fff !important;font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:default !important;font-family:arial,sans-serif;font-weight:700;text-transform:uppercase;}.buttonhm li a:hover{background:#2980b9;}.buttonhm1 li a:hover{background:#C22D2D;}.buttonhm1{list-style:none;text-align:center;width:100%;margin:5px auto;padding:0;clear:both;}.buttonhm1 li{display:inline;margin:0;padding:0;}.buttonhm1 li a{background:#DB3434;display:inline-block;height:30px;margin:auto 5px;line-height:32px;width:120px;color:#fff !important;font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:default !important;font-family:arial,sans-serif;font-weight:700;text-transform:uppercase;}


     كود الأزرار الثالثة:


    /* CSS Button Style Ar1web */.buttonar1web{list-style:none;text-align:center;width:100%;margin:5px auto;padding:0;clear:both;}.buttonar1web li{display:inline;margin:0;padding:0;}.buttonar1web li a{padding:7px 20px;margin:auto 5px;font-size:13px;font-weight:bold;cursor:pointer;border-radius:2px;border:1px solid #ccc;text-shadow:1px 1px 0 #fff;color:#555 !important;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));background:-webkit-linear-gradient(top, #fff, #f2f2f2);background:-moz-linear-gradient(top, #fff, #f2f2f2);background:-ms-linear-gradient(top, #fff, #f2f2f2);background:-o-linear-gradient(top, #fff, #f2f2f2);box-shadow:0 1px 2px #ddd;font-family: electrolize;}.buttonar1web li a:hover{border-color:#bbb;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);color:#111 !important;}

      6- ثم عند كتابة موضوع تحول لوحة الكتابة من تأليف الى وضع HTML
      7- ثم نضع  الأكواد التالية: 


    كود الأزرار الأولى:
     <div style='text-align: center;'><ul class='button'><li><a class='demo' href='#'>معاينة</a></li><li><a class='demo1' href='#'>تخصيص</a></li><li><a class='demo2' href='#'>رفع مباشر</a></li><li><a class='download' href='#'>تحميل مباشر</a></li><li><a class='download1' href='#'>تحميل الملف</a></li><li><a class='download2' href='#'>الرابط مرفق</a></li></ul><div class='clear'/>
     كود الأزرار الثانية:
     <div style='text-align: center'><ul class='buttonhm'><li><a href='#' target='_blank'>Live Demo</a></li><li><a href='#' target='_blank'>Download</a></li></ul><ul class='buttonhm1'><li><a href='#' target='_blank'>Live Demo</a></li><li><a href='#' target='_blank'>Download</a></li></ul></div><div class='clear'/>
    كود الأزرار الثالثة:
     <div style='text-align: center'><ul class='buttonar1web'><li><a href='#' target='_blank'><i class='icon-eye-open'/> Live Demo</a></li><li><a href='#' target='_blank'><i class='icon-link'/> Download</a></li></ul></div><div class='clear'/>

    الأربعاء، 2 سبتمبر 2015

    0


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

      1- ادهب للوحة تحكم مدونتك اختر قالب » تحرير HTML
    2- ابحث عن الكود بالاستعانة بلوحة تحكم (CTRL+F )
     </head>
      3- الصق الكود التالي  فوقه:
     <link href='http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>
     4- ابحث عن الكود التالي: 
     ]]></b:skin>
      5-ضع الكود التالي فوقه:
     .alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#39484d;text-align: center;}.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}.alert-message span{font-size:14px!important}.alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}.alert-message.success{background-color:#00acd6;color:#fff}.alert-message.success a,.alert-message.success span{color:#fff}.alert-message.alert{background-color:#0073b7;color:#fff}.alert-message.alert a,.alert-message.alert span{color:#fff}.alert-message.warning{background-color:#efa666;color:#fff}.alert-message.warning a,.alert-message.warning span{color:#fff}.alert-message.error{background-color:#f56c7e;color:#fff}.alert-message.error a,.alert-message.error span{color:#fff}.alert-message.happy{background-color:#FA8734;color:#fff}.alert-message.happy a,.alert-message.happy span{color:#fff}.alert-message.link a,.alert-message.link span{color:#fff}.alert-message.link{background-color:#F44242;color:#fff}.alert-message.hi a,.alert-message.hi span{color:#fff}.alert-message.hi{background-color:#57DF69;color:#fff}.alert-message:hover {background-image: linear-gradient(110deg, #766D6C 0%, #606364 50%, transparent 50%, transparent 100%);background-size: 200%;background-position: 150% 0;background-repeat: no-repeat;transition: background-position .9s ease, color .15s ease;color: #eee;}
      6- ثم عند كتابة موضوع تحول لوحة الكتابة من تأليف الى وضع HTML
      7- ثم نضع الكود التالي: 
      <div class="alert-message success"> مدونة برو إسماعيل<i class="fa fa-check-circle"></i>  </div>    <div class="alert-message alert"> مدونة برو إسماعيل<i class="fa fa-info-circle"></i>  </div>    <div class="alert-message warning">  مدونة برو إسماعيل<i class="fa fa-exclamation-triangle"></i>  </div>    <div class="alert-message error">  مدونة برو إسماعيل <i class="fa fa-exclamation-circle"></i>  </div>
    <div class="alert-message happy">  مدونة برو إسماعيل<i class="fa fa-bell-o"></i>  </div>
    <div class="alert-message link">   مدونة برو إسماعيل <i class="fa fa-link"></i>  </div>
    <div class="alert-message hi">   مدونة برو إسماعيل <i class="fa fa-quote-right"></i>  </div>
     - الأيقونات يمكن تغيرها عبر هذا الموقع : FnAw  وترتيبها في الصناديق كالتالي :
    <i class="fa fa-check-circle"></i>
    <i class="fa fa-info-circle"></i>
    <i class="fa fa-exclamation-triangle"></i>
    <i class="fa fa-exclamation-circle"></i>
    <i class="fa fa-bell-o"></i>
    <i class="fa fa-link"></i>
    <i class="fa fa-quote-right"></i> 

    0

     السلام عليكم ورحمة الله تعالى وبركاته مرحبا بكم احبابي في تدوينة جديدة  سنريكم ان شاء الله طريقة وضع كود أو نص داخل إطار بطريقة سهلة و بسيطة فقط تابع الشرح التالي:
      1- ادهب للوحة تحكم مدونتك اختر قالب » تحرير HTML

    2-ابحث عن الكود بالاستعانة بلوحة تحكم (CTRL+F )
     </head>
      3- الصق الكود التالي بعده:
      <script type="text/javascript">function selectAll(){document.form1.demo.focus();document.form1.demo.select();}</script>
     4- ثم عند كتابة موضوع تحول لوحة الكتابة من تأليف الى وضع HTML
      5-ثم نضع الكود التالي:
     <form name="form1" ><textarea readonly cols="25" rows="10" name="demo">أكتب هنا الكود او الكلمات التي تريد</textarea></br><input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();"></form>
       10 = عدد الصفوف
     25 = عدد عرض الأحرف


    0


     السلام عليكم ورحمة الله تعالى و بركاته مرحبا بكم في تدوينة جديدة على مدونة برو  إسماعيل  أن شاء الله سنتطرق معكم لطريقة إضافة أداة ترتيب اليكسا لمدونتك جيت تمكنك من معرفة ترتيب موقعك بشكل مستمر تابعو الشرح اسفله.
       1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT
    - الشكل رقم 1:

    الكود الخاص به:

     <a href="http://www.alexa.com/siteinfo/pro-ismail.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/a?url=pro-ismail.blogspot.com'></script></a>
     و لا تنسى تغير ما باللون الأحمر  http://proismail.blogspot.com/  برابط مدونتك
    -  الشكل رقم 2:
    الكود الخاص به:
    <a href="http://www.alexa.com/siteinfo/pro-ismail.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=pro-ismail.blogspot.com'></script></a>

      و لا تنسى تغير ما باللون الأحمر  http://proismail.blogspot.com/  برابط مدونتك
    -  الشكل رقم 3:
    الكود الخاص به:
    <a href="http://www.alexa.com/siteinfo/pro-ismail.blogspot.com"><script type='text/javascript' src='http://xslt.alexa.com/site_stats/js/s/c?url=pro-ismail.blogspot.com'></script></a>
       و لا تنسى تغير ما باللون الأحمر  http://proismail.blogspot.com/  برابط مدونتك.

    الثلاثاء، 1 سبتمبر 2015

    2

    السلام عليكم ورحمة الله تعالى و بركاته احبابي في الله مرحبا بكم في تدوينة جديدة على مدونة برو إسماعيل ان شاء الله تعالى سنتطرق معكم إلى طريقة اضافة أداة ترجمة مدونات بلوجر  تابعو الشرح التالي.
     1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT

    3- الصق الكود التالي:
     <!-- Begin TranslateThis Button -->
    <div id="translate-this"><a style="width:180px;height:18px;display:block;" class="translate-this-button" href="//www.translatecompany.com/translate-this/">Translate This</a></div>
    <script type="text/javascript" src="//x.translateth.is/translate-this.js"></script><script type="text/javascript">TranslateThis();</script>
    <!-- End TranslateThis Button -->
      4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.



    0

    السلام عليكم ورحمة الله تعالى و بركاته في تدوينة جديدة على مدونة برو إسماعيل و التي سنتطرق فيها أن شاء الله تعالى لطريقة إضافة مركز لرفع الصور في مدونتك بطريقة سهلة، الإضافة تمكن زوار مدونتك من رفع صورهم بسهولة و تعد من أهم الإضافات التي يجب على  مدونتك أن تتوفر عليها تابعو الشرح اسفله.
      1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT

    3- الصق الكود التالي:
    <script src="http://www.gulfup.com/api.js" type="text/javascript" language="javascript"></script>
      4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.

    1

     بسم الله الرحمان الرحيم و الصلاة و السلام على سيدنا  و حبيبنا  قدوتنا محمد صلى الله عليه وسلم الدي نصح الأمة و كشف الغمة و جاهد في الله حق جهاده حتى أتاه  اليقين، مرحبا بكم  احبابي في الله في تدوينة جديدة على مدونة برو إسماعيل أن شاء الله سنريكم طريقة إضافة أداة الاستماع للقرآن الكريم لمدونة بلوجر، الإضافة عبارة عن سكريبت صوتي لمعظم القراء و يعمل تلقائيا بقراءة جميع السور بشكل  مرتب ف تابعو الشرح أسفله.
    1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT


    3- الصق الكود التالي:
     <center><iframe align="center" id="IW_frame_1438"   src="http://www.tvquran.com/add/index.htm" frameborder="0"   allowtransparency="1" scrolling="no" width="302"   height="334"></iframe></center>
      4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.



    0

     بسم الله الرحمن الرحيم و الصلاة و السلام على أشرف الأنبياء والمرسلين اما بعد.مرحبا بكم أعزائي الكرام في هده التدوينة الجديدة أن شاء الله سنقدم لكم طريقة إضافة رسالة ترحيب ل زوار عند دخول الزائر للمدونة تابعو الشرح أسفله.
    1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT


    3- الصق الكود التالي:
    <br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("ضع الرساله المراد عرضها هنا"))  </SCRIPT><br /> <p>Div By <a href="http://pro-ismail.blogspot.com/">pro-ismail</a></p><br /> 

    4 - و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.


    1

    السلام عليكم ورحمة الله تعالى وبركاته، متابعي المدونة الكرام في كل مكان أسعد الله اوقاتكم و مرحبا بكم في هده التدوينة الجديدة التي سنتطرق معكم أن شاء الله إلى طريقة إضافة أداة آخر التعليقات لمدونة بلوجر ، تمكنك هده الإضافة من معرفة آخر  المعلقين على مواضيع مدونتك و تعتبر من أهم و أبرز الإضافات التي يجب على مدونتك التوفر عليها لكي أطيل عليكم تابعو الشرح أسفله لكي تنجح معكم الإضافة.
    1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT

    3- الصق الكود التالي:
    <div class='widget-content'><style type="text/css">    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .w2b_recent_comments li span{margin-top:4px;color: #606060;display: block;font-size: 15px; line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    varnumComments = 5,showAvatar = true,avatarSize = 50,roundAvatar = true,characters = 40, showMorelink = false, moreLinktext = "More &#187;", defaultAvatar  = "http://www.h-online.com/imgs/43/7/8/4/4/3/9/anonymous_or_80-f288c17fbe12ecd1.png", hideCredits = true;//]]></script><script type="text/javascript" src="https://abuiyad.googlecode.com/svn/recent%20comments.js"></script><script type="text/javascript" src="http://pro-ismail.blogspot.com/
    /feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>
     و لا تنسى تغير ما باللون الأحمر  http://proismail.blogspot.com/  برابط مدونتك

    4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.

    1

    بسم الله الرحمن الرحيم و الصلاة و السلام على رسول الله صلى الله عليه وسلم. أما بعد مرحبا بكم احبابي في الله في تدوينة جديدة على مدونة برو إسماعيل التي ستكون حول إضافة ايقونات احترافية لصندوق تعليقات بلوجر جديدة و  احترافية تابعو الشرح أسفله.
     1- ادهب للوحة تحكم مدونتك اختر قالب » تحرير HTML

    2-ابحث عن الكود بالاستعانة بلوحة تحكم (CTRL+F )
     <h4 id='comment-post-message'><data:postCommentMsg/></h4>
     3- الصق الكود التالي بعده:
    <div  style=' width: 370px;  text-align: left;  border: 2px solid #0084ce;   background: #FEF9EA; padding: 10px;   color:#0084ce;  font-weight:bold;   '><img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtw4tRg5U4VsSREaam-Mf0YN6DM-jfpN3p7GWirBv8cR-zPv89nUZpEPGWy7q8kvCl1WutSzlmWX2xwzUYmaU99C8fsDlb_sPXPanbkUmPuaJQqhx3gxFDZZX_mxLyMuRgBakAFDHj-g/h80/1.gif'/>  :a
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavt8DNYsLMFbBHY0-OwvZlLnViLDVpfrWZS67QA-TbEcxjxQLi1SlqiBx56m_lDTd5zDvr0Km2oMuAbFIx-m6QZ5kXOntdz3_5X9i8vrnxnDKA8WZHIJNG4VRPQz-PZVAwkMGZGDd4A/h80/2.gif'/>  :b 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXtDIpQzM9GQIDq8RjOJ084gGNKAKMKOOZnQRuAM_WC0d3JnsG3ggXQOKyl1x6OcILDj_KfAMEYBTcg8_vr3mkgDyMM82Dmf26pHPyDSbdtwezadB6TSCGKsMXlnqNn2m2VoJpMdx_w/h80/3.gif'/>  :c 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJxyToBRXpABFSRCbnLRhG0iM4nUizusimkOPnNs7CAWKab-ZRT54gaNrCYQ8DTUPTf3JEuaciPX8XhINfjy5gG5qM6kMVYKgxQqd68v0sTfhx5SekZclwjv_Wm1Kx9OUrnuwGc9wqQ/h80/4.gif'/>  :d 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguoN3zQNS5tAe6_EpAu1UvZU8_TdSUGtaZee9kJlQEN5jJazvM9vcTKghoRzynWHRnvmQbWr-MctYm4563RzfTHv6tqpIA62JceiqBxd525IP6YRJauoyPk7lDLCicYVg53lQjIlrWuw/h80/6.gif'/>  :e 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMF7RY0bQxraK5yNQytTTxI5EkAroEK5_7L9V-MXP4aJElMe0QscJSGZg7AC0amaVDA5ISuOjV_bBW-g4oVIxKiqfwcDg9N_5zr2_1LlSQ_-XxHb7Z7xu-7cxdrf3BqM_12EyyRPe5Q/h80/7.gif'/>  :f 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFmSBy6jCZKJteCvT16dvUvLdSSf6VyeKiPbiWG1brOF3FFIq1aEuQmZp-y9uZBlOnhiyH4QNfSficJnx-4MCAMsslOA6kqcOPQQX6ExBCyIMrX23oEbH6k2OSeS6hHeDMI3KmS144A/h80/8.gif'/>  :g 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggoCxe88YOSD4JP_6TWZydgEXlYXkU-BgQI1L6z4CLJ0lhxNFrlozJo-5bhaDpW6kmP4CeOfuRIL6pJQmXPi6D3xmmclAtzQfC0VaR4kO668VyAhziElesL5lvPuOpO2W0h4jtVupXfA/h80/9.gif'/>  :h 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt90jy0H1KXlg7BZhyY562Og6QQ1Q02eAVTCDe41mciuWYjrrLAVNKbb6e_QM0NUjio55rsvUxVtR4N3CJ0csPKH2eZ0Nv228e0LFXa1QcgfbrItLubg0EkRqBp1ZapVPuyHya4BadkQ/h80/10.gif'/>  :i 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbaAlPfvYQufQWi_iSCwSe5WC3W-cGKNZ1QW94uAD5m23N5K1kcWTZFroE20HQX3wMRUcgflSog33puJReCWM-ELO7vmJJrihbEY-kYm-SwgxnEEzxqtwGkR0BeLeUmbkwsXXFRxuCCg/h80/11.gif'/>  :j 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidBden_fXA0hXFWg2ViIZo4MUE6V6oLg0cDIKdf5XkmfA2SyGrH8QkhqaoO9fYRxt1Hbtgv8yDtyswgfgELtEbaEvuoUgj5cX4bBRXpX2qyuloS_ONcgoyLSMRWK8LDR0WPa3Rc1ojpw/h80/12.gif'/>  :k 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_riX_nCabHfdLTsiCtOuDD1uVJD2US3M7dT6YXJGDXa2S8zPanBPppLD4y7NemBlJ77401YyvI05HF9iMjNjN5EWViXAf2b2eJSr1uKVUHQiProFptmUZPYQsZhae5JL40ZJWoSx2Xg/h80/14.gif'/>  :l 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUt9tL3t6hkthAs5nkyCcSO-A-1DHxNm4oEokiuwp3v91t7boNIBseClAXy9PjLA-uB_2wr0y3-qatODUJd8Mh-ABBeFfsi_JGj2WbWijJxlpa-ObzCkLHgNdbUWDUKCKmHUkiUCfCSw/h80/13.gif'/>  :m 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi983y3BNjHoLyjfm-BwwOvHeEweZ4_2t9xqI1j6Uapnl3psI3CTu_ik0vPMj-6LiJWvmkwprRylCGJoofM0uJr1_y2xZtFClt-u2cfFP8QwV3UxTS3xvP6W5TliaXWgZcgP7MRRZq5MQA/s800/emoticon-0137-clapping.gif'/>  :n 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOkudd2wk5TCO6YO_Kcd6zNsasjZ8bHDUIaf1Q9MpTxP5Y8sMzKt_peT-kixHtzeizadPLyx_j1YC3WQ4NcwyVmFCoCklzZl2BhFgFceTaF_xzC9_OPsu1JnqbyrE8Q_BSS2uocuBPQ/h80/15.gif'/>  :o 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwnW5xD_9Xt6_-bYFDilbboaLQYkERK8Y2wtB6W3dDtbKw2arJcfX2VD1g6kPLR5yqaD7F1uljj3yUinFAeStLZ-MZwZJfe9ILyzuhWN1CWVDMCy4LeJuARBoQD4PL8_GH9w3GhuaizA/h80/16.gif'/>  :p 
    <img border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqvnKiuBTEE_J4smE5cI4UmZhv1mrFRf_xYi8DtE7EOkkAq2jf2nLD8gfg8Ih6N38gzA9NCUzKPk6ooJFRtvj2Ifi6WKy4p788bKS4q1DOqHTJ0kO8uLBN30oMELtUNjrGU89tbtwZMw/s800/emoticon-0148-yes.gif'/>  :q 
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr_eaTB4H4XDMYK4pA1ZlyYCEjnYYZq2CIKCJ4CL4z-BC7TQ8k6yZocEL0Cg33P4W2EWBelggctj-KGK645ukiU_EcqqIT6vdjswSAzJ_U36BFy0oNm2UcgKa5c3CFhQ0ABt8d0EhwLw/h80/17.gif'/> :r 
    <img  border='0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkFUUkGN8OrBX49ubOVqY6J2sYykaiCs24B1bX45q4XtVeQhvILRQaIJcNg5gl-CydYKcWgMF2sRlS9ah4EYkNLY1UCbkidKSdGTZJqv3u6cFwrrfSVjsQZhzISu-M4_H9q-9v9xu3jA/h80/18.gif'/>  :s </div>
    4- قم  بالبحث عن الكود اسفله: 
    </body>
    أو هدا 

    </head>
    5- قم بوضع الكود التالي قبله:


    <script type='text/javascript'>//<![CDATA[a = document.getElementById('comments');if(a) {    b = a.getElementsByTagName("DD");    for(i=0; i < b.length; i++) {            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {                 _str = b.item(i).innerHTML.replace(/:j/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtw4tRg5U4VsSREaam-Mf0YN6DM-jfpN3p7GWirBv8cR-zPv89nUZpEPGWy7q8kvCl1WutSzlmWX2xwzUYmaU99C8fsDlb_sPXPanbkUmPuaJQqhx3gxFDZZX_mxLyMuRgBakAFDHj-g/h80/1.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:k/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavt8DNYsLMFbBHY0-OwvZlLnViLDVpfrWZS67QA-TbEcxjxQLi1SlqiBx56m_lDTd5zDvr0Km2oMuAbFIx-m6QZ5kXOntdz3_5X9i8vrnxnDKA8WZHIJNG4VRPQz-PZVAwkMGZGDd4A/h80/2.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:l/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXtDIpQzM9GQIDq8RjOJ084gGNKAKMKOOZnQRuAM_WC0d3JnsG3ggXQOKyl1x6OcILDj_KfAMEYBTcg8_vr3mkgDyMM82Dmf26pHPyDSbdtwezadB6TSCGKsMXlnqNn2m2VoJpMdx_w/h80/3.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:m/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJxyToBRXpABFSRCbnLRhG0iM4nUizusimkOPnNs7CAWKab-ZRT54gaNrCYQ8DTUPTf3JEuaciPX8XhINfjy5gG5qM6kMVYKgxQqd68v0sTfhx5SekZclwjv_Wm1Kx9OUrnuwGc9wqQ/h80/4.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:n/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguoN3zQNS5tAe6_EpAu1UvZU8_TdSUGtaZee9kJlQEN5jJazvM9vcTKghoRzynWHRnvmQbWr-MctYm4563RzfTHv6tqpIA62JceiqBxd525IP6YRJauoyPk7lDLCicYVg53lQjIlrWuw/h80/6.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:o/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMF7RY0bQxraK5yNQytTTxI5EkAroEK5_7L9V-MXP4aJElMe0QscJSGZg7AC0amaVDA5ISuOjV_bBW-g4oVIxKiqfwcDg9N_5zr2_1LlSQ_-XxHb7Z7xu-7cxdrf3BqM_12EyyRPe5Q/h80/7.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:p/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBFmSBy6jCZKJteCvT16dvUvLdSSf6VyeKiPbiWG1brOF3FFIq1aEuQmZp-y9uZBlOnhiyH4QNfSficJnx-4MCAMsslOA6kqcOPQQX6ExBCyIMrX23oEbH6k2OSeS6hHeDMI3KmS144A/h80/8.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:q/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggoCxe88YOSD4JP_6TWZydgEXlYXkU-BgQI1L6z4CLJ0lhxNFrlozJo-5bhaDpW6kmP4CeOfuRIL6pJQmXPi6D3xmmclAtzQfC0VaR4kO668VyAhziElesL5lvPuOpO2W0h4jtVupXfA/h80/9.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:r/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt90jy0H1KXlg7BZhyY562Og6QQ1Q02eAVTCDe41mciuWYjrrLAVNKbb6e_QM0NUjio55rsvUxVtR4N3CJ0csPKH2eZ0Nv228e0LFXa1QcgfbrItLubg0EkRqBp1ZapVPuyHya4BadkQ/h80/10.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:s/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbaAlPfvYQufQWi_iSCwSe5WC3W-cGKNZ1QW94uAD5m23N5K1kcWTZFroE20HQX3wMRUcgflSog33puJReCWM-ELO7vmJJrihbEY-kYm-SwgxnEEzxqtwGkR0BeLeUmbkwsXXFRxuCCg/h80/11.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:t/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidBden_fXA0hXFWg2ViIZo4MUE6V6oLg0cDIKdf5XkmfA2SyGrH8QkhqaoO9fYRxt1Hbtgv8yDtyswgfgELtEbaEvuoUgj5cX4bBRXpX2qyuloS_ONcgoyLSMRWK8LDR0WPa3Rc1ojpw/h80/12.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:a/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_riX_nCabHfdLTsiCtOuDD1uVJD2US3M7dT6YXJGDXa2S8zPanBPppLD4y7NemBlJ77401YyvI05HF9iMjNjN5EWViXAf2b2eJSr1uKVUHQiProFptmUZPYQsZhae5JL40ZJWoSx2Xg/h80/14.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:b/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUt9tL3t6hkthAs5nkyCcSO-A-1DHxNm4oEokiuwp3v91t7boNIBseClAXy9PjLA-uB_2wr0y3-qatODUJd8Mh-ABBeFfsi_JGj2WbWijJxlpa-ObzCkLHgNdbUWDUKCKmHUkiUCfCSw/h80/13.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:c/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi983y3BNjHoLyjfm-BwwOvHeEweZ4_2t9xqI1j6Uapnl3psI3CTu_ik0vPMj-6LiJWvmkwprRylCGJoofM0uJr1_y2xZtFClt-u2cfFP8QwV3UxTS3xvP6W5TliaXWgZcgP7MRRZq5MQA/s800/emoticon-0137-clapping.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:d/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOkudd2wk5TCO6YO_Kcd6zNsasjZ8bHDUIaf1Q9MpTxP5Y8sMzKt_peT-kixHtzeizadPLyx_j1YC3WQ4NcwyVmFCoCklzZl2BhFgFceTaF_xzC9_OPsu1JnqbyrE8Q_BSS2uocuBPQ/h80/15.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:e/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwnW5xD_9Xt6_-bYFDilbboaLQYkERK8Y2wtB6W3dDtbKw2arJcfX2VD1g6kPLR5yqaD7F1uljj3yUinFAeStLZ-MZwZJfe9ILyzuhWN1CWVDMCy4LeJuARBoQD4PL8_GH9w3GhuaizA/h80/16.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:f/gi,  "<img  src=''https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqvnKiuBTEE_J4smE5cI4UmZhv1mrFRf_xYi8DtE7EOkkAq2jf2nLD8gfg8Ih6N38gzA9NCUzKPk6ooJFRtvj2Ifi6WKy4p788bKS4q1DOqHTJ0kO8uLBN30oMELtUNjrGU89tbtwZMw/s800/emoticon-0148-yes.gif'  alt='' class='smiley'/>");        _str = _str.replace(/:g/gi,  "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr_eaTB4H4XDMYK4pA1ZlyYCEjnYYZq2CIKCJ4CL4z-BC7TQ8k6yZocEL0Cg33P4W2EWBelggctj-KGK645ukiU_EcqqIT6vdjswSAzJ_U36BFy0oNm2UcgKa5c3CFhQ0ABt8d0EhwLw/h80/17.gif'  alt='' class='smiley'/>");                _str =  _str.replace(/:h/gi, "<img  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkFUUkGN8OrBX49ubOVqY6J2sYykaiCs24B1bX45q4XtVeQhvILRQaIJcNg5gl-CydYKcWgMF2sRlS9ah4EYkNLY1UCbkidKSdGTZJqv3u6cFwrrfSVjsQZhzISu-M4_H9q-9v9xu3jA/h80/18.gif'  alt='' class='smiley'/>");                b.item(i).innerHTML = _str;            }    }}//]]></script>

     و أخيرا قم بالضغط على حفظ النموذج مبروك عليك اضافة . 

    0

     السلام عليكم ورحمة الله تعالى و بركاته زوار و متابعي مدونة برو إسماعيل، اليوم أن شاء الله ساشارك معكم كود عمل مكتبة على شكل قائمة مندلسة تحتوي على فيديوهات انت تختارها
    تمكن الزائر اختيار أي فيديو بسهولة و سيظهر تلقائيا من دون تحميل تابعو الشرح أسفله.
     1- ادهب للوحة تحكم مدونتك اختر» تخطيط  
    2- اضغط على اضافة اداة ثم اختر HTML/JAVASCRIPT
    3- الصق الكود التالي:


    <script type="text/javascript">function MostrarVideo(idYouTube){var contenedor = document.getElementById('divInnerVideo');if(idYouTube == ""){contenedor.innerHTML = "";}else{var dimensiones = "width='300' height='300' frameborder='0'";var url = "http://www.youtube.com/embed/" + idYouTube;contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";}}</script><div style="margin:20px 0px;"><select id="sVideos" onchange="MostrarVideo(this.value);"><option value="" selected /><مكتبة فيديواهات المدونة><option value="xWWvj9-zi-Y" />  دعاء رائع للشيخ عبد الرحمن السديس  <option value="5bEt0phHrMM" />أجهش الكثير منهم بالبكاء تأثراً بدعاء ياسرالدوسري  <option value="IFq9cjtrWlQ" /> المقطع الذي ابكى مشاهدي اليوتيوب و طلب الغرب ترجمته
    </مكتبة></select></div><div id="divInnerVideo"></div>
     4- و أخيرا قم بالضغط على حفظ مبروك عليك اضافة.
    طريقة إضافة الفيديوهات:

    طريقة الإضافة احبابي في الله سهلة جدا تقوم باختيار الفيديو المراد عمله في مكتبة الفيديوهات تم يكفيك قص الكود الملون بالأحمر في الرابط و الدي يوجد بعد علامة = تساوي ووضعه في الكود الخاص بالمكتبة مثلا عوضه بهادا xWWvj9-zi-Y و ثم بنفس الشيء مع باقي الفيديوهات، تم تضع العنوان الخاص بالفيديو مثلا  دعاء رائع للشيخ عبد الرحمن السديس  بعنوان الفيديو الخاص بك، يمكنك أيضا تغيير العرض او الطول الخاص بالفيديو كما هو معلم أعلاه باللون الأزرق بأي قيمة تريد.


    إتصل بنا
    كن صديقًا لنا