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
Mình áp dụng cho bài viết Cách sử dụng các thẻ điều kiện Blogger, với các nút back to top là ký tự mũi tên đi lên

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="https://ducatoz.blogspot.com">UpsotBlog</a>')
</script>

Thay UpsotBlog bằng nội dung muốn hiển thị, https://ducatoz.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