[Share] Code hiển thị các video xem gần đây cho wap4

Lượt xem: 112
FaceBook Google+ Twitter

Code này được Mr420 (VSP) bên forum wap4 share, mình đem về test và sửa lại chút sao cho đúng phong cách người Việt SEO cũng hiệu quả ghê gớm lắm nha

Vào _vsp_block thêm mã sau vào cuối:
Mã:
{% block recent_watched %}{% if vsp_last_viewed_videos|length > 0 %}<div class="phdr"><h2><i class="fa fa-star"></i> Các Video được xem gần đây:</h2></div>{% for video in vsp_last_viewed_videos %}<div class="videovn"><a href="{{ dir.video_search.single }}/{{ video.title|lower|truncate(88)|slugify_url }}/{{ video.video_id }}"><img src="{{ video.thumb_url }}" alt="{{ video.title }} thumbnail" class="img-thumb" /></a><a style="padding: 3px; display:inline-block" href="{{ dir.video_search.single }}/{{ video.title|lower|truncate(88)|slugify_url }}/{{ video.id }}" title="{{ video.title }}">{{ video.title }}</a><br /><i class="fa fa-cloud-download"></i><a href="{{ dir.video_search.single }}/{{ video.title|lower|truncate(88)|slugify_url }}/{{ video.video_id }}#download-list"> <b>Vào mục tải</b></a><br /><br /></div>{% endfor %}{% endif %}{% endblock %}


Sao chép code sau rồi dán vào nơi muốn hiển thị
Mã:
{{ block ('recent_watched') }}


Để hiển thị icon của fontawesome (nếu bạn chưa add thì xem qua top: [Làm Wap/Web đẹp và bắt mắt hơn với icon của Font Awesome và Bootstrap]

Sau đó thì để hiện lớp div thì các bạn có thể add css này vào wap để đúng lớp div, hoặc các bạn có thể tạo lớp div tương ứng hoặc sửa lại theo phong cách của mình
Demo: [VideoVn] (Domain đẹp nhể )
Nguồn: VnMaster
Đã chỉnh sửa. LeYTi (16:51 / 15.09.2016) [1]