Bài liên quan
Cenutis magazine là 1 mẫu thiết kế dành cho blogger yêu thích viết nội dung theo dạng Blog tạp chí. Với template Cenutis magazine bạn sẽ có 1 site chuyên nghiệp dành cho cá nhân mình.
Chúc các bạn vui vẻ !
- Ư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:
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/AVvXsEhdoFz8za8pGUALTAcuaQyAO6Z9Dj9Ea3oGWi9Zrkjask2jHB7-SuBhUrRfsidVujuhk8nwuyruKFww0-pQAIHyu8vifT06EYMYqjBBIkJ76PzcTPhL2jB2kNweNOmLcSUc-H9XQE-l_mQ/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/AVvXsEj5TXwYgSdvN7pMmdELRJgDbvO8uNuMhm_usFyUDgIBGCTJdJhrvR32oR5VEinKimHrDj7_lyVEn1jNzRlPZLhNrHVCYLO77JAZ-YeN__VJ6OYE40j1Y3eXMATfH9RTbvGvsb4kAF0eV3w/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/AVvXsEjBMbLkt2c2mWur-M7mDzy6FR6wlPX_E5f6lEHHeifhu-u283a1PwY7VBFM0o8bDUjPJHCANglcGqs7mGbHaJmtik5TJXvon9TdM0B9SvR-Lp9KugaLIIOxYlQuKNf0M8eM4Sfqphss38c/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/AVvXsEjI84h0SQfvZtAZg0ZtYlnpaDCwh5_Il5yhhkqL1U0ruN2hJqacwRMft1YLUA9WYnA1PRJesJuvIi7mxangbexquOsob2Kj5itpYGsOVo6rlQL80Tzf6nScCmgPkSLY-9XlzaF-hg52b2o/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/AVvXsEhsTFVZAPa8jb_kpWqU9HUJU3jynViHjEyfe6nSqsP0pWSEs_f84nkr9xNbkwv4vFMURNzGNfCQM3aTdF0Gl3cIQf5o1zHq-6OIv1G-hPlFEI_tlmBvZ0X2oBVtihrwwNltfQLTUmRtjnI/s1600/slide-image-5.jpg' width='600'/>
</li>
<!-- slide 5 code end -->
</ul>
</div>
Chúc các bạn vui vẻ !
Post a Comment