اضافة سلايد شو المحترف الجديد تلقائي بلوجر 2015

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

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

في البداية قم بالتوجة الى لوحة تحكم بلوحر
ثم الى قائمة قالب قم أظغط على تحرير html
وقم بالبحث عن كود أغلاق وقم باضافة الكود الأتي قبلة يمكنك تحميل الكود من هنا 

لاتنسى تغير almtwr.net بالتسمية التي تريد
قم بالبحث عن كود أغلاق وقم بوضع فوقة أيضاً الكود الأتي يمكنك تحميل الكود من هنا

لاضافة اكواد css قم بالبحث عن  ]]> وضع فوقة الكود الأتي يمكنك تحميل الكود من هنا 

 /*--------------Slider-------------*/
#alwansd{
height: 276px;
margin: 0 auto;
padding: 18px;
background: #fbfbfb;
width: 1229px;
margin-right: -132px;
border-bottom: 2px solid #E6E6E6;
position: relative;
}
.alwanw{
position: relative;
height: 241px;
width: 78%;
margin: 0 auto;
}
.alwanw .contentdiv{
visibility: hidden;
opacity: 1;
position: absolute;
height: 240px;
}
.alwan-ps{
text-align: right;
float: left;
width: 490px;
height: 13px;
margin: 0 auto;
}
.alwan-ps .toc {
float: right;
font-size: 0;
width: 13px;
height: 13px;
background: #e74c3c;
margin-left: 8px;
border-radius: 60px;
}
.alwan-ps .selected {background: #95A5A6;}
.alwan-ps .prev ,.alwan-ps .next{
display:none;
}
.alwan-ps .next:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWacCLz5y__qgWhUVevRzqIfppoJutfzYfB-PDP3efeD3Gu-nLMNhELlk6LnWcjQ9k-eUrJK0W9300AHm2K_CeWwwKBwD8DJ9W00MplzzqeKSrk8CtxqiUwPzgaYN3noAoHTIfACY8vY/s1600/next-h.png);}
.alwanip{
width: 486px;
float: left !important;
padding: 0 37px 0 0;
margin: 0 auto;
}
.alwanip a{
color: #2c3e50;
font: 19px DroidKufi-Bold;
margin: 0 auto;
line-height: 37px;
}
.post-body img {
margin: -1px 0 0 8px;
padding: 3px;
border: 1px solid #dfdfdf;
border-radius: 3px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#95A5A6;}
.alwanip .alwand{
color:#fff;
}
.alwanip p{
margin: 0 auto;
color: #95A5A6;
font-family: hacen_liner;
}
.alwansf {
float: right !important;
margin:0 auto;
}
.alwansf a img {
width: 435px;
height: 275px;}
.alwansf a img:hover{
}
.alwansf a img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}

في النهاية قم بالبحث عن

 أو  

او في المكان الذي تريد اضافة السلايدر شو فيه وقم باضافة الكود تحته مباشرة يمكنك تحميل الكود  من هنا  ثم قم بالحفظ