بسم الله الرحمن الرحيم والصلاة علي رسول الله سيدنا محمد صلي الله عليه وسلم أما بعد احبائي في الله اقدم لكم اليوم موضوع جميل جدا ويحتاجه الكتير وهو عن اضافة سلايدشو يدوي احترافي لمدونات بلوجر مثل الموجود في مدونة عمرو ويب ويمكنك معيانته عبر الرابط تالي من هنا والان تابع معي طريقة تركيب علي مدونة بلوجر
اول شيئ قم بدهاب الي لوحة تحكم مدونتك من هنا ثم اختر مدونتك ثم قالب ثم تحرير HTML
ثم ابحث عن <div id='content-warpper'> وضع بعده تماما الكود تالي
لتحميل الكود اضغط هنا
<div class='works'>
<div id='nav-work'>
</div>
<div class='list-works' id='works'>
<div class='slide-works'>
<a class='work fancybox' href='http://2mrweb.blogspot.com/2014/06/blog-post5970.html' title=' تحميل مخطوطات رمضان 2014'>
<span class='pic'>
<img alt='8' class='attachment-list-work wp-post-image' height='140' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFIyj6lvHJ7CkTOunODZoVnrpOkfgsMOsEU6Y7RCGgaSJWOUldluwOErpdK87j8ZASc084c6C043RRK2uvvuc7FUzy4xq5wIg1OX72db5-pZSIpuS4YwwD-WA4gZrGMs5qGoeNt_Gzyo/s1600/%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%AE%D8%B7%D9%88%D8%B7+%D8%AC%D9%85%D9%8A%D9%84%D8%A9+%D9%84%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8+(1).png' width='210'/>
</span>
<span class='hover-pic'/>
<span class='detail-work'>
<span class='titre-work'> تحميل مخطوطات رمضان 2014</span>
تحميل مخطوطات رمضان 2014 </span>
</a>
<a class='work fancybox' href='http://2mrweb.blogspot.com/2014/07/psd.html' title=' حصريا تحميل قالب حياة بلس psd'>
<span class='pic'>
<img alt='7' class='attachment-list-work wp-post-image' height='140' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZJEUPC9gQj8gUIhhJOo1Bv9xJYDChiQE4AicvccCVOhv-sC-6hjEZ4ZCgrJ86I-CgTd1rzJWJyK_KphBayIQEd6nJEQ-xGB7qHMUXUlWvia_2Mv6fEcV4eYerZKqcuFtf8Xse8Wg-_4g/s1600/Untitled-1.png' width='210'/>
</span>
<span class='hover-pic'/>
<span class='detail-work'>
<span class='titre-work'> حصريا تحميل قالب حياة بلس psd </span>
حصريا تحميل قالب حياة بلس psd </span>
</a>
<a class='work fancybox' href='http://2mrweb.blogspot.com/2014/06/psd_20.html' title=' طريقة الابلاغ عن سرقة مواضيع مدونتك '>
<span class='pic'>
<img alt='6' class='attachment-list-work wp-post-image' height='140' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf9wnEfwINrTxaCpwxU4F3y4TpAyoSOfLToqjFXGvhPOel_dGG3j1MDf2MCP8VEonZ0v9NG7Ni4nVw-i0CBLT-VuKuw2nQoGZ7tLb0HFlifzR3CJnY4Az2SpC7DxHCf8DK8yvClMFSyWU/s1600/%D9%85%D9%88%D8%B6%D9%88%D8%B9+%D8%AD%D8%B5%D8%B1%D9%8A.png' width='210'/>
</span>
<span class='hover-pic'/>
<span class='detail-work'>
<span class='titre-work'>الابلاغ عن سرقة مواضيع مدونتك</span>
طريقة الابلاغ عن سرقة مواضيع مدونتك </span>
</a>
<a class='work fancybox' href='http://2mrweb.blogspot.com/2014/07/blog-post_12.html' title=' حصريا تحميل قالب نور القمر لبلوجر'>
<span class='pic'>
<img alt='5' class='attachment-list-work wp-post-image' height='140' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Zh8ERpvIgSA3J500qXVJ8KRESkHA06UJ7ymdkwAPM5sTfDKiqX_stkTk88aTLk_j9iZt0525EEF3imdJBb9Ggv5_f10GSEAgUST74ivRc2DnEZ4GKmCoDPBoIVtR53zbWCfPG9EaZuU/s1600/%D8%AE%D9%84%D9%81%D9%8A%D8%A9+%D9%85%D9%88%D8%B6%D9%88%D8%B9.png' width='210'/>
</span>
<span class='hover-pic'/>
<span class='detail-work'>
<span class='titre-work'> تحميل قالب نور القمر لبلوجر</span>
حصريا تحميل قالب نور القمر لبلوجر </span></a>
</div>
</div>
</div>
ثانيا : قم بالبحث عن الوسم تالي ]]></b:skin>
وضع قبله تماما الكود تالي
وضع قبله تماما الكود تالي
لتحميل الكود اضغط هنا
/* top slider */
position:relative;
display:block;
width:940px;
height:240px;
overflow:hidden;
margin:18px auto -15px;
margin-top: 0px;
}
.works .slide-works{
width:972px;
}
.works h2{
display: inline-block;
height: 20px;
font-family: ge_dinar, arial, tahoma;
font-size: 18px;
color: #535353;
font-weight: normal;
line-height: 20px;
padding-right: 15px;
border-right: 3px solid #e71a1f;
float: right;
}
#nav-work{
position:absolute;
left:0; top:0;
z-index:999;
width:38px;
height:18px;
}
#nav-work #prev{ width:18px; height:18px; float:left; background:#f9f8f8 url(http://khadamatplus.com/wp-content/themes/alwan/img/nav.png) no-repeat scroll 0 0; }
#nav-work #prev:hover{ background:rgb(235, 235, 235) url(http://khadamatplus.com/wp-content/themes/alwan/img/nav.png) no-repeat scroll 0 0; }
#nav-work #next{ width:18px; height:18px; float:right; background:#f9f8f8 url(http://khadamatplus.com/wp-content/themes/alwan/img/nav.png) no-repeat scroll -19px 0; }
#nav-work #next:hover{ background:rgb(235, 235, 235) url(http://khadamatplus.com/wp-content/themes/alwan/img/nav.png) no-repeat scroll -19px 0; }
.list-works{
width:972px;
height:210px;
}
.list-works .work{
position:relative;
display:block;
width:210px;
height:200px;
float:right;
margin-left:33px;
text-decoration:none;
}
.list-works .work .pic{
display: table-caption;
width:210px;
height:140px;
overflow:hidden;
background:#F9F8F8;
text-align:center;
vertical-align:middle;
}
.list-works .work .hover-pic{
position:absolute;
left:0; top:0;
z-index:99;
display: block;
width:210px;
height:140px;
overflow:hidden;
transition: all 0.5s ease-out;
}
.list-works a.work:hover .hover-pic{ background:url(http://im54.gulfup.com/fT8fg5.png) center no-repeat, url(http://im67.gulfup.com/9ka0zL.png);}
.list-works a.work:hover .detail-work{ background:#152836;}
.list-works a.work:hover .detail-work .titre-work{ color:#fff;}
.detail-work{
display:block;
width:200px;
height:50px;
padding:5px;
background-color: #152836;
margin-top:3px;
font-family:'tahoma;
font-size:11px;
color:#fff;
line-height:11px;
text-align:center;
transition: all 0.5s ease-out;
}
.detail-work .titre-work{
font-family:ge_dinar, arial, tahoma;
font-size:14px;
color:#fff;
font-weight:normal;
line-height:26px;
text-align:center;
transition: all 0.5s ease-out;
width: 100%;
display: table;
}
.works2 { display:none; width:748px;}
.works2 .list-works{width: 804px; }
.works2 .list-works .slide-works {width: 804px;}
.works2 .list-works .work{ margin-left:58px;}
.works{
ثم قم بعمل حفظ النمودج ومبروك عليك السلايدر والان انتها الموضوع اتمنا ان يكون نال اعجابكم لاتنسا وضع تعليق بتقيمك
تصميم : مودي بولس
للموضوع وسلام عليكم ورحمته الله وبركاته
تصميم : مودي بولس
للموضوع وسلام عليكم ورحمته الله وبركاته
