معهد خبراء بلوجر - إضافة أداة المواضيع الشائعة

إضافة أداة المواضيع الشائعة تحت تدويناتك في بلوجر

http://1.bp.blogspot.com/-PUc68N15qE...ery+effect.png

أولا إبحث عن ]]></b:skin>

ثم ضع قبله هذا الكود

كود بلغة HTML:

#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(http://2.bp.blogspot.com/-_Srvna_zg0M/T393_LXqDLI/AAAAAAAABrQ/_t2GmPexCHo/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>

وضع قبله هذا الكود

كود بلغة HTML:

<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: 

["http://2.bp.blogspot.com/-0Iss3Wjr36Q/T393U65TcKI/AAAAAAAABq4/K_uzwyuNzrE/s1600/prev.png",

 -40, 36], rightnav: 

["http://1.bp.blogspot.com/-DtspeRHclnQ/T393WdyB8EI/AAAAAAAABrA/TKHickb2iI8/s1600/next.png",

 2, 36]}, contenttype: ["external"] }) //]]></script>

الآن انتهينا من تجهيز عمل الاداة ننتقل لمرحلة وضع الآداة أسفل مواضيع المدونة

إبحث عن

<b:section class='main' id='main' showaddelement='yes'>
أو
<b:section class='main' id='main' showaddelement='no'>

ثم بعده ضع هذا الكود

كود بلغة HTML:

<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='http://2.bp.blogspot.com/-mRxY2oEkLJc/T393wpt0z_I/AAAAAAAABrI/4blMjDaSOUY/s1600/no-image.PNG'/>

        </b:if>       </a>      </b:if>     

</li>

</b:loop>   

</ul>

</div>

</div>

</b:if> 

</b:includable></b:widget>

وهنيئا لك

لا تبخلوا علينا بردودكم المشجعة

المصدر مدونة عين العرب