سلايد شو تلقائى لاخر المواضيع هو سلايد شو احترافى جدا وهو سلايد شو قالب احجار ويمكنك الحصول على قالب احجار بأكثر من نسخة من قسم قوالب بلوجر على المدونة وسوف تجد فى قسم قوالب بلوجر على عالم المدونة الكثير من القوالب الأخر وسوف تجد أكثر من نسخة لقالب احجار خمل ما تريدها ، يمكنك ايضا الحصول على سلايد شو بشكل اخر اذا تريد من قسم سلايد على المدونة ايضا.
من مميزات السلايد شو فى موضوع اليوم هو أنه يقوم بعرض اخر 4 مواضيع من مدونتك بشكل رائع جدا بتاثيرات أحترافيه على الصور وهو تاثير التكبير والسلايد يعرض الصورة للموضوع مع العنوان والقسم ايضا ويمكنك الحصول على السلايد من موضوع اليوم بأذن الله ويمكنك معاينة السلايد من الرابط فى الأسفل وايضا سوف يكون عليك تحميل أكواد السلايد من الرابط الخاص بها.
سوف يكون عليك تحميل أكواد السلايد من هنا قبل حتى تستطيع تركيب السلايد على مدونتك وهنا ايضا سوف تجد رابط لمعاينة السلايد.
من مميزات السلايد شو فى موضوع اليوم هو أنه يقوم بعرض اخر 4 مواضيع من مدونتك بشكل رائع جدا بتاثيرات أحترافيه على الصور وهو تاثير التكبير والسلايد يعرض الصورة للموضوع مع العنوان والقسم ايضا ويمكنك الحصول على السلايد من موضوع اليوم بأذن الله ويمكنك معاينة السلايد من الرابط فى الأسفل وايضا سوف يكون عليك تحميل أكواد السلايد من الرابط الخاص بها.
سلايد شو قالب احجار التلقائى لاخر المواضيع لمدونات بلوجر |
معاينة وتحميل أكواد السلايد
سوف يكون عليك تحميل أكواد السلايد من هنا قبل حتى تستطيع تركيب السلايد على مدونتك وهنا ايضا سوف تجد رابط لمعاينة السلايد.
صورة من السلايد
سلايد شو قالب احجار التلقائى لاخر المواضيع لمدونات بلوجر |
شرح التركيب
- أولا أبحث عن هذا الوسم]]>ثم قم بوضع الكود التالى فوقه.
.blog_featured_posts{margin-top:0;overflow:hidden}
.blog_featured_post .feat-img:hover{transform:scale(1.2)}
.blog_featured_post{display:block;position:relative;float:right;overflow:hidden;height:334px}
.blog_featured_post.first{width:50%;border-left:5px solid #D2D2D2}
.blog_featured_post.second{width:20%;border-left:5px solid #D2D2D2}
.blog_featured_post.third,.blog_featured_post.fourth{width:30%;height:163px}
.blog_featured_post.third{margin-bottom:9px}
.blog_featured_post a{display:block;color:rgb(255,255,255);text-shadow:rgba(0,0,0,0.498039) 0 1px 1px;position:relative;vertical-align:bottom;z-index:1;height:100%}
.blog_featured_post a:hover:before{opacity:0.6;box-shadow:inset 0 -3px 200px 5px #000}
.blog_featured_post a:before{display:block;position:absolute;content:'';right:0;top:0;width:100%;height:100%;box-shadow:inset 0 -3px 300px 5px #000;opacity:0.5;-webkit-transition:all 0.2s;transition:all 0.2s}
.blog_featured_post a .blog_contents{display:block;position:absolute;z-index:5;bottom:30px;right:30px;left:30px;font-weight:bold;text-transform:uppercase;line-height:120%;transition:all 0.2s;width:100%}
.blog_contents span{display:block;padding:5px 10px;letter-spacing:0;font-size:15px;background:#009688;position:absolute;right:0;bottom:35px;font-weight:100}
.blog_contents span:after{content:"";border-style:solid;border-width:21px 7px 21px;border-color:transparent;border-bottom-color:#f58220;left:-7px;bottom:0;position:absolute}
.blog_contents span:before{content:"";border-style:solid;border-width:21px 7px 21px;border-color:transparent;border-top-color:#f58220;right:-7px;top:0;position:absolute}
.blog_featured_post a .blog_contents h3{padding:8px 10px 9px;float:right;background:#01579B;width:100%;font-size:18px;font-weight:100;margin-right:-30px;position:absolute;right:0;bottom:-30px}
.blog_featured_post .feat-img{width:100%;height:100%;background-size:cover;background-position:50%}
- الأن أبحث عن هذا الوسموقم بوضع الكود التالى فوقه.
- الأن مع اخر كود وسوف تقوم بوضع فى المكان الذى تريده فى مدونتك كما تريد.
- بعد وضعك لجميع أكواد الأن تقوم بحفظ القالب ومبروك عليك السلايد شو الجديد.
هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .