Thứ Bảy, 24 tháng 9, 2016

Tự động thêm nội dung và liên kết cho CSS class với Jquery

Tự động thêm nội dung và liên kết cho CSS class với Jquery
Nếu trong bài viết hoặc Blog có nhiều nội dung trùng nhau, mà bạn không muốn nhập đi nhập lại mất nhiều thời gian, thì bạn có thể sử dụng cách sau để thêm nội dung và liên kết vào bài viết một cách tự động
Bạn có thể áp dụng cách này để tạo các vị trí back to top (trở về đầu bài viết),... Yêu cầu template phải có sẵn thư viện Jquery.

Demo có thể xem ở đây



Thêm đoạn Jquery

 Đăng nhập vào Blogger -> Chọn chỉnh sửa mẫu (Edit Template), chèn đoạn code bên dưới vào trước thẻ đóng </body>:
<script type='text/javascript'>
$(".backtotop").html('<a href="http://gocit360.blogspot.com">UpsotBlog</a>')
</script>
Thay UpsotBlog bằng nội dung muốn hiển thị, http://gocit360.blogspot.com là địa chỉ liên kết của nội dung đó. còn backtotop là CSS class
Lưu lại template. 

Hiển thị nội dung trong bài viết

Khi viết bài, bạn chỉ cần chèn code sau vào những vị trí muốn hiển thị:
<span class="backtotop"/>
Với backtotop là class ở bước trước

0 nhận xét

Đăng nhận xét