Popular Post ảnh chuyển động

3 Th6

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&#8217; type=’text/javascript’></script>

<script src=’http://duyphaminfo.googlecode.com/svn/trunk/auto-slider.js&#8217; 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},
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/>
</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

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: