Hướng dẫn tạo Popup pro CHÈN vào Website
Seocucre.com xin Chia sẻ thêm thủ thuật mới.
Vậy là xong phần code để INSERT quảng cáo. Bạn có thể tùy ý thêm ảnh hay đoạn text thế cho đoạn chữ đỏ ở code trên ( <!-- Start quang cao: phần này sẽ hiển thị nội dung của quảng cáo có thể INSERT ảnh hoặc video hay flash tùy bạn -->)
Ví dụ: bạn muốn INSERT 1 bức ảnh (link ảnh ví dụ: http://abc.com/anh.jpg) và khi người dùng click vào ảnh thì chuyển sang site đích (ví dụ site đích là http://xyz.net) thì bạn INSERT đoạn code:
Hãy để lại comment phía dưới, quản trị viên của Seocucre.com sẵn sàng trợ giúp bạn
chúc các bác thành công!!
Popup là một cách quảng cáo hiệu quả trên các site tin tức - Chia sẻ nhằm quảng cáo chương trình, sự kiện, bán hàng...
Bài viết này xin được hướng dẫn cách INSERT popup vào chân trang site một cách pro dành cho những bạn nào chưa biết. Công việc INSERT này khá dễ nên hy vọng những bạn không biết quá nhiều về code cũng có thể INSERT vào được.
 |
| Ảnh minh họa |
Điều quan trọng đầu tiên trước khi thực hiện INSERT popup vào site là bạn phải có quyền chỉnh fix code trên website.
(Lưu ý: phần chữ tô đỏ trong phần code phía dưới sẽ là phần bạn có thể chỉnh fix tùy theo ý mình)
Bước 1: Chèn code vào phần sau thẻ <head>
Bạn cần INSERT đoạn code Sau đây vào sau thẻ <head> để quy định kiểu hiển thị của popup sẽ chèn. Cụ thể hơn cách INSERT code:
- Với bạn nào sử dụng Blogspot: Truy cập quyền quản trị > Mẫu > Chỉnh fix HTML trong giao diện code html đó bạn tìm đến thẻ đóng </head> và INSERT đoạn code phía dưới vào trước thẻ đóng đó.
- Với site sử dụng mã nguồn Wordpress: Truy cập quyền quản trị > Giao diện (Appearance) > Sửa (Editor) > Tìm đến file header.php (bên tay phải) click vào để chỉnh fix > Tìm đến thẻ đóng </head> và INSERT code phía dưới vào trước thẻ đóng đó.
- Với site khác: Truy cập vào quyền quản trị > Tìm đến phần tùy chỉnh hoặc setting site > Chỉnh fix Header để thêm đoạn code phía dưới vào (hoặc chỉnh fix trong file index để thêm đoạn code vào trước thể đóng </head>)
Code cần INSERT vào:
<!-- Script Popup--><script type="text/javascript">function hide_float_right() {var content = document.getElementById('float_content_right');var hide = document.getElementById('hide_float_right');if (content.style.display == "none"){content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_right()">Tắt quảng cáo [X]</a>'; }else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_right()">Xem quảng cáo...</a>';}}</script><style>.float-ck { position: fixed; bottom: 0px; z-index: 9000}* html .float-ck {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}#float_content_right {border: 1px solid #01AEF0;}#hide_float_right {text-align:right; font-size: 11px;}#hide_float_right a {background: #01AEF0; padding: 2px 4px; color: #FFF;}</style>
Bước 2: Chèn code hiển thị popup
Dưới đây chính là đoạn code hiển thị popup, bạn cần INSERT nó trước thẻ đóng </body>. Cụ thể hơn cách INSERT code:
- Với Blogspot: Vẫn tiếp tục ở giao diện chỉnh fix html (bước 1) tìm đến thẻ đóng </body> và INSERT đoạn code Sau đây trước thẻ đóng đó.
- Với web Wordpress (vẫn trong giao diện fix code ở bước 1): Nếu bạn muốn hiển thị tất cả các trang (kể cả trang chủ) thì chọn fix file footer.php và INSERT đoạn code Sau đây trước thẻ đóng </body>. Còn nếu bạn muốn chỉ hiển thị popup ở các bài viết thì chọn fix file single.php và INSERT đoạn code Sau đây trước hàm gọi footer (kiểu như <?php get_footer(); ?> )
- Với web site khác: Đơn giản nhất là INSERT toàn trang => vào chỉnh fix file index và INSERT đoạn code hiển thị popup vào trước thẻ đóng </body>
Code cần INSERT vào:
<!-- Code hien thi -->
<div id="mobile-hide" class="float-ck" style="right: 0px" >
<div id="hide_float_right">
<a href="javascript:hide_float_right()">Tắt [X]</a></div>
<div id="float_content_right">
<!-- Start quang cao: phần này sẽ hiển thị nội dung của quảng cáo có thể INSERT ảnh hoặc video hay flash tùy bạn -->
<!-- End quang cao -->
</div>
</div>
Vậy là xong phần code để INSERT quảng cáo. Bạn có thể tùy ý thêm ảnh hay đoạn text thế cho đoạn chữ đỏ ở code trên ( <!-- Start quang cao: phần này sẽ hiển thị nội dung của quảng cáo có thể INSERT ảnh hoặc video hay flash tùy bạn -->)
Ví dụ: bạn muốn INSERT 1 bức ảnh (link ảnh ví dụ: http://abc.com/anh.jpg) và khi người dùng click vào ảnh thì chuyển sang site đích (ví dụ site đích là http://xyz.net) thì bạn INSERT đoạn code:
<a href="http://xyz.net" target="_blank"><img src="http://abc.com/anh.jpg"/></a>OK nhé! Cảm ơn các bác đã ghé qua site tự học seo của Hà và hy vọng kiến thức Chia sẻ tại đây bổ ích với bạn.
Hãy để lại comment phía dưới, quản trị viên của Seocucre.com sẵn sàng trợ giúp bạn
chúc các bác thành công!!
Hướng dẫn tạo Popup pro CHÈN vào Website
Reviewed by thuc
on
1:19 AM
Rating:
Reviewed by thuc
on
1:19 AM
Rating:
No comments: