أضافه سلا يدر أخر المشاركات تلقائي حصري على فنون بلوجر هادي السلايد شو يعمل على عرض احدث المواضيع سلايد شو احترافي بشكل عمودي الكثير ممن يبحثون عنة هاد السلايد شو من أفضل الإضافات على الإطلاق إضافة السلايد شو قد يساعد على تحسين عرض المدونة ويلفت النضر إلى مواضيعك قد يساعد على إبقاء الزائر إلى وقت أطول في تصفح المدونة والزائر أهم من المدونة طبعن لم لا أد كان لا يوجد زائر لم سمية هادي مدونة يجب عليك الاهتمام 100% في الزائر السلايد شو يتمتع بحركته ألافته للنضر والذي تجدب الزائر لقراء أخر المشاركات أو التدوين وهو يعمل على جميع القوالب هادي يمكنك استخدامه في تصميم القوالب لد يجب عليك إضافات إلى مدونتك من اجل تصفح الزائر وقت أطول
الأول : الذهاب الى القالب تحرير HTML
الثاني : قم بالبحت عن </head>
الثالث : ضع الكود التالي فوقه مباشرتان:
<style type="text/css">
#gallery{position:relative;margin:0 35px 20px;width:500px;height:126px;}
#gallery .belt{position:absolute;top:0;left:0;list-style-type:none}
#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIHTf5tfkNMrbayxKJycHOGi1BQoKreMUu91GYHJ_sLKbEILfiUQ8IwPkMsl2eXqgbutQE9WMHPJ4ReRWu2rBGLDkviJzSM0P7jV9jM0DDKn7fFvh7yrt68ibR1cjN__GKmcV8N1FVQYQ/s1600/bg-slider.png) bottom center no-repeat;overflow:hidden}
#gallery .panel img{float:left;border:1px solid #DDD;margin:5px;width:72px;height:72px;background:#FFF;padding:0px}
#gallery .panel img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/gehadhussien/popular-posts.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
stepcarousel.setup({
galleryid: "gallery",
beltclass: "belt",
panelclass: "panel",
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg256EIOFgpSXEI8BNizkYDu0P6yVSNbLXeRm-hAeDHR1egKDVE8_6YnZP8XVB-N7g6k1OPVniC54KX7ID0fQfMW1Dd-kvYXNnXZEeHHlmXYdbfSt46gXYL3Ol99dK9hchIlMGmuaaRm1M/s1600/prev.png", -40, 36], rightnav: ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWO-Uy-huC49iVQ1xRf5GTe8kuBsWIbqDeYuGqAqXBWbBO6mhnT0FMs_xEF9rcBlng73pL2pg3m12U3vP3J9zg3lq77fMiBzwHhjWDWobXxDGxXy0Kz2IZCP0kXUfaBc2X8v9YY5G0swQ/s1600/next.png", 2, 36]},
contenttype: ["external"]
})
//]]>
</script>
الرابع : ابحث عن الكود ألتالي
<b:section class='main' id='main' showaddelement='no'>
الخامس : ضع الكود التالي تحته / بعده مباشرتان :
<b:widget id='PopularPosts7' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div style='margin-top:20px;margin-bottom:70px;margin-left:-20px;'>
<div id='gallery'>
<ul class='belt'>
<b:loop values='data:posts' var='post'>
<li class='panel'>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
<b:else/>
<div class='item-title'>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</b:if>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'>
<b:if cond='data:post.thumbnail'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
<b:else/>
<img alt='no image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU-Tv6-I9M6HeGG09TZOG4836hQPHYx5M1rrodowOQe8N3i10k3a1cDoAOyOmjveeqqE63QdJ_ha9vRhpriKnhNo2yXfDGkNzfhnz6t52jH7MEg6pEj9XJ0ZRNbUlMVAUtiTuUIbKHYbA/s1600/defaultimage.jpg'/>
</b:if>
</a>
</b:if>
</li>
</b:loop>
</ul>
</div></div></b:if>
</b:includable>
</b:widget>
ليست هناك تعليقات:
إرسال تعليق