[حصريا] سلايدر مدونة عرب ويب الحالي لمدونات بلوجر

الكاتب بتاريخ عدد التعليقات : 1

بسم الله الرحمن الرحيم
مرحبا بكم اخواني اخواتي متابعين مدونة مهووسين الويب في موضوع جديد وشرح جديد من مهووسين الويب مواضيعنا مميزة حصرية واحترافية نضع لكم دائما الافضل وكل شئ متوفر بين ايدينا قمنا بوضع موضوع عن قالب بداية نقطة قالب عرب ويب الحالي بخمس اللوان احترافية
واليوم سوف نضع بين ايديكم السلايدشو الموجود به فقط 
الان لا اريد التكلم كثيرا لنبدا بـ:
طريقة التركيب

1. ابحث داخل القالب بإستعمال Ctrl+F عن </head>
2. ضع الكود التالي فوقه
<script src='https://ar1web-com.googlecode.com/svn/Hm/slider-iHussam.js'/>
3. ابحث عن ]]></b:skin>
4. ضع الكود التالي فوقه
/* Css Slider Posts */#featured-wrap {position: relative;height: 175px;margin: 0 auto;border-radius: 4px;}#featured {border: 0;outline: none;position: relative;width: 890px;height: 150px;overflow: hidden;top: 10px;margin: 0 auto;}.datex {display: none;}#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: #fff;}.thumb-featured {width: 130px;height: 100px;margin: 5px auto;border: 1px solid #fff;}.thumb-featured img {display: block;width: 134px;height: 94px;border: 1px solid #ddd;padding: 2px;cursor: url(http://4.bp.blogspot.com/-qkEpq30SGqY/VFDnmVq7KGI/AAAAAAAAGig/s9v1b9t3b-w/s1600/Untitled-2.png),pointer;-moz-transition: all .3s ease 0s;}.title-featured {text-align: center;position: relative;margin: 0 4px;font: 10px Electrolize,ge_dinar_oneregular;}.title-featured a {color: #555;}.title-featured h4{overflow:hidden}.arrow {position: absolute;display: block;width: 32px;height: 32px;top: 60px;text-indent: -9999px;}.arrow.back {left: 13px;background: transparent url(http://4.bp.blogspot.com/-tazd_K28hNA/VC1JAH9aZhI/AAAAAAAAGNM/fqwW3eGxCDI/s1600/lefthm.png)no-repeat;} .arrow.forward {background-position: 100% 50%;.arrow.forward {background-position: 100% 50%;right: 10px;background: transparent url(http://3.bp.blogspot.com/-pI5M9xJ7490/VC1JAZWY04I/AAAAAAAAGNQ/I4PxW6BCsTE/s1600/righthm.png)no-repeat;} span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular}span.slideloading{text-indent:-9999px;margin:50px auto;font-family:Electrolize,ge_dinar_tworegular}
  • في هذه المرحة والأخيرة يوجد عدة أماكن لوضع الكود , ويكون إما فوق المواضيع أو تحت القائمة او في الفوتر على حسب ذوقك
5. ابحث عن content-wrapper أو عن main-wrapper  أو footer-wrapper ..  
6.  ضع الكود التالي فوق احد الأكواد
<div id='featured-wrap'>
<div id='featured'>
<span class='slideloading'>جاري التحميل ...</span>
</div>
</div>
واذا حصل اي خطأ او تريد اي استفسار لا تبخل علينا بتعليقاتك ولن نبخل عليك بإجاباتنا

1 تعليقات على موضوع " [حصريا] سلايدر مدونة عرب ويب الحالي لمدونات بلوجر "

يا أخي حدث روابط جوجل كود لقد تم قفل جوجل كود

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء