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.

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('http://namloan.blogspot.com/','WindowName','550','290','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="/-ZArBLDN824U/XlfjyQ2TXHI/AAAAAAAACD4/RbBDOXd7LUUBtARwcn1c2qjjtVAhtIH6QCK4BGAYYCw/s1600/logo-son-nguyen-jovis.png" title="Mô tả ảnh" /></a>