سلايد شو بسيط و احترافي سهل التركيب للبلوجر

سلايد شو بسيط و احترافي سهل التركيب للبلوجر



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

لتركيب السلايدشو ما عليك سوى اتباع الشرح المبسط التالي :

  • اذهب الى التخطيط 
  • ثم اضافة اداة 
  • اختر JAVASCRIPT/HTML
  • ضع الكود التالي و اضغط على حفظ


<style>
#featuredpost {padding: 10px;}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:320px}
#slides li{width:50%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50%;width:25%;height:50%}
#slides li:nth-child(3){left:75%;width:25%;height:50%}
#slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%}
#slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%}
#slides li:nth-child(1) h4 {overflow:hidden;font-size:15px;bottom:0;color:#fafafa;width:100%;
padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3);
height:90px;text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;}
#slides li:nth-child(1) .label_text {font-size:20px;display:block;bottom:10px;left:10px;
padding:0;box-shadow:5px 3px 0 rgba(0,0,0,0.2);}
#slides li:nth-child(1) span.dd {display:block;font-size:20px;padding:12px 15px;
background:#FC4F3F;margin:0;}
#slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff;
padding:5px 21px;text-transform:uppercase;margin:0;}
#slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;}
#slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;}
#slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;
left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal;
background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;}
#slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px;
position:absolute;background:#FC4F3F;padding:3px 6px;
text-transform:uppercase;}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;}
#slides .overlayx,#slides li{transition:all .4s ease-in-out}
#slides li:nth-child(1) .overlayx{display:none;}
#slides li:hover .overlayx{opacity:0.1}
@media only screen and (max-width:800px){
#slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}}
@media only screen and (max-width:600px){
  #slides ul{height:600px}
  #slides li:nth-child(1){width:100%;height:50%}
  #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%}
  #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%}
  #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%}
  #slides li:nth-child(5){display:none;}}
@media only screen and (max-width:480px){
#slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}}
</style>
<div id="featuredpost"></div>
<script type="text/javascript" src="https://googledrive.com/host/0B7EdpK5Vun4YcGJMbnU2T3RMV0k"></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.hukmaty.info",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:500,
interval:10000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
  • صورة فقط للتوضيح : (اضغط على صورة لتكبيرها)


سلايد شو بسيط و احترافي سهل التركيب للبلوجر

  • لا تنسى تغيير رابط مدونتي HUKMAT  برابط مدونتك .
اضافة سلايد شو المحترف الجديد الى مدونات البلوج سلايدشو احترافي يقوم بعرض مواضيع المدونه تلقائيا . اسهل طريقة لتركيب سلايد شو احترافي الى مدونة بلوج سلايد شو بلوجر تلقائي جديد 2015 متجاوب اضافة سلايد شو 2015 الاحترافي اضافة احلى سلايدشو تلقائي لعرض اخر المواضيع سلايد شو خفيف احترافي لمدونة بلوجر 2014 سلايد شو خفيف احترافي لمدونة بلوجر 2015 سلايد شو خفيف احترافي لمدونة بلوجر 2016 سلايد شو تلقائي لمدونة بلوجر اضافة سلايد شو تلقائي لعرض اخر المواضيع في القائمة الجانبية سلايد شو احترافي + طريقة تركيبه كيف تصنع سلايد شو احترافي لمدونتك خطوات بسيطة لصنع سلايد شو لموقعك او مدونتك

مقالات ذات صلة

Previous
Next Post »

22 التعليقات

التعليقات
11/23/2015 delete

احترف الربح من النترنت ... من الصفر حتى الاحتراف
من هنا
arbahnet2020.blogspot.com

Reply
avatar
11/23/2015 delete

احترف الربح من النترنت ... من الصفر حتى الاحتراف
من هنا
arbahnet2020.blogspot.com

Reply
avatar
12/13/2015 delete

ارجوك ممكن اجابتي كيف اجعل صور متوافقة مع السلايدر شو ؟ فالصور التي تعرض فيه في بعض الاحيان تكون مضببة و قليلة الجودة و جميع الصور لا تظهر كاملة بل يظهر فقط جزء منها . ما افضل حجم للصور لكي تتوافق معه ؟ مع اني جربت صور بحجم 572*320 و هو المساحة المخصصة للصورة في السلايدر

Reply
avatar
12/25/2015 delete

شكرا لك اخى الكريم
http://karizma-net.blogspot.com.eg

Reply
avatar
1/08/2016 delete

http://web-pro01.blogspot.com
مدونة محترف الويب | Web Pro | " نقوم بتقديم مجموعة من الشروحات والمواضيع بالفيديو, كما نطرح العديد من المقالات التي تهم أنظمة الويندوز لينكس والماك, بالإضافة إلى شروحات مواقع والعديد من الدروس حول الحماية و الامن المعلوماتي, حلول مشاكل الكومبيوتر وآخر الألعاب والبرامج, أحدث تطبيقات وألعاب الهواتف, حلول مشاكل android وIOS, وطرق الربح من الأنترنت والتسويق الالكتروني, تصميمات الفوتوشوب, المواقع وقوالب بلوجر... "

Reply
avatar
2/01/2016 delete

شكرا جزيلا ...لكن الكود ما استغل في مدونتي
http://hope-for-success.blogspot.com

Reply
avatar
2/01/2016 delete

ارباح نت
الطريق نحو الاحتراف
arbahnet2020.blogspot.com

Reply
avatar
3/06/2016 delete

سلايدر رائع أحسنتم

Reply
avatar
3/15/2016 delete

موضوع رائع. ارجو زيارة مدونتي لعل بها ما يفيدكم:
ayhamkhaled.blogspot.com

Reply
avatar
4/06/2016 delete

http://www.sh3py.com

Reply
avatar
4/15/2016 delete

شكرا لك سلايدر شو يعمال بشكل جميا جدا شكررا شضكرا

Reply
avatar
6/27/2016 delete

كيف اجعل السلايدر يعمل في الصفحة الرئيسة فقط.. ارجو الرد!!

Reply
avatar
7/24/2016 delete

Saya IBU SALMAH ingin berbagi cerita kepada anda semua bahwa saya yg dulunya cuma seorang TKW di ARAB SAUDI jadi pembantu rumah tangga yg gajinya tidak mencukupi keluarga di kampun,jadi TKW itu sangat menderita dan di suatu hari saya duduk2 buka internet dan tidak di sengaja saya melihat komentar orang tentan AKI SOLEH dan katanya bisa membantu orang untuk memberikan nomor yg betul betul tembus dan kebetulan juga saya sering pasan nomor di ARAB SAUDI,akhirnya saya coba untuk menhubungi AKI SOLEH dan ALHAMDULILLAH beliau mau membantu saya untuk memberikan nomor,dan nomor yg di berikan AKI SOLEH meman betul2 terbukti tembus dan saya sangat bersyukur berkat bantuan AKI SOLEH kini saya bisa pulang ke INDONESIA untuk buka usaha sendiri,,munkin saya tidak bisa membalas budi baik AKI SOLEH sekali lagi makasih yaa AKI dan bagi teman2 yg menjadi TKW atau TKI seperti saya,bila butuh bantuan hubungi saja AKI SOLEH DI 082-313-336-747- insya ALLAH beliau akan membantu anda.Ini benar benar kisah nyata dari saya seorang TKW trimah kasih banyak AKI atas bantuang nomor togel nya wassalam.


KLIK DISINI BOCORAN TOGEL HARI INI




















Saya IBU SALMAH ingin berbagi cerita kepada anda semua bahwa saya yg dulunya cuma seorang TKW di ARAB SAUDI jadi pembantu rumah tangga yg gajinya tidak mencukupi keluarga di kampun,jadi TKW itu sangat menderita dan di suatu hari saya duduk2 buka internet dan tidak di sengaja saya melihat komentar orang tentan AKI SOLEH dan katanya bisa membantu orang untuk memberikan nomor yg betul betul tembus dan kebetulan juga saya sering pasan nomor di ARAB SAUDI,akhirnya saya coba untuk menhubungi AKI SOLEH dan ALHAMDULILLAH beliau mau membantu saya untuk memberikan nomor,dan nomor yg diberikan AKI SOLEH meman betul2 terbukti tembus dan saya sangat bersyukur berkat bantuan AKI SOLEH kini saya bisa pulang ke INDONESIA untuk buka usaha sendiri,,munkin saya tidak bisa membalas budi baik AKI SOLEH sekali lagi makasih yaa AKI dan bagi teman2 yg menjadi TKW atau TKI seperti saya,bila butuh bantuan hubungi saja AKI SOLEH DI 082-313-336-747- insya ALLAH beliau akan membantu anda.Ini benar benar kisah nyata dari saya seorang TKW
trimah kasih banyak AKI atas bantuang nomor togel nya wassalam.


KLIK DISINI BOCORAN TOGEL HARI INI





















Reply
avatar
8/02/2016 delete أزال المؤلف هذا التعليق.
avatar
8/09/2016 delete

لم ينجح تركيب الاضافة http://impalestinian0.blogspot.com/

Reply
avatar
8/10/2016 delete

شكرااااااااااااااااااااااااااااااااااا

Reply
avatar

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا