Hướng dẫn thủ thuật chống click vô ảnh trong bài viết blogspot

[blog]

Trong blogspot thường có một chức năng khi click vô ảnh đó là Hiệu ứng hộp đèn, khi click vô ảnh thì ảnh sẽ phóng, zoom lên.

Nếu các bạn không thích dùng hiệu ứng hộp đèn khi click vô ảnh trong bài viết, thì bạn có thể tắt chức năng đó đi, nhưng tắt chắc năng đó đi thì khi click vô ảnh nó sẽ không phóng, zoom lên mà là sẽ mở link ảnh trực tiếp, thì rất bất tiện.

Sau đây mình hướng dẫn các bạn cách chống click vô ảnh khi bạn không muốn dùng hiệu ứng hộp đèn. Mục đích là khi click vô hình thì không có hoạt động nào xảy ra, giữ nguyên vị trí ban đầu.

Đầu tiên các bạn tắt chức năng hiệu ứng hộp đèn trong cài đặt của blog và copy đoạn code nhỏ bên dưới dán trước thẻ đóng </body> và lưu lại là được.


Đối với blogspot có template version='1'

<script type='text/javascript'>

    //<![CDATA[

    jQuery(document).ready(function($) {

        $('.post-body a[imageanchor]').click(function(e) {

            e.preventDefault()

        })

    })

    //]]>

</script>

Đối với blogspot có template version='2'

<script type='text/javascript'>

    //<![CDATA[

    jQuery(document).ready(function($) {

        $('.post-outer-container a[imageanchor]').click(function(e) {

            e.preventDefault()

        })

    })

    //]]>

</script>

Đối với 2 phiên bản thì nó khác nhau ở chỗ thẻ class bao quanh bài viết, phiên bản cũ là .post-body và phên bản mới là .post-outer-container

Với đoạn code trên thì khi click vô ảnh thì không có tác dụng, hoạt động nào xảy ra, giữ nguyên trạng thái ban đầu đó chính là thủ thuật chống click vô ảnh bài viết blogspot.

Tùy vô từng blog sẽ có class khác nhau.

Ngoài cách trên bạn có thể tham khảo: Hiệu ứng Zoom ảnh cho blogspot bằng thư viện JavaScript

[/blog]