Popular Post ảnh chuyển động

Chip thấy bác DuyPham có cái code hay quá em về Fix thử,chạy ngon,chip chia sẻ cho mọi người tham khảo nhé.Bạn nhớ lưu temple lại phòng sự cố nhé.

Bắt đầu thủ thuật:

Bước 1:Bạn chèn code sau vào bên trên thẻ

]]></b:skin>

#gallery{-moz-box-shadow:0 2px 7px #555;-webkit-box-shadow:0 2px 7px #555;box-shadow:0px 2px 7px #555;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;margin:0 35px 20px;width:540px;height:126px;background:#F4F4F4}

#gallery .belt{position:absolute;top:0;left:0}

#gallery .panel{float:left;margin:20px;width:84px;height:86px;background:url(http://lh5.googleusercontent.com/_u7a1IFxc4WI/TccnSpYbfQI/AAAAAAAABF8/7Ov0s2tyWvQ/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}

Bước 2.Chèn code sau vào trước thẻ </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

<script src='http://duyphaminfo.googlecode.com/svn/trunk/auto-slider.js' type='text/javascript'></script>

<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://lh6.googleusercontent.com/_u7a1IFxc4WI/TccnPMhiJeI/AAAAAAAABF4/Rdog-4PTvQA/prev.png", -40, 36], rightnav: ["http://lh3.googleusercontent.com/_u7a1IFxc4WI/TccnMPdrdUI/AAAAAAAABF0/2a2dujvSrSQ/next.png", 2, 36]},

contenttype: ["external"]

})

//]]>

</script>

Bước 3.Đây là một bước rất thú vị,tùy thuộc vào vị trí chèn của bạn mà tiện ích sẽ hiển thị,ban đầu chip chèn thì nó hiển thị vào đầu trang,mà chip lại không muốn như vậy.nên chip nghĩ ra 1 cách là chèn nó phía sau các Widget trong temple,Bạn muốn chèn nó sau 1 Widget HTML24 chẳng hạn thì bạn chỉ việc copy code sau và nhấn Ctrl + F tìm HTML24 sau đó chèn code sau vào vị trí:

<b:widget id='PopularPosts2' locked='false' title='' type='PopularPosts'>

<b:includable id='main'>

<div id='gallery'>

<ul class='belt'>

<b:loop values='data:posts' var='post'>

<li class='panel'>

<b:if cond='data:showThumbnails == &quot;false&quot;'>

<b:if cond='data:showSnippets == &quot;false&quot;'>

<a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>

<b:else/>

<div class='item-title'>

<a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'><data:post.title/></a>

</div>

<div class='item-snippet'>

<data:post.snippet/>

</div>

</b:if>

<b:else/>

<a expr:href='data:post.href' rel='bookmark' expr:title='data:post.title'>

<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://lh4.ggpht.com/_u7a1IFxc4WI/TTjruHJjcfI/AAAAAAAAAk0/i11Oj6i_bHY/no-image.png'/>

</b:if>

</a>

</b:if>

</li>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

►Vào vị trí nè:

<b:include name='quickedit'/>

</b:if>

</b:includable>

Chèn vào đây.......

</b:widget>

Còn như bác DuyPham thì các bạn tìm thẻ <b:section class='main' id='main' showaddelement='yes'/> hoặc thẻ
<b:section class='main' id='main' showaddelement='no'/>

sau đó chèn code đó vào phía dưới nhé?

Chúc các bạn thành công?

Tham khảo Blog.Duypham.info