Showing posts with label Blogspot Advertising. Show all posts
Showing posts with label Blogspot Advertising. Show all posts

Sunday, June 24, 2012

Thủ thuật mở nhiều cửa sổ popup khi click chuột vào vị trí bất kì trên web/blog



Thủ thuật mở nhiều cửa sổ popup khi click chuột vào vị trí bất kì trên web/blog
Thường vào các blogspot lớn bạn sẽ rất nhiều popup xuất hiện quảng cáo cho site khác. Chỉ cần load lại trang là lại thêm một số popup khác xuất hiện .Dẫn đến nhiều trường hợp giảm dần lượng khách đến site bạn .Đoạn code sau sẽ giúp bạn chèn quảng cáo popup và chỉ hiện 1 lần duy nhất tránh gây phiền hà cho khách khi truy cập.
Thủ thuật này khác với thủ thuật: Tạo popup chỉ xuất hiện một lần duy nhất cho blog mà mình giới thiệu trước đây.
» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Bạn tìm đến thẻ <body> và thay nó thành 1 trong 2 đoạn Script sau

A. Javascript xuất hiện nhiều tab mỗi khi click chuột

<body onclick='open_popup()'>

<script type='text/javascript'>
/* <![CDATA[ */
function open_popup() {
window.open("http://namkna.blogspot.com/")
window.open("http://khuyennong40a.blogspot.com/")
window.open("http://namkna.blogspot.com/2011/05/xem-tivi-truc-tuyen.html")
}
/* ]]> */
</script>
- Trong đó thay các trang màu đỏ thành các trang bạn muốn.
Để thêm một cửa sổ Popup bạn thêm đoạn code sau:
window.open("http://namkna.blogspot.com/")
B. Javascript xuất hiện popup khi click chuột lần đầu tiên.
Cái nàu gần giống bài: Tạo popup chỉ xuất hiện một lần duy nhất cho blog nhưng cách làm và code khác nhau hoàn toàn.
<body onclick="vtlai_popup();">

<script language="javascript">
/* <![CDATA[ */
var sinhvienit=0;
function SVIT_ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function SVIT_ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}

function vtlai_popup()
{
var cookie_popup_ads = SVIT_ADS_GetCookie('sinhvienit_popup_ads');
if (cookie_popup_ads=='') {
if(sinhvienit==0)
{
sinhvienit=1;
var Time_expires = 24 * 3600 * 1000;
SVIT_ADS_SetCookie('sinhvienit_popup_ads','true',Time_expires);
var urllist = ['http://namkna.blogspot.com/','http://khuyennong40a.blogspot.com/','http://namkna.blogspot.com/2011/12/tuyen-tap-hai-xuan-2012.html'];
var url = urllist[Math.floor(Math.random() * urllist.length)];
var params = 'width=' + '300';
params += ', height=' + '300';
params += ', top=0,left=0,scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';
var pop_ads_open = window.open(url, 'sinhvienit_ads_pop', params);
}
}
}
/* ]]> */
</script>
Đối với đoạn script này thì cửa sổ Popup chỉ mở ra khi bạn click chuột lần đầu tiên khi truy cập một blog, các thao tác click về sau cửa sổ popup sẽ khi còn xuất hiện như script đầu tiên, script đầu tiên chỉ cần bạn click là nó xuất hiện tab mới tần suất xuất hiện cao hơn script này. Hơn nữa script này sẽ lấy ngẫu nhiên trang web/blog trong urllist để xuất hiện.

5. Cuối cùng save template lại là xong.

Cách khác: Mở nhiều liên kết trong tab mới. Các này không xuất hiện các Popup mà trình duyệt sẽ tự động mở ra các tab mới để quảng cáo.
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn Mơ rộng tiện ích mẫu và tìm đoạn code sau:


<a expr:href='data:post.url'>
5. Thay toàn bộ đoạn code trên bằng đoạn code sau (tùy từng Template mà có số lần thay ít hay nhiều thường thì 3 lần thay):
<a expr:href='data:post.url' onclick='window.open("http://namkna.blogspot.com/"); window.open("URL 1"); window.open("URL 2"); window.open("URL 3")'> 
Chúc thành công!
Chủ đề:

Tạo Banner quảng cáo với hiệu ứng trượt dọc 2 bên (Phiên bản 3)



Banner quảng cáo trượt dọc 2 bên trang web là hình thức quảng cáo rất phổ biến hiện nay trên các Forum\Website lớn. Không những giúp tận dụng “đất”, nó còn dễ dàng gây được sự chú ý của người đọc với hiệu ứng trượt theo khi trang được cuộn lên\xuống. Lần trước mình đã giới thiệu cho các bạn
Xem Demo 

        Hôm nay mình giới thiệu cho các bạn thêm một phiên bản 3, để các bạn có thể lựa chọn theo ý mình muốn

Có gì mới ở phiên bản này:

      + Banner ban đầu sát với lề trên của trình duyệt.
      + Tốc độ trượt mượt hơn.
    + Khi kích thước trình duyệt có chiều ngang nhỏ hơn 1024px, banner tự động biến mất để tránh che khuất các thành phần khác của giao diện.
     + Khi kích thước trình duyệt có chiều ngang lớn hơn 1024px, banner sẽ tự động canh lề & giữ khoảng cách với mép 2 bên trình duyệt để tránh gây ra khoảng trống vô nghĩa.


Cách tiến hành:

   1- Đăng nhập vào Blog
   2- Vào thiết kế
   3- Chọn Phần tử trang
   4- Tạo một widget HTML\JavaScript và chèn vào đoạn code bên dưới :

<Script type="text/javascript">
/* design by namkna: http://namkna.blogspot.com/2012/01/tao-banner-quang-cao-voi-hieu-ung-truot.html */
function ShowRightAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWRfVqDX_r4LyoX6JiYTb9Hy5gRspPoMTz1SSNBpaKHXT_xE6Ntlx7hmlYqY5hkirzswN4ggDTRVPkcotDdPT_jv_Kkgaclf02HFnon87nsgJngV04ZszFtWjAOUuzEu2BDTsbrhwHPzF/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
function ShowLeftAdDiv(){
if (document.body.clientWidth > 900){
document.write("<table width='110' border=0 cellspacing=0 cellpadding=0><tr><td><a href='http://namkna.blogspot.com/' target='_blank' title=''><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioWRfVqDX_r4LyoX6JiYTb9Hy5gRspPoMTz1SSNBpaKHXT_xE6Ntlx7hmlYqY5hkirzswN4ggDTRVPkcotDdPT_jv_Kkgaclf02HFnon87nsgJngV04ZszFtWjAOUuzEu2BDTsbrhwHPzF/s1600/banner-quang-cao-dep-nhat-truot-doc-2-ben-namkna-blogspot.png' width='110' style='margin-bottom:4px'></a></td></tr></table>");
}
}
</Script>
<DIV id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowRightAdDiv();</script></DIV>
<DIV id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 10px"><script language="JavaScript">ShowLeftAdDiv();</script></DIV>
<SCRIPT language=JavaScript>
window.onresize=ShowAdDiv;
function FloatTopDiv()
{

var ns = (navigator.appName.indexOf("Netscape") != -1);

if(!ns)
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;

startRX = ((document.body.clientWidth)/2) + 391 , startRY = 0;
}
else
{
startLX = ((document.body.clientWidth -1215)/2) + 105 , startLY = 0;
startRX = ((document.body.clientWidth -775)/2) + 778 , startRY = 0;
}
var d = document;

function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startRX;
el.y = startRY;
return el;
}
function m2(id)
{
var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
e2.sP=function(x,y){this.style.left=x;this.style.top=y;};
e2.x = startLX;
e2.y = startLY;
return e2;
}
window.stayTopLeft=function()
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = document.documentElement.scrollTop;
else if (document.body)
var pY = document.body.scrollTop;
if (document.body.scrollTop > 10){startLY = 10;startRY = 10;} else {startLY = 10;startRY = 10;};
ftlObj.y += (pY+startRY-ftlObj.y)/16;
ftlObj.sP(ftlObj.x, ftlObj.y);
ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
setTimeout("stayTopLeft()", 1);
}
ftlObj = ml("divAdRight");
ftlObj2 = m2("divAdLeft");
stayTopLeft();
}

function ShowAdDiv()
{
var objAdDivRight = document.getElementById("divAdRight");
var objAdDivLeft = document.getElementById("divAdLeft");


if (document.body.clientWidth < 980)
{
objAdDivRight.style.display = "none";
objAdDivLeft.style.display = "none";
}
else
{

objAdDivRight.style.display = "block";
objAdDivLeft.style.display = "block";
FloatTopDiv();
}

}
ShowAdDiv();
</SCRIPT>
Trong đó: 
  • Màu xanh: là linh ảnh hiện thị
  • Màu đỏ: là lien kết tới trang quảng cáo
Chúc thành công!
Chủ đề:

Tạo banner dính (Sticky banner) với Javascript cho Blogspot - banner quảng cáo.



Hôm nay Namkna chia sẽ cùng các bạn một thủ thuật có thể làm dính (sticky) banner hay một mẫu quảng cáo ở trình duyệt khi bạn cuộn scrollbar chuột trên trang blog hay web. Khi độ dài của trang bài viết dài hơn cột sidebar thì khi đó bạn cuộn chuột xuống đến mẫu quảng cáo đó thì chúng sẽ được dính lại ở trình duyệt. Như vậy chắc bạn đã hình dung được phần nào về công dụng của thủ thuật này.
Bạn có thể xem demo bên dưới.

Xem DEMO

Ở đây mình chia sẻ 2 cách làm:
- Cách 1: Thủ thuật là có điểm dừng ở phần chân (Footer).
- Cách 2: Đặt khoảng cách để tạo điểm dừng ở phần chân cho banner, tức là khi cuộn chuột đến 1 vị trí nào đó của chân blog/web banner này không dính nữa vì nếu dính nó sẽ lấn phần Footer trông không đẹp lắm.
» Bắt đầu thủ thuật

» Thủ thuật không có điểm dừng ở Footer

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script type="text/javascript" src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/jquery-1.3.2.min.js"></script>
<script src="http://dl.dropbox.com/u/70549761/File-phu/namkna-blogspot-com/stickycontent.js"></script>
<script>
jQuery(document).ready(function($){
$('#stickybanner').stickyit({
gap: 5,
stickyclass: "docked"
})
})
</script>
5. Bây giờ bạn chỉ việc thêm banner quảng cáo vào giữa thẻ DIV như bên dưới là xong
<div id="stickybanner" style="text-align:center;">

Banner quảng cáo hay nội dung của bạn

</div>
-Lưu ý: bạn nên download File js về TẠI ĐÂY và Upload lên google code để dùng lâu dài.
» Thủ thuật có điểm dừng ở Footer

Bạn thực hiện như các bước trên tuy nhiên đến bước 4 bạn thay thành code bên dưới
<style>
#sticky {
height:600px; /* chiều cao của banner quảng cáo*/
width:300px; /* độ rộng của banner quảng cáo*/
position:relative;
}
</style>
<script type="text/javascript" src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/jquery-1.3.2.min.js"></script>
<script>
var $stickyHeight = 600; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 500; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 236; // Định vị điểm dừng của banner, tính từ chân lên
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');

}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>
Bây giờ bạn chèn code quảng cáo vào giữa thẻ DIV như bên dưới
<div id="sticky">

Code quảng cáo, banner hay nội dung của bạn

</div>
Như vậy là xong, việc dùng thủ thuật 1 hay 2 thì nó cũng điều có cái ưu và nhược điểm. Thủ thuật 1 bạn không cần canh khoảng cách top mà nó tự động dính khi cuộn chuột đến banner đó, nhưng nhược điểm không có điểm dừng ở chân, còn thủ thuật 2 thì ngược lại.

Chúc bạn thành công!
Theo:dynamicdrive.com - labs.impulsestudios.ca
Chủ đề:

Tạo popup chỉ xuất hiện một lần duy nhất cho blog



Thường vào các blogspot lớn bạn sẽ rất nhiều popup xuất hiện quảng cáo cho site khác. Chỉ cần load lại trang là lại thêm một số popup khác xuất hiện .Dẫn đến nhiều trường hợp giảm dần lượng khách đến site bạn .Đoạn code sau sẽ giúp bạn chèn quảng cáo popup và chỉ hiện 1 lần duy nhất tránh gây phiền hà cho khách khi truy cập.
Demo: bạn có thể thấy khi bạn bấm vào vị trí bất kỳ trong khi xem bài viết này của mình
Cách 1 ( chèn file js )
1.Đầu tiên bạn cần copy đoạn code sau vào Notepad và chỉnh sữa các dòng chữ mình đã đánh dấu cho phù hợp với site của bạn
function addEvent(obj, eventName, func){
if (obj.attachEvent)
{
obj.attachEvent("on" + eventName, func);
}
else if(obj.addEventListener)
{
obj.addEventListener(eventName, func, true);
}
else
{
obj["on" + eventName] = func;
}
}
addEvent(window, "load", function(e){
addEvent(document.body, "click", function(e)
{
var params = 'scrollbars,width=1500, height=1024,resizable=1';
if(document.cookie.indexOf("xzipvnpop") == -1)
{
var w = window.open("http://namkna.blogspot.com/",'Tiêu đề trang popup', params);
if (w)
{
document.cookie = "popunder=xzipvnpop";
w.blur();
}
window.focus();
}
});
});
2.Save lại với tên popup.js
3.Up file vừa tạo lên host và lấy đường dẫn của nó .Nếu bạn chưa biết up file js xem lại bài hướng dẫn
Upload file .js lên host free
4.Vào
Thiết kế -chỉnh sữa HTML
5.Tìm đến thẻ
</head> và chèn đoạn code sau lên phía trên nó.
(Hoặc bạn cũng có thể tạo một widget
HTML/Javacsript và paste code sau vào) 
<SCRIPT language=JavaScript src="Đường dẫn file js popup.js"></SCRIPT>
Cách 2( chèn thẳng vào templates )
1.vào Thiết kế
2.Vào chỉnh sữa HTML
3.Tìm đến thẻ </head>và chèn đoạn code sau lên phía trên nó.
<script type='text/javascript'>
//<![CDATA[
function addEvent(obj, eventName, func){
if (obj.attachEvent)
{
obj.attachEvent("on" + eventName, func);
}
else if(obj.addEventListener)
{
obj.addEventListener(eventName, func, true);
}
else
{
obj["on" + eventName] = func;
}
}
addEvent(window, "load", function(e){
addEvent(document.body, "click", function(e)
{
var params = 'scrollbars,width=1500, height=1024,resizable=1';
if(document.cookie.indexOf("xzipvnpop") == -1)
{
var w = window.open("http://namkna.blogspot.com/",'Tiêu đề trang popup', params);
if (w)
{
document.cookie = "popunder=xzipvnpop";
w.blur();
}
window.focus();
}
});
});
//]]>
</script>
Thay đổi các đoạn đã đánh dấu trong code
4.Vào bố cục tạo một widget HTML/Javascript và paste toàn bộ code ở bước 5 cách 1 vào
Xem thêm:
Chúc các bạn thành công !!!
Chủ đề:

Popular Posts