Cách tạo cửa sổ Popup liên kết bằng Script cho Blogspot

Sau nhiều lần mày mò tìm hiểu cách tạo Popup liên kết (website hoặc hình ảnh) cho blogspot, giờ đây Son Jovis gửi đến bạn đọc 1 giải pháp vô cùng hiệu quả. Mình hiện tại rất hay dùng cho các liên kết cho các Website sản phẩm bán hàng nhấn vào để xem chi tiết sản phẩm cho website dạng landingpage.

* XEM DEMO :POPUP LIÊN KẾT WEB

Tạo cửa sổ Popup cho Blogspot.

Cách làm:
- Bước 1: Vào Chủ đề >> Chỉnh sửa HTML
- Bước 2: Thêm đoạn mã dưới đây vào trước thẻ đóng </head> trong Blogspot

<script type="text/javascript">

//<![CDATA[

function OpenPopup(Url,WindowName,width,height,extras,scrollbars) {

var wide = width;

var high = height;

var additional= extras;

var top = (screen.height-high)/2;

var leftside = (screen.width-wide)/2; newWindow=window.open(''+ Url + 

'',''+ WindowName + '','width=' + wide + ',height=' + high + ',top=' + 

top + ',left=' + leftside + ',features=' + additional + '' + 

',scrollbars=1');

newWindow.focus();

}

//]]>

</script>

- Bước 3: Lưu lại và tiến hành setup vị trí muốn sử dụng popup liên kết

- Bước 4: Lựa chọn kiểu Popup:

+ Để popup hiển thị khi bấm vào một liên kết bạn sử dụng đoạn code sau: 

<a href="javascript: void(0);" onclick=" javascript:OpenPopup('https://www.son.pro.vn/','WindowName','570','300','scrollbars=1');">Tên Hiển Thị</a>

+ Để popup hiển thị khi bấm vào một hình ảnh bạn sử dụng đoạn code sau:

<a href="javascript: void(0);" onclick=" javascript:OpenPopup('https://www.son.pro.vn/','WindowName','550','290','scrollbars=1');"><img alt="Popup hình ảnh" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPdxiUGnLMQ8yLIUq5LciRbg69aJ4m_JE6cHFiyiw9Y1hNQzPBAzrWV2ABEjHwTu-5REQJpQ1FNg1RGcBw-47RfkT5NGzfYlywANuQbf3UwASC09tl9zkea3oVhc1QqcffGEYwllpfqDo/s16000/son-nguyen-backgound-2021.jpg" title="Mô tả ảnh" /></a>

TÙY CHỈNH THEO NHU CẦU: (màu cam)

- https://www.son.pro.vn/: Đây là link trang web (hoặc hình ảnh) sẽ hiện thị trong cửa sổ popup.

- 570 : Chính là chiều rộng của cửa sổ popup sẽ hiện thị.

- 300: Chính là chiều cao của cửa sổ popup sẽ hiện thị.

- Thay thế link hình ảnh của bạn

- Nếu trang web hoặc hình ảnh trong cửa sổ popup quá to sẽ có một thanh cuôn xuất hiện, bạn có thể tắt thanh cuộn này bằng cách sửa giá trị scrollbars=1 thành scrollbars=0