طريقة اضافة سلايدر شو متحرك على شكل شريط
أهلا بكم متابعي مدونتكم " مدونة مداد الجليد " اليوم موضوعنا عن اضافة سلايدر شو جديد على شكل شريط متحرك لعرض التدوينات بشكل رائع وجميل على هيئة شريط سحاب متحرك نتمنى أن ينال اعجابكم .
طريقة الاضافة :
1- اذهب الى لوحة التحكم ثم قالب ثم تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بواسطة (CTRL+F)
قم بالبحث عن الكود واضف فوقه مباشراً الكود التالي
4- الاّن قم بالبحث عن هذا الكود ]]> واضف قبله مباشراً الكود التالي
#featured-wrap{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #333;background:#111;position:relative;height:175px;margin:0 auto} #featured{border:2px solid #444;outline:1px solid #000;position:relative;width:88%;height:150px;overflow:hidden;top:10px;margin:0 auto} #featured ul{width:9999px} #featured ul,#featured li{list-style:none;padding:0;margin:0;overflow:hidden} #featured li{width:150px;display:inline-block;float:left;height:150px;background:#222;border-left:1px solid #111;border-right:1px solid #333;} .thumb-featured{width:140px;height:100px;margin:5px auto;overflow:hidden;border:1px solid #000} .thumb-featured img{display:block;width:134px;height:94px;border:3px solid #444;} .title-featured{text-align:center;position:relative;margin-top:-20px} .title-featured h4{font-size:90%;max-height:45px;overflow:hidden} .arrow{position:absolute;display:block;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUt6BPc65-hc8PAKRSvgVslsyxJihYCZL9aReFW3VSZpAymnJ_yEE0ULihKk076zLkUqr4ki8Iq7kFgU9ekdJmBb6Z5b_hoJmFztDaMu3gVA0pgxnh_HgMDDqvjh58aMIfc41T0ueYY9o/h120/icon-sprite.png)no-repeat;background-position:0 50%;width:35px;height:60px;top:50px;text-indent:-9999px;border:1px solid #000;box-shadow:0 0 0 1px rgba(51, 51, 51, 1)inset} .arrow.back{background-position:0 50%;left:10px} .arrow.forward{background-position:100% 50%;right:10px} span.slideloading{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYYlnVVHH-OSdDy-n7oYvi3w_oUsHN16b_wnzlhZca0lBqBCtzsIfVCPGWRSlLEW55Oapct4BxXvX-dotyU3P86YFwcGnGfbk1fPnQYSOyfm526ZSS5jDvFNGyUVAXDSYrBhfEFPbqWTs/h42/loading.gif);background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;margin:50px auto}
5- لاضافة السلايد شو بالمكان الذي تفضله اتبع الاّتي :
* اذا اردت اضافة السلايدر تحت الهيدر ابحث عن الكود التالي
واضف فوقه الكود التالي
* اذا اردت اضافة السلايدر فوق الفوتير ابحث عن الكود التالي
* اذا اردت اضافة السلايدر فوق الفوتير ابحث عن الكود التالي