Mạch Khóa Số Điện Tử Mạch Đếm Sản Phẩm Mạch Đèn giao thông Ngã Tư Mạch Trái Tim Final Mạch Trái Tim Final Mạch Trái Tim I Love U

June 3, 2011

Popular Post ảnh chuyển động

Chip thy bác DuyPham có cái code hay quá em v Fix th,chy ngon,chip chia s cho mi người tham kho nhé.Bn nh lưu temple li phòng s c nhé.

Bt đu th thut:


B
ước 1:Bn 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

0 comments:

Post a Comment

Bạn đọc hãy giúp chúng tôi xây dựng cộng đồng bằng cách để lại bình luận, chúng tôi luôn đón nhận mọi ý kiến của các bạn:
» Bình luận nghiêm túc và không chứa các liên kết quảng cáo.
» Vui lòng không Spam nhận xét với mọi hình thức.
» Rất mong bạn đề tên cho nhận xét của chính mình - Bằng cách chọn vào Tên/URL và điền tên bạn vào (Phần URL có thể bỏ trống ).

- Bạn có thể chèn Link nhạc (NCT), video(Youtube),Hình ảnh vào comment bằng cú pháp:
+ [youtube] Link video Youtube [/youtube].
+ [img] Link ảnh( định dạng PNG, JPG,GIF) [/img]
+Chèn link liên kết: <a href="LINK" rel="nofollow">Name</a>
-Bạn copy mã bên cạnh biểu tượng chèn vào nhận xét để bày tỏ cảm xúc!!

:) :( :)) :(( =)) =D> :D :P