- Ưu điểm:
+ Menu nổi bật
+ Slide đẹp
+ Template 2 cột thân thiện, giao diện sáng dễ nhìn
demo: TẠI ĐÂY
Link Download code: TẠI ĐÂY
Hướng dẫn cài đặt:
1. Chỉnh sửa Menu ngang header
Bố cục -> Edit Menu Header và thêm những liên kết bạn muốn
2. Chỉnh sửa Slide Show
- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML). Tìm tới đoạn code dưới và tùy chỉnh nó
Lưu mẫu lại
<div id='slidewrap'>
<ul class='kwicks horizontal'>
<!-- slide 1 code start -->
<li id='kwick_1'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='ENTER-SLIDE-1-LINK-HERE'>Enter Slide 1 Title Here</a></h2>
<a class='more4' href='ENTER-SLIDE-1-LINK-HERE'>Read More</a>
</div>
<img height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzn2KqfnGwfv91MpLwYF6amLZNaUj9Tt5q9tyHpwVxtQXbjuIDS0ync-MhQnra6wjnjrXF2vAZaLJj2zSZdM2FcbaNYLNG173Pq7Ffnscr_ARdEkrEneVfcm2NN9dt5c4JtVegvHfHMKA/s1600/slide-image-1.jpg' width='600'/>
</li>
<!-- slide 1 code end -->
<!-- slide 2 code start -->
<li id='kwick_2'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='ENTER-SLIDE-2-LINK-HERE'>Enter Slide 2 Title Here</a></h2>
<a class='more4' href='ENTER-SLIDE-2-LINK-HERE'>Read More</a>
</div>
<img height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMUnBn0MmQ4x5aZJh6HWS4nEhXo3CtqTHbiuY5Rd4A378fZfKdNDw5WHOg1W1nqWZx_Z8LNVNlTSWRKByLFsPU5VMdZKpyBWhGM1_fdf1RoYQMob9Ob9xCFJoeGikn50s9rTcRDS6bZgQ/s1600/slide-image-2.jpg' width='600'/>
</li>
<!-- slide 2 code end -->
<!-- slide 3 code start -->
<li id='kwick_3'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='ENTER-SLIDE-3-LINK-HERE'>Enter Slide 3 Title Here</a></h2>
<a class='more4' href='ENTER-SLIDE-3-LINK-HERE'>Read More</a>
</div>
<img height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6rnZmN34Yr0TYEquty1ti8VUj52z44BMPdBPvDQBFnlNyi_rqOhz0DlNqfhGYrnXbDFe3qGpRRZrpcRUgFzLTLAESqWp4jOsymuIvz5A2H1Sw2w_UAYlJsLovF5vx1QXTfi1DyPnr64o/s1600/slide-image-3.jpg' width='600'/>
</li>
<!-- slide 3 code end -->
<!-- slide 4 code start -->
<li id='kwick_4'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='ENTER-SLIDE-4-LINK-HERE'>Enter Slide 4 Title Here</a></h2>
<a class='more4' href='ENTER-SLIDE-4-LINK-HERE'>Read More</a>
</div>
<img height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF563PrbO-7NsfoZ_Ps0W18uI7no3an9BpPRMXZRG8vt3-SbBeG9a90gNGN5BwQuzGhwbSNk6aV8qtUMFBoQ1C7H0bqBEdJLwJm2xKymjCJE5rm7vAgE6HtCmQqEiamJZqZTr-UD3zAPg/s1600/slide-image-4.jpg' width='600'/>
</li>
<!-- slide 4 code end -->
<!-- slide 5 code start -->
<li id='kwick_5'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='ENTER-SLIDE-5-LINK-HERE'>Enter Slide 5 Title Here</a></h2>
<a class='more4' href='ENTER-SLIDE-5-LINK-HERE'>Read More</a>
</div>
<img height='280' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSgR_q423OTZhdUFdr4tHoluebPjts2qILbDiOekZH3pmuzZ9nGsGCtjMgrF77nYvzp5ZfjMqXTzC6aHE7UwvvMLidM4v2L852TOUxRwxT2-0SmM_-jL6aVFtkGzXNir9ycUKQIuW8dUM/s1600/slide-image-5.jpg' width='600'/>
</li>
<!-- slide 5 code end -->
</ul>
</div>
Chúc các bạn vui vẻ ! Chuyên mục: template-blogspot, Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger
0 nhận xét:
Đăng một bình luận