إضافة أداة المواضيع الشائعة تحت تدويناتك في بلوجر
أولا إبحث عن
]]></b:skin>
ثم ضع قبله هذا الكود
#gallery{position:relative;margin:0
35px 20px;width:590px;height:126px;background:#ffffff} #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/AVvXsEj9Y0n7foiEuxwGOOhyphenhyphenRmNUe-_Z6w4NlbQduMCOgG-bPpkGfYux3o8x1JU9o2tJJYhr-G9g_KWcgZpQrnA165DYLXOuRgqGJCE4GfFMKpxfedXWLN5WxLPN3BFjdtoe2jDFwC6FdDIMU5Kg/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}
بعد ذالك إبحث عن
</head>
وضع قبله هذا الكود
<script
src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'
type='text/javascript'/><script
src='http://helplogger.googlecode.com/svn/trunk/auto-slider.js'
type='text/javascript'/><script
type='text/javascript'>//<![CDATA[ stepcarousel.setup({ galleryid:
"gallery", beltclass: "belt", panelclass: "panel", autostep:
{enable:true, moveby:1, pause:6000}, panelbehavior: {speed:500,
wraparound:true, persist:true}, defaultbuttons: {enable: true, moveby:
2, leftnav:
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAX86VdqSvyQtfwOoCKmM8V9is-mdGOU_0iWvxgGmpAd5wpsbPAIE36vMpYRptbTdVHg3oG5OqNWtwgBZoVC6KvHYckHrKJ2Z0ILs6DMVaO4IrI024a1dXIrdMJCmSUCYpPI8JIpRKLK55/s1600/prev.png",
-40, 36], rightnav:
["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhNyCj-0OH4bZiYS4Pqs5_zB1zjZSFmLirse4vBdaPP76Od95Ucf6FwVh5DQgBBOGb0vcz520A2M9V9ivMkmqRhkKTef9RkqaIQpGKkSr5ddaYrJE3GdWROy0m9I7NgAO_iXRvph24dSN/s1600/next.png",
2, 36]}, contenttype: ["external"] }) //]]></script>
الآن انتهينا من تجهيز عمل الاداة ننتقل لمرحلة وضع الآداة أسفل مواضيع المدونة
إبحث عن
<b:section class='main' id='main' showaddelement='yes'>
أو
<b:section class='main' id='main' showaddelement='no'>
ثم بعده ضع هذا الكود
<b:widget
id='PopularPosts2' 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/AVvXsEjn0uJ1NhtmxEf7fpDq09GYIF8EII-s3JBSi8SHO1d91nuwHN22_zAW5v8zmhQS6Ze4vfQl9KEU63MRW3KMjBKC-gXE65pbFozwwZIiP9j0G4QhHqTgPwcVhn5VRoXNBLY9aLDni4ZtXygf/s1600/no-image.PNG'/>
</b:if> </a> </b:if>
</li>
</b:loop>
</ul>
</div>
</div>
</b:if>
</b:includable></b:widget>
وهنيئا لك
ليست هناك تعليقات:
إرسال تعليق