New
Loading...
Bạn là webmaster và muốn treo quảng cáo popup nhưng bạn không muốn làm phiền người dùng bởi những quảng cáo đó, vậy làm sao để tạo quảng cáo pop up mà không gây khó chiu cho người truy cập. Sau đây là một dạng quảng cáo pop up không làm phiền người truy cập hay nói đúng hơn là ít làm phiền người truy cập đó là "Pop up under".



Thực hiện:

- Đặt 2 đoạn Script sau trước thẻ </head>:

Script 1 :
 <script>

        //Pop-under window- By JavaScript Kit//Credit notice must stay intact for use//Visit http://javascriptkit.com for this script//specify page to pop-under

        var popunder="http://link-web.com/"

        //specify popunder window features//set 1 to enable a particular feature, 0 to disable

        var winfeatures="width=800,height=510,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1,directories=0"

        //Pop-under only once per browser session? (0=no, 1=yes)//Specifying 0 will cause popunder to load every time page is loaded

        var once_per_session=0

        ///No editing beyond here required/////

        function get_cookie(Name) {

        var search = Name + "="

        var returnvalue = "";

        if (document.cookie.length > 0) {

        offset = document.cookie.indexOf(search)

        if (offset != -1) { // if cookie exists

        offset += search.length

        // set index of beginning of value

        end = document.cookie.indexOf(";", offset);

        // set index of end of cookie value

        if (end == -1)

        end = document.cookie.length;

        returnvalue=unescape(document.cookie.substring(offset, end))

        }

        }

        return returnvalue;

        }

        function loadornot(){

        if (get_cookie('popunder')==''){

        loadpopunder()

        document.cookie="popunder=yes"

        }

        }

        function loadpopunder(){

        win2=window.open(popunder,"",winfeatures)

        win2.blur()

        window.focus()

        }

        if (once_per_session==0)

        loadpopunder()

        else

        loadornot()

   </script> 
 Script 2 :

<script>

    function popup() {

    var url = "http://link-web.com/";

    window.open(url);

    popWin = window.open(page,'popWin');

    popWin.blur();

    window.focus();

    }

    popup();

 </script>
http://link-web.com/ là địa chỉ web bạn muốn quảng cáo pop up
Những nội dung có đánh màu đỏ là phần xét thông số cho cửa sổ pop up ví dụ như chiều cao, chiều rộng, toolbar... bạn có thể thay đổi tùy ý bạn.

Lưu ý: Popup sẽ không xuất hiện trên các trình duyệt sử dụng các add on hay chương trình chặn popup.

Chúc bạn thành công!

Xem thêm:
- Hướng dẫn đặt quảng cáo theo từng forum hoặc category trong xenforo
- Code chèn banner xuất hiện tự động random đơn giản bằng Javascript
- Code popup quảng cáo xuất hiện khi click chuột lần đầu tiên
- Tổng hợp những hiệu ứng ánh sáng flash để làm banner hoặc intro
- Hướng dẫn cách làm banner quảng cáo responsive
- Hướng dẫn tạo quảng cáo sau bài viết đầu tiên cho diễn đàn Xenforo


Tinh tế - Xentag là plugin cho phép bạn thêm tag vào các diễn đàn, chủ đề, các trang... sau đó hiển thị chúng trên các trang thẻ, tag theo dạng đám mây. Nó rất hữu ích cho các thành viên & SEO diễn đàn.



Download [Tinhte] XenTag 2.1 tại đây

Bạn có thể cập nhật các bản khác tại đây

Xem thêm:
[8wayRun.Com] XenPorta 1.6.0 - Plugin CMS miễn phí mạnh mẽ cho Xenforo 
Tạo khung đăng ký thành viên dạng popup trong diễn đàn Xenforo 
- Hướng dẫn tạo khung đăng nhập bằng pop up trên diễn đàn Xenforo 
Basic jQuery Slider là slider cực kì đơn giản dễ sử dụng, bạn có thể custum lại dễ dàng để phù hợp với trang web của mình hơn. Có nhiều option để bạn tùy chỉnh.


Hình demo:


Download miễn phí tại đây


Xem thêm:
- Lấy đường dẫn URL và Title trang hiện tại bằng Javascript hoặc jQuery 
- Cách lấy giá trị biến từ một URL bằng Javascript (Get URL Variables)
- Hướng dẫn sử dụng Lazy Load cho website hoặc blog
- Lấy đường dẫn URL của trang hiện tại bằng PHP
[8wayRun.Com] XenPorta (Portal) là một plugin Xenforo miễn phí khá mạnh giúp bạn tạo trang CMS một cách dễ dàng, ngoài ra còn nhiều tính năng giúp bạn tùy biến diễn đàn Xenforo của mình trở nên chuyên nghiệp. [8wayRun.Com] XenPorta (Portal) đã có bản 1.6 hỗ trợ cả diễn đàn Xenforo phiên bản 2X.


Cài đặt rất đơn giản, bạn làm theo các bước sau:

1 - Sau khi tải xuống, bạn giải nén và upload toàn bộ file lên folder root của diễn đàn trên host

2 - Đăng nhập admincp, chọn tab Cài đặt Ad-on, cài đặt file từ server bằng đường dẫn: "library/EWRporta/addon-EWRporta.xml"

3 - Bạn thiết lập lựa chọn và phân quyền của Xenportal trong admin control panel

Các bạn có thể download [8wayRun.Com] XenPorta (Portal) 1.6.0 miễn phí tại đây:

http://www.mediafire.com/download/s4ldc0hqvc16i2b

Ngôn ngữ Việt Nam cho phpBB3, bản mới nhất 1.3.1 mới cập nhật dành cho phiên bản phpBB3 3.0.11. Download miễn phí.


Download tại đây:

http://www.mediafire.com/download/1nja2gra21sw0b1

Cài đặt:
Đầu tiên bạn tải gói ngôn ngữ về, giải nén và chép hết vào thư mục gốc của diễn đàn. Sau đó bạn vào Trang quản trị hệ thống, vào tiếp trang System. Trong trang này, bạn chọn và cài đặt gói ngôn ngữ tiếng Việt mà bạn vừa chép vào diễn đàn của bạn.

Lưu ý là khi giải nén gói ngôn ngữ, bạn cần giữ lại đúng cấu trúc thư mục. Nếu không chắc chắn, bạn nên tham khảo các tài liệu khác hoặc nhờ ai đó trợ giúp. Việc thực hiện không đúng bước trên có thể làm cho diễn đàn không hiển thị được ngôn ngữ cũng như các nhút nhấn và icon hình ảnh.

Phiên bản quản lý ngôn ngữ mới của phpBB không cho đính kèm thêm bất kỳ file nào ngoài các file dịch thuật và hình ảnh imageset. Cho nên để tải về các file CSS tương thích tiếng Việt trên trình duyện IE6, bạn vui lòng tải về và tham khảo thư mục themes trong phiên bản ngôn ngữ trước đó.
 


Hiện nay người làm web đã chú trọng hơn với người dùng mobile nên một website khi thiết kế phải hỗ trợ cả trình duyệt mobile. Thông thường là sử dụng giao diện Reponsive hoặc code Detect mobile, sau đây là  hướng dẫn cách sử dụng code Detect mobile đơn giản bằng JavaScript giúp bạn dễ dàng làm web hơn.


Bước 1: Tạo một file js đặt tên tùy ý và chép đoạn code sau vào:
var mobile = function(){

        return {

            detect:function(){

                var uagent = navigator.userAgent.toLowerCase();

                var list = this.mobiles;

                var ismobile = false;

                for(var d=0;d<list.length;d+=1){

                    if(uagent.indexOf(list[d])!=-1){

                        ismobile = true;

                    }

                }

                return ismobile;

            },

            mobiles:[

                "midp","240x320","blackberry","netfront","nokia","panasonic",

                "portalmmm","sharp","sie-","sonyericsson","symbian",

                "windows ce","benq","mda","mot-","opera mini",

                "philips","pocket pc","sagem","samsung","sda",

                "sgh-","vodafone","xda","palm","iphone",

                "ipod","android"

            ]

        };

    }();


    if(mobile.detect()){

        alert('You are using a mobile phone.');  

    }else{

        alert('You are using a desktop browser');

    }
Bước 2: Đặt file js vừa tạo vào trong thẻ <head>

Bước 3: Sửa lại hàm bạn muốn thực hiện nếu là trình duyệt là mobile:

alert('You are using a mobile phone.');


hoặc ngược lại:

alert('You are using a desktop browser');

Bạn có thể thay thế tùy ý ví dụ như khi trình duyệt mobile thì chuyển qua skin mobile hoặc cho xuất hiện 1 file css viết riêng cho trình duyệt mobile chẳng hạn.

 6 slider miễn phí, đẹp mượt mà sử dụng thư viện jQuery, hỗ trợ nhiều trình duyệt khác nhau.

1. Bubble Slideshow Effect with jQuery


 Demo | Source

2. Coding a Rotating Image Slideshow w/ CSS3 and jQuery


Demo | Source

3. HTML5 Slideshow w/ Canvas & jQuery


Demo | Source

4. Making a Mosaic Slideshow With jQuery & CSS

Demo | Source

5. Apple-style Slideshow Gallery With CSS & jQuery


Demo | Source

6. Responsive Image Gallery with Thumbnail Carousel


Demo | Source



Tham khảo thedesignhill.com
5 mẫu slider miễn phí tuyệt đẹp sử dụng jquery cho website của bạn, nhiều effect đẹp và hỗ trợ nhiều trình duyệt khác nhau.

Fullscreen Slit Slider (Hiệu ứng xé toạt màn hình)




Demo | Source

Swift Content Navigation ( Hiệu ứng lật trang nhanh theo nhiều hướng)



Demo | Source

Vertical Showcase Slider (Cuộn nội dung theo chiều dọc)




Demo | Source

Triple Panel Image Slider ( Hiệu ứng trượt 1 lúc 3 hình)




Demo | Source

Parallax Content Slider ( Nội dung và hình ảnh trượt ngang)




Demo | Source


10 mẫu jquery slider miễn phí với hiệu ứng tuyệt đẹp phù hợp với nhiều thể loại website khác nhau sẻ giúp website designer dễ dàng tùy biến giao diện.

1.Elastic Image Slideshow


Demo | Source

 

2. Rotating Image Slider



Demo | Source

3. 3D Wall Gallery




Demo | Source

4. Thumbnails Preview Gallery


Demo | Source

5. zAccordion




Demo | Source

6. Parallax Slider With jQuery




Demo | Source

7. Portfolio Zoom Slider


Demo | Source

8. Animated Portfolio Gallery




Demo | Source

9. Tiny Circle Slider




Demo | Source

10. Slider Gallery With jQuery



Demo | Source




Nguồn: Internet

[Tinhte] XenTag 2.1.3c là Plugin hỗ trợ SEO mạnh mẽ cho diễn đàn Xenforo được phát triển bởi diễn đàn Tinhte, với nhiều chức năng như tạo tag cho bài viết, diễn đàn, trang..., tạo #Hashtag cho bài viết, quản lý tags, tạo tag cloud, tự động chèn link tag, hỗ trợ search theo tag, có thể tạo nhiều widget theo tag...


Một số hình ảnh [Tinhte] XenTag:








- [Tinhte] XenTag 2.1.3c
 - Dung lượng: 150kb
- Link download: http://www.mediafire.com/download/a7nqyzvaji30z55/[Tinhte]_XenTag_v2.1.3c.zip

Đôi khi bạn muốn tạo những nội dung nổi bật hoặc quảng cáo roll theo màn hình khi kéo chuột, việc này có vẻ sẻ phức tạp khi bạn tự viết bằng javascript. Nhưng với plugin ScrollToFixed thì việc đó thật dễ dàng.

Mời các bạn xem qua một số ví dụ về cách sử dụng:

Mặc định

$(document).ready(function() {
  $('#mydiv').scrollToFixed();
});

Dùng với margin limit

$(document).ready(function() {
  $('#cart').scrollToFixed({ marginTop: 10, limit: $($('h2')[5]).offset().top });
});

Header fixed và footer fixed với một thông số limit

$(document).ready(function() {
  $('.header').scrollToFixed();
  $('.footer').scrollToFixed( { bottom: 0, limit: $('.footer').offset().top } );
});

Dùng với nhiều option khác nhau hoặc tạo thêm sự kiện khi roll, ví dụ như đổi màu font chữ, background...

$(document).ready(function() {
    $('.header').scrollToFixed({
        preFixed: function() { $(this).find('h1').css('color', 'blue'); },
        postFixed: function() { $(this).find('h1').css('color', ''); }
    });

    $('.footer').scrollToFixed( {
        bottom: 0,
        limit: $('.footer').offset().top,
        preFixed: function() { $(this).find('h1').css('color', 'blue'); },
        postFixed: function() { $(this).find('h1').css('color', ''); }
    });

    $('#summary').scrollToFixed({
        marginTop: $('.header').outerHeight() + 10,
        limit: function() {
            var limit = $('.footer').offset().top - $('#summary').outerHeight(true) - 10;
            return limit;
        },
        zIndex: 999,
        preFixed: function() { $(this).find('.title').css('color', 'blue'); },
        preAbsolute: function() { $(this).find('.title').css('color', 'red'); },
        postFixed: function() { $(this).find('.title').css('color', ''); },
        postAbsolute: function() { $(this).find('.title').css('color', ''); }
    });
});

Bạn có thể xem demo trực tiếp một số ví dụ:

Cài đặt và sử dụng:

Bạn download plugin tại đây

Hoặc cập nhật bản mới nhất tại đây

Chúc các bạn thành công