مميزات القالب
-------------------------------------------------------
الالوان الرئيسية : ابيض و احمر واسمر
الساعه والتاريخ بشكل جذاب جدا
مربع للاعلان عن اى شئ مهم للزائرين
سلايد شو متميز جدا وخفيف
قائمة مسندلة بشكل رائع صورة تلقائية لاختصار الموضوع في الرئيسية
مع خاصية اقرا المزيد بشكل متحرك
يدعم لاهم المتصفحات (IE9, Mozilla, Chrome)
اسم الكاتب اخر كل تدوينه بطريقه جديدة
لوحه تحكم داخل الصفحه لا احد يراها الا صاحب القالب
متناسق فى تخطيط القالب
والعديد من المواصفات اكتشفها بنفسك
شرح تثبيت القالب
-----------------
لاضافه اللجو الخاص بك والشعار
اذهب الى التخطيط
واضيف اللوجو والشعار هكذا
لكى يعمل معك السلايد شو اذهب الى التخطيط
واختار اضافه اداة java script
واحذف ما هو محدد باللون الاحمر
برابط مدونتك
وضيف هذا الكود وضغه فوق رسائل
المدونه
<style scoped="" type="text/css"> #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:300px} #slides li{width:49.9%;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){display:block} #slides li:nth-child(1){left:0;top:0} #slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%} #slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%} #slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%} #slides a{display:block;width:100%;height:100%;overflow:hidden} #slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#E90A0A;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP0zdPhfVzoOVOgPiNulk707trAwvXUuWIgf7A1Hm-s4Wh8UOJm0YmgGTVLDUvPxKbhyphenhyphen9CSskD2FwIsWXyp6pNfhiX2UDvnCdQ8F04t7VzN5vRqioyTcqi0uAYTMpvNGmtg9vfSVJ0NQU/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #D6D6D6;;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides h4{ position: absolute; bottom: 30px; margin: 0; right: 0; padding: 0 10px; color: rgb(2, 2, 2); z-index: 3; font-weight: normal; font: 13px/20px 'DroidKufi-regular', tahoma; background: #FFFFFF; border: 1px solid; text-align: center; } #slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px} #slides .label_text{ font-size: 9px; overflow: hidden; color: white; bottom: 10px; z-index: -1; font-family: Verdana,Geneva,sans-serif; position: absolute; } #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none} #slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} #slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1} #buttons{margin:5px 0 0} #buttons a{ display: inline-block; text-indent: -9996px; height: 26px; float: center; margin: 3px 10px 12px 1px; background: #ccc; border: 1px solid #B1ADAD; box-shadow: 0 1px 2px 0 cornsilk; position: relative; left: 285px; width: 30px; } #buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%} #buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px} @media only screen and (max-width:600px){ #slides ul{height:600px} #slides li:nth-child(1){width:100%;height:49.8%} #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%} #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%} #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%} } </style> <div id="featuredpost"> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="https://ivyth.googlecode.com/svn/js/featuredpost.min.js" type="text/javascript"></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { FeaturedPost({ blogURL:"http://hosam-herry.blogspot.com/", MaxPost:8, idcontaint:"#featuredpost", ImageSize:300, interval:5000, autoplay:true, MonthNames:["يناير","فبراير","مارس","أيريل","مايو","يونيه","يوليو","اغسطس","سبتمبر","أكتوبر","نوفمبر","ديسمبر"], tagName:false }); }); //]]> </script>
-----------------------------------------------------
اذهب الى تخطيط القالب ثم رسائل المدونه
ثم نختار تحرير
ثم نتأكد ان الاعدادات مثل هذة الصورة
لوحه تحكم رائعه
لتفعيلها تقوم بالذهاب الى تحرير القالب
وتقوم بالبحث عن
xxxxxxxxxxx
وتقوم بتبديلها بال ID
الخاص بحسابك
-----------------------------------------------------
هذا القالب هو من تصمـيم وتطـوير : مدونه حسام حـرى ..
ولم نسمح ولن نسامح لمن يقوم بإقتباسه
ونسبه لنفسه وحذف الحقوق المسجله على القالب
مدون مغربي ، عمري 15 سنة أنشأت هذه المدونة لتعليم الشباب العربي كل ما أعرفه عن مجال التقنية و المعلوميات من خلال دروس بمنتهى البساطة ، أجيد تصميم و تكويد المواقع ، خبير في الاتش تي ام ال و سي اس اس أي مساعدة لا تتردد في الطلب من خلال التعليق على الموضوع أعلاه .
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء