اضافة أداة لأراء العملاء بشكل سلايد متحرك الاصدار الأول

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

معاينة الإضافة

معاينة 

صورة من الإضافة

شرح التركيب

1. قم بالبحث عن هذا الوسم]]>وضع فوق الكود التالى .

.araazowiar {
  overflow: hidden;
  padding: 20px 50px;
  margin: 10px 0;
  background-color: #C9935C;
}
.araazowiar .item {
position: relative;
}
.araazowiar h2 {
margin-bottom: 20px;
text-align: center;
font-size: 30px;
color: white;
}
.item p:before {
content: '';
position: absolute;
border-color: transparent #ffffff transparent transparent;
border-style: solid;
border-width: 15px;
bottom: -30px;
left: 48%;
transform: rotate(-90deg);
text-align: center;
}
.item p {
  background: white;
  padding: 20px;
  border-radius: 4px;
  position: relative;
  font-size: 15px;
  text-align: justify;
  margin-bottom: 21px;
  height: 200px;
}
.item a.url {
background: white;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 31px;
text-align: center;
line-height: 56px;
color: #848282;
position: absolute;
bottom: 2px;
left: 20px;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.17);
}
.item .photo {
  background: white;
  border-radius: 50%;
  width: 50px !important;
  height: 50px;
  font-size: 31px;
  text-align: center;
  line-height: 56px;
  color: #848282;
  position: absolute;
  bottom: 3px;
  right: 10px;
  border: 2px solid #fff;
  box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.17);
}
.item h1 {
  background: white;
  padding: 16px;
  border-radius: 4px;
  float: none;
  width: 100%;
  text-align: center;
  margin: auto;
  font-size: 17px;

}
.item h1 i {
margin-left: 10px;
}
.owl-prev2 {
  background-color: rgba(255, 255, 255, 0.62);
  float: right;
  width: 40px;
  position: absolute;
  top: 15px;
  height: 276px;
  right: -45px;
  text-align: center;
}
.owl-next2 {
  background-color: rgba(255, 255, 255, 0.62);
  float: right;
  width: 40px;
  position: absolute;
  top: 15px;
  height: 276px;
  left: -45px;
  text-align: center;
}
.owl-prev2:before {
  content: "\f061";
  font-size: 20px;
  line-height: 276px;
  font-family: fontawesome;
}
.owl-next2:before {
  content: "\f061";
  font-size: 20px;
  line-height: 276px;
  font-family: fontawesome;
}

1. الأن أبحث عن هذا الوسمثم ضع فوقه الكود التالى .

1. الأن الكود التالى اذا كان فى مدونتك فلا تضعه فى مدونتك
2. واذا كان ليس متواجد سوف تضعه فى الكود التالى

1. الأن الكود الخاص بالإضافة وسوف تضعه مكان ما تريده

    
 اراء الزوار في موقعنا 
    


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        


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

            
اسم المعلق

            
            
            

        

    

1. الأن عليك تغيير كل ما فى الكود ما تريد
2. حتى يصبح بالشكل الذى سوف تضعه فى مدونتك
3. وهذا الكود الأخير اذا لم يكون متواجد فى مدونتك
4. ضعه فوق الوسم هذا

1. الأن سوف تكون الإضافة فى مدونتك كامله 
2. بعد ذلك تقوم بحفظ القالب ومبورك عليك

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله

المصدر عالم المدون