حصرياتالمزيد

السبت، 20 يناير 2018

احصل على هذة الاداة من هنا

اداة قالوا عنا بتاثيرات احترافية للبلوجر



السلام عليكم ورحمة
الله وبركاته
--
نعود لكم بتدوينة جديدة نقدم لكم فيها اداة لعرض اراء الوزار لموقعك
هذه الاداة تجعل كل زائر جديد لموقعك عن طريق هذه الاراء




طريقة التركيب:

    1. توجه الى القالب ثم تحرير html
    2. ضع الكود التالي فوق الفوتر footr
 <section>
<div class='carousel slide testimonial_spch_babl_box_carousel_wrapper' data-interval='2000' data-pause='hover' data-ride='carousel' id='3_columns_speech_bubble_box_carousel'>

   <h1issweeb>قالوا عنا</h1issweeb>

   <!--========= Wrapper for slides =========-->
   <div class='carousel-inner' role='listbox'>
 <script src='https://previews.envatousercontent.com/files/190236521/js/responsive_bootstrap_carousel.js'/>

    <!--========= First slide =========-->
    <div class='item'>
     <div class='row'>
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 10' src='https://cdn4.iconfinder.com/data/icons/reaction/32/wink-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>عبد الله</h5>
          <a href='#'>مطور</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 11' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__6-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>سليمان</h5>
          <a href='#'>مصمم</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 12' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__13-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>ياسين</h5>
          <a href='#'>مبرمج</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    
    <!--========= Second slide =========-->
    <div class='item active left'>
     <div class='row'>
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 13' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__5-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>منصور</h5>
          <a href='#'>مهندس</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>

      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 14' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__2-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>يعقوب</h5>
          <a href='#'>مدون</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 15' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__17-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>عبد الصمد</h5>
          <a href='#'>تقني</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    
    <!--========= Third slide =========-->
    <div class='item next left'>
     <div class='row'>
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 16' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__7-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>عبد الرحمان</h5>
          <a href='#'>مدير</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 17' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__20-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>سليمان</h5>
          <a href='#'>مصم</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
      
      <div class='col-xs-12 col-sm-4 col-md-4'>
       <div class='testimonial_spch_babl_box_carousel_caption'>
        <div class='row'>
         <div class='col-xs-12 col-md-12 testimonial_spch_babl_box_carousel_text'>
          <p>
           <i class='fa fa-quote-left'/>
           هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة&#1548; لقد تم توليد هذا النص من مولد النص العربى&#1548; حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
          </p>
         </div>
        </div>
        <div class='row testimonial_spch_babl_box_carousel_image_wrapper'>
         <div class='col-xs-4 col-sm-4 col-md-4 testimonial_spch_babl_box_carousel_image'>
                                      <img alt='slider 18' src='https://cdn4.iconfinder.com/data/icons/smileys-for-fun/128/smiley__12-256.png'/>
         </div>
         <div class='col-xs-8 col-sm-8 col-md-8 testimonial_spch_babl_box_carousel_author'>
          <h5>ابراهيم</h5>
          <a href='#'>مدون</a>
          <ul class='testimonial_spch_babl_box_rating'>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star'/></li>
           <li><i class='fa fa-star-half-o'/></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>

   </div>

   <!--========= Indicators =========-->
   <ol class='carousel-indicators testimonial_spch_babl_box_carousel_indicators'>
    <li class='' data-slide-to='0' data-target='#3_columns_speech_bubble_box_carousel'/>
    <li class='' data-slide-to='1' data-target='#3_columns_speech_bubble_box_carousel'/>
    <li class='active' data-slide-to='2' data-target='#3_columns_speech_bubble_box_carousel'/>
   </ol>

  </div>




</section>


      1. ابحث عن ]]></b:skin> وضع فوقه الكود التالي
    .testimonial_spch_babl_box_carousel_text>p {
    font-family: "Droid Arabic Kufi" !important;
    color: #ffffff !important;
        background: #e83e3b !important;
    }
    .testimonial_spch_babl_box_carousel_text>p:after{border-color:#e83e3b transparent !important}
    .testimonial_spch_babl_box_carousel_caption {
        background: #444444 !important;
    }
    .testimonial_spch_babl_box_carousel_author>h5 {
        color: #ffffff !important;
    font-family: "Droid Arabic Kufi" !important;
    }
    .testimonial_spch_babl_box_carousel_author>a, .testimonial_spch_babl_box_carousel_author>a:visited {
        color: #bbb !important;
        font-family: "Droid Arabic Kufi" !important;
    }
    .testimonial_spch_babl_box_carousel_author>h5 {
        color: #ffffff !important;
    }
    .testimonial_spch_babl_box_carousel_text>p {
        color: #ffffff !important;
        background: #e83e3b !important;
    }
    .testimonial_spch_babl_box_carousel_indicators li {
        background: #444444 !important;
    }
    .testimonial_spch_babl_box_carousel_indicators .active {
        background: #e83e3b !important;
    }
    .testimonial_spch_babl_box_carousel_wrapper>h1issweeb {
        font-family: "Droid Arabic Kufi" !important;
    font-weight: 800;
        text-align: center;
        text-transform: uppercase;
        color: #444444;
    font-size: 36px;
    margin-top: 20px;
        margin-bottom: 10px;
    line-height: 1.1;
    display: block;
    }
    h1issweeb:before {
        content: '';
        position: absolute;
        bottom: 0;
        width: 15px;
        height: 15px;
        border: 3px solid #fff;
        background-color: #fc5c0f;
        left: 50%;
        -webkit-transform: translatex(-50%);
        transform: translatex(-50%);
        bottom: 342px;
        z-index: 9;
        border-radius: 50%;
    }
    h1issweeb:after {
        height: 2px;
        background-color: rgb(232, 62, 59);
        left: 25%;
        right: 25%;
        content: '';
        position: absolute;
        bottom: 348px;
        width: 72px;
        margin: 0 auto;
    }


      1. ثم ابحث عن </head> وضع الاكواد التالية فوقه
    <link href='https://previews.envatousercontent.com/files/190236521/css/responsive_bootstrap_carousel_mega_min.css' rel='stylesheet'/>
    <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css' media='all' rel='stylesheet' type='text/css'/>
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>

      1. اذا واجهت اي مشكلة ضعها بتعليق


    EmoticonEmoticon