Tiện ích các nút Share trượt dọc cho Blogspot (sticky sidebar)

9:16 PM |

Tiện ích các nút Share trượt dọc cho Blogspot (sticky sidebar)

Đối với những người đang sở hữu web/blog thì công cụ chia sẻ lên mạng xã hội like, tweet... không thể, nó có thể giúp đọc giả chia sẻ bài viết hay làm tăng trafic cho web/blog. Có rất nhiều cách để đặt các tiện ích này, hôm nay namkna chia sẻ cùng các bạn cách bố trí các công cụ hữu ích này theo chiều dọc và với hiệu ứng trượt kế phần main mỗi khi bạn cuộn (scrollbar) chuột xuống phía dưới. Nó giống như dạng các banner quảng cáo trượt dọc 2 bên của blogspot mà ibiet giới thiệu.

Các bạn có thể xem Demo.


Hình ảnh minh họa:


 Cách 1: Không sử dụng Javar Scip.

» 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 Phần tử trang 
4. Chọn Thêm tiện ích (Add Widget) và Thêm đoạn code sau vào:

<style>
/* Fixed Positioned AddThis Toolbox */
.sharing_box_ibiet {
position: fixed;
top: 10%;
right: 0;
border: 3px solid #00EE00;
padding: 5px 5px 1px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #F0FFFF;
width: 60px;
min-height: 345px;
}
.sharing_box_ibiet .item {
width: 50px;
margin: 5px 0 5px 0;
}
.twitter_float iframe
{
width:55px!important;
}
</style>
<!-- SHARING BOX Fixed-Positioned Toolbox -->
<div class='sharing_box_ibiet'>
<div style='text-align:center; margin-top:5px'>
<img alt='Share Emphasis' height='46px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmX0aYWfvgPMRhNYPSoMYDwYKCl91FKKZDZzynpC0DmClcMotBXcqgybaf42pSspoH9hUVbAfxzgl1X4vEneAmrNXhVrI8DkzXeDhKaSoCxVf_c5bRUH9O3-UsrlsJ0uiXZWKILUkWOAo/s1600/obtenir-par-poste-icone-5533-48-+-namkna-blogspot-com.png' width='56px'/>
</div>
<!-- TWITTER -->
<div class='item twitter_float' style='margin-left:3px'>
<a class='twitter-share-button' data-count='vertical' data-lang='en' href='https://twitter.com/share'>Tweet</a>
</div>

<!-- FACEBOOK -->
<div class='item' style='margin-left:3px'>
<div class='fb-like' data-font='verdana' data-layout='box_count' data-send='false' data-show-faces='true' data-width='44'></div>
<div id='fb-root'></div>
</div>
<!-- G+ -->
<div class='item' style='margin-left:5px'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size='tall'></g:plusone>
</div>
<!-- OTHERSHARE -->
<div class='item' style='margin-left:5px'>
<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_counter'></a>
</div>
<!-- AddThis Button END -->
</div>
</div>
<!-- FAST SHARING SCRIPT -->
<!-- TWITTER SCRIPT -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- G+ SCRIPT -->
<!-- Place this render call where appropriate -->
<script type='text/javascript'>gapi.plusone.go();</script>
<!-- STUMBLEUPON SCRIPT -->
<!-- Place this snippet wherever appropriate -->
<script type='text/javascript'> 
 (function() { 
     var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; 
      li.src = 'https://platform.stumbleupon.com/1/widgets.js'; 
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); 
 })(); 
 </script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f660fb932fd0f15"></script>
<!-- AddThis Button END --> 
5. Chọn lưu mẫu.
6. Tiếp theo chọn Chỉnh sửa HTML và thêm đoạn code bên dưới vào trước thẻ </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>

8. Cuối cùng Lưu mẫu lại.

Cách 2: sử dụng JQuery.


» 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. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Chèn code bên dưới vào sau thẻ <head>
<script src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/jquery.min.v1.4.1.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/70549761/jQuery/namkna-blogspot-com/stickysidebar.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#share-buttons').stickySidebar({speed: 300, constrain: true})
});
</script>

<style>
#share-buttons {
background:  #fff;
border: 1px solid #ccc;
margin-left: -82px;
padding: 8px;
position: absolute;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-goog-ms-border-radius: 6px;
border-radius: 6px;
}
</style>
- Lưu ý: Các bạn nên thể Download 2 File Js trên về Tại Đây và upload lên host riêng để dùng lâu dài.
6. Bây giờ bạn tìm đến dòng code bên dưới hoặc tương tự (do đặc điểm cấu tạo của mỗi blog nên có chút khác nhau nhỏ).
<div class='post-header-line-1'/>
7. Tiếp theo bạn chèn code bên dưới vào sau code vừa tìm được
<div id='share-buttons'>
<div class='twitter scount'>
<a
 class='twitter-share-button' data-count='vertical' data-text='List Only
 Post Titles On Blogger Labels Pages' 
data-url='http://www.spiceupyourblog.com/2009/12/how-to-make-your-labels-search-and.html'
 data-via='paulcrowepro' 
href='http://twitter.com/share'>Tweet</a><script 
src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>

<div class='facebook scount'>
<fb:like
 font='' 
href='http://www.spiceupyourblog.com/2009/12/how-to-make-your-labels-search-and.html'
 layout='box_count' send='false' show_faces='false' width='50'/>
</div>

<div class='stumble scount'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/>
</div>

<div class='gplus scount'>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/>
</div>
</div>
Ở trên mình chỉ đưa một số công cụ phổ biến bạn có thể dựa vào đó để thay đổi bổ sung hoặc xóa bớt cho phù hợp với site của bạn.

8. Cuối cùng Lưu mẫu lại.

Chúc thành công!

Hướng Dẫn Đăng Ký Google AdSense Cho Blogspot

8:52 AM |
Ibiet - Trước khi đăng ký tài khoản Google Adsense bạn cần chắc chắn là đã đọc hiểu những quy định của nó để tránh những vi phạm không cần thiết khiến tài khoản bị ngưng hoạt động.
Để đăng ký tài khoản Google Adsense bằng Blogger thì dĩ nhiên bạn cần có một tài khoản Blogger, một blog được xây dựng từ Blogger đang hoạt động và có khoản 1000 lượt view mỗi ngày. 



>> Bật Chức Năng Google AdSence Trong Blogspot



Blog đăng ký Google Adsense buộc phải có nội dung do bạn viết hoặc được tổng hợp từ bạn, không phải là một autoblog copy bài từ những nguồn khác, blog chỉ chứa hình ảnh hay chỉ có video bị loại ngay từ vòng gửi xe đấy. Nếu blog của bạn đáp ứng được những gì mình đã nói thì chúng ta bắt đầu đăng ký tài khoản Google Adsense để kiếm tiền trên mạng
Đăng nhập vào tài khoản Blogger tìm đến tag Earnings:



Đối với giao diện tiếng việt, xem hướng dẫn tại đây


Chọn tag này bạn sẽ thấy giao diện đăng ký Google Adsense. Giờ click button Sign up for Adsense một giao diện khác xuất hiện:


Trong giao diện này có hai lựa chọn cho bạn. Button No, create a new Googel Account click vào button này để tạo một tài khoản Gmail mới nếu bạn đăng nhập blogger từ một email của dịch vụ khác như Live, Yahoo... Còn button Yes, proceed to Google Account sign in là dành cho những ai đã có tài khoản Google (không phải tài khoản Adsense đâu nhé) và đang đăng nhập bloggerbằng tài khoản google rồi thì click button này để tiếp tục.

Một khi bạn đăng ký tài khoản Google Adsense thông qua dịch vụ Blogger thì sẽ được Adsense mặc định là bạn đăng ký đăng quảng cáo trên blog đó, việc còn lại là bạn chỉ chọn ngôn ngữ cho blog mà bạn đăng ký. Ở đây mình đăng ký trên blog Tiếng Anh nên sẽ chọn Content language là: English - English. Sau đó chọn Continue.

Đây bước cuối cùng cũng là bước quan trọng nhất nếu như may mắn tài khoản bạn được chấp nhận. Bạn cần điền chính xác từng chi tiết để nhận PIN và Cheque của Google Adsense say này.
Country or territory: Đương nhiên phải là Việt Nam vì bạn đang ở Việt Nam.
Time zone: (+07:00) Ha Noi
Account type: chọn Individual vì bạn là cá nhân đăng ký 
Payee name: Điền tên đầy đủ của bạn (không dấu) ví dụ: Tran Van Quy
Còn những textbox còn lại bạn điền địa chỉ nhận Pin và Cheque của bạn. Địa chỉ cần ghi rõ số nhà, đường phố, quận huyện sao cho thật chính xác.
Sau đó bạn nhấn nút Submit my application đơn đăng ký của bạn sẽ được trình lên Google Adsense. Thời gian xem xét đơn đăng ký từ 24-72 giờ. Nếu đơn đăng ký của bạn may mắn được chấp nhận thì chúc mừng bạn, bạn đã có thể đăng quảng cáo Adsense trên blog và bắt đầu kiếm tiền trên mạng.
Lưu ý: Nếu không thấy tag Earning hoặc Doanh thu bạn vào tag Cài đặt chọn Ngôn ngữ và định dạng, bạn chọn ngôn ngữ mặc định là Tiếng Anh(Hoa Kỳ) như hình dưới rồi lưu lại.

Chúc bạn đăng ký tài khoản Google Adsense thành công!!!


Cách lấy toàn bộ data dữ liệu blogspot

5:29 AM |
Cách lấy toàn bộ data dữ liệu blogspot.Cách hack toàn bộ data dữ liệu của một blog khác  . Cách khắc phục để không bị lấy cắp toàn bộ data cho blogspot của bạn.

Xin chào các hôm nay Ibiet xin hướng dân các bạn Cách lấy toàn bộ data dữ liệu blogspot và cách khắc phục để không bị lấy cắp dữ liệu của blog của bạn.

Như các bạn biết Blogspot là một dạng web 2.0 của Google. Do 1 số blogger lười nhác không chịu viết bài mà nghĩ ra việc đi ăn cắp và Ibiet mình cũng không phải là 1 ngoại lệ. Mình không khuyến khích các bạn làm việc này vì nó là một việc không hay ho gì cả, nó là ăn cắp công lao của người khác

Điều kiện để hack data từ blog khác là blog đó phải để Cho phép nguồn cấp dữ liệu blog ở dạng Đầy đủ thì mới hack data theo cách này được.

Cách lấy toàn bộ data dữ liệu blogspot

Đầu tiên các bạn cần  kiểm tra xem blog mà các bạn cần lấy có bao nhiêu bài viết để nhập thông số cho hợp lý bằng cách nhập đoạn mã sau vào công cụ kiểm tra

<script style="text/javascript">
function showpostcount(json) {
document.write('<center>Tổng số bài: <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)
+ '</b></center>');}</script>
<script src="http://cuoidukieu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script style="text/javascript"></script>
Copy đoạn mã trên và nhập vào bảng kiểm tra html : Tại đây

Các bạn hãy nhớ là bao nhiêu bài viết nhé để phục vụ cho bước sau.
Bây giờ chúng ta bắt đầu lấy data  bằng cách vào link sau :

http://cuoidukieu.blogspot.com/atom.xml?redirect=false&start-index=m&max-results=n


Trong đó bạn thay các thông số như sau:

start-index=m bắt đầu bài đăng mới nhất (thường bạn sẽ ghi là 1)
max-result=n lấy n bài, bắt đầu từ bài từ bài thứ m (n là số bài viết mà bạn sẽ lấy)
http://cuoidukieu.blogspot.com: là địa chỉ blog cần lấy Data. bạn thay nó thành blog bạn cần lấy

Ví dụ: Bạn muốn lấy bài từ 1 blog bất kỳ, ví dụ ở đây tôi muốn lấy 10 bài đầu tiên từ http://cuoidukieu.blogspot.com thì tôi sẽ nhập link như sau:

http://cuoidukieu.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=10

Nếu muốn lấy thêm 20 bài nữa thì bạn chỉ việc thay chỉ số cho phù hợp như sau:

http://cuoidukieu.blogspot.com/atom.xml?redirect=false&start-index=11&max-results=20

Sau đó bạn copy link này và bật IDM lên rồi nhấn vào Add URL của IDM paste link vào đó và download về máy dạng atom.xml rồi nhập dữ liệu đó lên blog của bạn là được

Lưu ý: Mỗi lần bạn lấy nên lấy tối đa tầm 400 bài là cùng thôi. và khi  bạn Nhập blog

Cách chống lấy toàn bộ data dữ liệu blogspot

Cách 1: Để tránh bị mất, bị hack data thì các bạn nên làm như sau: Đăng nhập Bloger => Cài đặt => Khác => Cho phép nguồn cấp dữ liệu blog => chọn Cho đến dấu ngắt


Khi đăng bài các bạn nhớ dùng biểu tương  Cho đến dấu ngắt nhé ( trong bài viết của bạn, chỗ nào bắt đầu đến chỗ quan trọng không cho người ta lấy bài thì nhấn vào biểu tượng 


Cách 2: Hãy để kệ cho họ lấy cắp và hãy tận dụng họ đề họ giúp đẩy từ khóa cho bạn

- Khi bạn viết bài bạn nên chèn link và ghi rõ nguồn bài viết được viết từ blog của bạn như vậy kẻ lấy cắp dữ liệu của bạn khi up lên blog của họ thì coi như họ đã chia sẻ bài viết của bạn ==> tăng độ uy tín bài viết trên blog của bạn 

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


Hướng dẫn cách thêm Live Chat cho website blogspot

5:23 AM |

Hướng dẫn cách thêm Live chat cho website blogspot.Hướng dẫn cách thêm Chat Box cho website blogspot. Code chat box cho website,blogspot. Code chat online tư vấn khách hàng cho website blogspot.Hướng dẫn cách thêm code chat tư vấn khách hàng cho website, blogspot.Cách đưa Live Chat - Hỗ trợ trực tuyến vào web - Blog.

Xin chào các bạn hôm nay Ibiet xin hướng dẫn các bạn cách thêm Live chat cho website blogspot. Live Chat này hoạt động ra sao: Nó sẽ giúp ích bạn rất nhiều trong việc tư vấn,hỗ trợ khách hàng và tương tác với khách hàng của bạn 1 cách nhanh nhất.Vậy làm như thế nào để thêm Live chat cho website blogspot hãy cùng Bít Tuốt tìm hiểu các cách sau đây.

1. Sử dụng Subiz.com - Tiện ích chat trực tuyến

- Để cài đặt Subiz bạn làm theo hướng dẫn sau

Bước 1: Truy cập website: subiz.com rồi nhấn vào Sing Up để đăng ký bạn điền đầy đủ thông tin.
(Tên hiển thị và mail đăng ký)

Sau khi bạn nhấn Register bạn vào check mail để làm tiếp bước tiếp theo. Bạn nhấn vào link kiểu như ảnh dưới để lam bước tiếp theo


Bước 2: Chọn Tên truy cập và mật khẩu:


- Click vào Login dashboard để tiếp tục


- Bạn điền đầy đủ thông tin user và pass để đăng nhập tài khoản vừa tạo (Vào bạn điền đầy đủ thông tin nhé rồi lưu lại)

- Sau khi nhấn lưu bạn sẽ được cung cấp 1 đoạn mã code. Bạn copy đoạn mã đó rồi dán và code web,blog của bạn lên trên thẻ đóng </body> (Đối với blogspot thì bạn có thể tạo 1 tiện íchHTML/Javascript rồi copy code đó vào)





Bước 3: Quản lý và trả lời tin nhắn của khách hàng chát qua Subiz

- Để quản lý được tin nhắn của khách hàng thì bạn phải đăng nhập website  subiz.com rồi để ý trên gốc trên bên phải phần Chat Now để chat (các chức năng hay ho khác bạn tìm hiểu thêm nhé)



2. Các website khác cung cấp dịch vụ tương tự

-Ngoài web mình hướng dân ở trên bạn cũng có thể đăng ký và tìm hiểu thêm các web sau:

Còn bây giờ ngần ngại gì mà khổng thêm vào web xem sao.

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

Mọi thắc mắc cần hỗ trợ gì vui lòng để comment phía dưới nhé

(Sưu tầm)

Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot

5:16 AM |

 
Code popup xuất hiện chỉ 1 lần khi vào trang web blogspot. Hướng tạo popup thông báo,banner quảng cáo xuất hiện chỉ 1 lần khi vào trang web blogspot.

Hôm nay Ibiet sẽ hướng dẫn các bạn tạo code tạo popup thông báo hay banner thông báo,quảng cáo...chỉ lần đầu tiên vào website không xuất hiện thêm nữa khí vào đọc các bài viết khác nhau để không gây khó chịu cho người dùng


Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot

Cách thực hiện như sau:

Bước 1: Thêm đoạn code sau lên trên thẻ đóng </head>

 <link rel="stylesheet" href="https://sites.google.com/site/tessssssssblog/popup.css" />
<!-- <script type="text/javascript" src="jquery-1.4.4.min.js"></script> -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://seovnpro.googlecode.com/files/popup.js"></script>


<script type="text/javascript" >
    jQuery.noConflict();      /* dòng chống conflict jquery */
    jQuery(window).load(function() {
        if(document.cookie.indexOf("adf") == -1) /*  Bỏ dòng này thì nó hiện thông báo liên tục mỗi khi mở web lên rất là phiền  */
        {
            document.cookie = "popunder1=adf";
            jQuery('#myModal').bittuotblog(jQuery('#myModal').data());
        }
    });
</script>

Bước 2: Bạn thêm đoạn code sau lên trên thẻ đóng </body>

<div id="myModal" class="modal">
<img src="link ảnh cảu bạn" />
<a class="close-modal">X</a>
</div>
Chú ý: Thay phần  <img src="link ảnh cảu bạn cần hiển thi" />   bằng hình ảnh của bạn nhé. Bạn có thể thay nó bằng đoạn text thông báo túy ý cũng dc
- Còn đối với đoạn này: <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> bạn có thể bỏ đi nếu nó không chạy thì có thể do bị xung đột jquery hoặc javascript.

Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot

5:14 AM |

Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot.Hướng dẫn tạo quảng cáo trượt 2 bên trang web.Code tạo banner quảng cáo banner chạy dọc 2 bên website.Javasrcipt quảng cáo chạy 2 bên trang web.Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot khi kéo chuột xuống thì nó chạy theo

Sau đây IBiet xin chia sẻ đến các bạn hay làm web-blogspot đang có nhu cầu tạo banner quảng cáo, Code này khá tiện lợi vì khi gặp màn hình vuông (độ phân giải 768x1024) thì banner sẽ không bị chèn vào trong gây khó chịu vướng víu mà nó sẽ tự mất đi, nhưng chỉ những ai sử dụng màn hình dài mới thấy được quảng cáo. Và code này đã fix cho nằm im và chạy dọc rất êm ái ko chạy giựt giựt gây nhức mắt cho người dùng

Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot Fix đứng
  • Đối với Blogspot
    B1- Đăng nhập vào Blog
    B2- Vào bố cục (Layout)
    B3- Chọn Thêm tiện ích (add widget)
    B4-Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới :
  • Còn đối với website thì bạn chỉ cần  thêm phần code dưới lên trên thẻ đóng </body>  Chú ý: các bạn thay đổi phần chữ màu đỏ theo ý thích của bạn nhé )


 <div id="left_ads_float">
        <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsp64aUkiztde_7wdFoyWASnOWHQA7_b3_FPAo4mM5-OSp5gCVRMZZt0lkg0VMTzhxv76i2nAoht-6wgD4FD-v2o9ZaX1gsPOuFyYAOaGIcMYduRlTV4NcFy0t5yLTTOnVrtIqOY74iBk/s1600/fptarena1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="Link đường dẫn" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsp64aUkiztde_7wdFoyWASnOWHQA7_b3_FPAo4mM5-OSp5gCVRMZZt0lkg0VMTzhxv76i2nAoht-6wgD4FD-v2o9ZaX1gsPOuFyYAOaGIcMYduRlTV4NcFy0t5yLTTOnVrtIqOY74iBk/s1600/fptarena1.png" width="120" /></a>
    </div>
<style>
#left_ads_float
{
    bottom:24px;
    left: 10px;
    position:fixed; }
#right_ads_float
{
    bottom:24px;
    right: 10px;
    position:fixed;
}
</style>
<script>
var vtlai_remove_fads=false;
function vtlai_check_adswidth()
    {
        if(vtlai_remove_fads)
        {
            document.getElementById('left_ads_float').style.display='none';
            document.getElementById('right_ads_float').style.display='none';
            return;
        }else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1)
        {
            vtlai_remove_fads=true;
            vtlai_check_adswidth();
            return;
        }
        else
        {
            var lwidth=parseInt(document.body.clientWidth);
            if(lwidth<1110)
            {
                document.getElementById('left_ads_float').style.display='none';
                document.getElementById('right_ads_float').style.display='none';
            }
            else
            {
                document.getElementById('left_ads_float').style.display='block';
                document.getElementById('right_ads_float').style.display='block';
            }
            setTimeout('vtlai_check_adswidth()',10);
        }
    }
</script>
   

Cách tạo Banner quảng cáo trượt dọc 2 bên cho blogspot / website

- Dạng này là dạng 2 banner ở 2 bên web. Khi kéo chuột xuống sẽ có hiệu ứng 2 banner trượt theo khi kéo chuột xuông

Cách làm như sau

Đối với website: Bạn chỉ cần thêm phần code dưới lên trên thẻ đóng </body>

Đối với Blogspot
B1- Đăng nhập vào Blog
B2- Vào bố cục (Layout)
B3- Chọn Thêm tiện ích (add widget)
B4-Tạo một widget HTML\Javascripts và chèn vào đoạn code bên dưới :


<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">    
<a href="http://ibiet.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsp64aUkiztde_7wdFoyWASnOWHQA7_b3_FPAo4mM5-OSp5gCVRMZZt0lkg0VMTzhxv76i2nAoht-6wgD4FD-v2o9ZaX1gsPOuFyYAOaGIcMYduRlTV4NcFy0t5yLTTOnVrtIqOY74iBk/s1600/fptarena1.pngwidth="125" /></a>
</div>    
<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">    
<a href="http://ibiet.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsp64aUkiztde_7wdFoyWASnOWHQA7_b3_FPAo4mM5-OSp5gCVRMZZt0lkg0VMTzhxv76i2nAoht-6wgD4FD-v2o9ZaX1gsPOuFyYAOaGIcMYduRlTV4NcFy0t5yLTTOnVrtIqOY74iBk/s1600/fptarena1.pngwidth="125" /></a>    
</div>
    
<script>    
    function FloatTopDiv()    
    {    
        startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;    
        startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;    
        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 + 'px';this.style.top=y + 'px';};    
            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 + 'px';this.style.top=y + 'px';};    
            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 > 30){startLY = 3;startRY = 3;} else  {startLY = TopAdjust;startRY = TopAdjust;};    
            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");    
        //stayTopLeft();    
        ftlObj2 = m2("divAdLeft");    
        stayTopLeft();    
    }    
    function ShowAdDiv()    
    {    
        var objAdDivRight = document.getElementById("divAdRight");    
        var objAdDivLeft = document.getElementById("divAdLeft");      
        if (document.body.clientWidth < 1000)    
        {    
            objAdDivRight.style.display = "none";    
            objAdDivLeft.style.display = "none";    
        }    
        else    
        {    
            objAdDivRight.style.display = "block";    
            objAdDivLeft.style.display = "block";    
            FloatTopDiv();    
        }    
    }
</script>    
<script>    
document.write("<script type='text/javascript' language='javascript'>MainContentW = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");    

</script>


Phần bạn cần tùy chỉnh code

  • http://ibiet.blogspot.com/ : là liên kết mở ra khi người đọc click vào ảnh.
  • Phần màu cam trong đoạn code <img src="…"/>  là link ảnh banner trượt dọc sẽ hiển thị
  • width="125" : chiều rộng của banner. Có 2 giá trị được đánh dấu màu cam
  • MainContentW = 1000 : chiều rộng trang web. Có 2 giá trị được đánh dấu cùng màu tím,
  • LeftAdjust = 5 : khoảng cách từ mép trái trang web đến banner
  • RightAdjust = 5 : khoảng cách từ mép phải trang web đến banner
  • TopAdjust = 10 : khoảng cách từ mép trên trang web đến banner



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

Tổng hợp các Code Popup - Javascripts quảng cáo cho website - Blogspot

5:10 AM |

Tổng hợp các Code Popup - Javascripts quảng cáo cho website - Blogspot . Code Javascripts Popup quảng cáo cho website - blogspot. Code Popup quảng cáo xuất hiện nhiều tab mỗi khi click chuột.Code Popup quảng cáo xuất hiện popup khi click chuột lần đầu tiên.Code Popup quảng cáo xuất hiện nhiều cửa sổ khi click lần đầu tiên. Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình.

Bài viết bạn có thể quan tâm:

  • Code popup thông báo xuất hiện chỉ 1 lần khi vào trang web blogspot
  • Code tạo banner quảng cáo banner chạy dọc 2 bên web - Blogspot
  • Code chèn popup quảng cáo ở góc phải - góc trái màn hình web - blogspot


Các loại Code Popup mình sẽ chia sẻ trong bài viết này

  • Code Popup xuất hiện nhiều tab mỗi khi click chuột
  • Code Popup-under hiện sau trình duyệt cho website/Blogger
  • Code popup mở ra tab mới khi click vào vị trí bất kỳ trên web
  • Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình
  • Code Popup:  Xuất hiện popup khi click chuột lần đầu tiên
  • Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên
  • Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip


Tổng hợp Code Popup - Javascripts quảng cáo cho website - Blogspot


Chú ý: Thay link bằng link http://ibiet.blogspot.com/ Website các bạn cần đặt Popup nhé.


1. Code Popup xuất hiện nhiều tab mỗi khi click chuột

Thay phần <body> thành đoạn code dưới đây

<body onclick='open_popup()'>

<script type='text/javascript'>
/* <![CDATA[ */
function open_popup() {
window.open("http://ibiet.blogspot.com/")
window.open("http://ibiet.blogspot.com/")
window.open("http://ibiet.blogspot.com/")
}
/* ]]> */
</script>
Ở trên mình mặc định là 3 trang sẽ được mở ra khi click chuột, bạn hoàn toàn có thể thêm nhiều hơn bằng cách thêm window.open("địa chỉ web/blog").

Chú ý : Cách này sẽ gậy khó chịu cho người dùng

2. Code Popup-under hiện sau trình duyệt cho website/Blogger

Đặc điểm của file javarscripts.

  • Các popup-under sẽ tự động xuất hiện mà không cần phải đợi độc giả click vào một vị trí bất kỳ nào trên blogger của bạn.
  • Popup sẽ không xuất hiện trên các trình duyệt sử dụng các add on hay phần mềm chặn popup.

Cách thực hiện

Đối với blogspot
  • Đăng nhập vào blog
  • Vào bảng điều khiển Blogger
  • Vào bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/Javascript
  • Dán 1 trong 2 đoạn code dưới đây vào tiện ích HTML/Javascript vừa thêm (Ngoài ra bạn có thể dán nó trước thẻ </head> )
Đối với website:

Bạn chỉ cần dán nó trước thẻ </head> là ok

Đoạn 1:

<script>
function popup() {
var url = "http://ibiet.blogspot.com/";
window.open(url);
popWin = window.open(page,'popWin');
popWin.blur();
window.focus();
}
popup();
</script>

Đoạn 2: 

<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://ibiet.blogspot.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>

3.Code popup mở ra tab mới khi click vào vị trí bất kỳ trên web

<script type="text/javascript" language=javascript> 
function Set_Cookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
var expires_date = new Date(today.getTime() + (expires));

document.cookie = name + "=" + escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}

function Get_Cookie(name) {

var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) &&
(name != document.cookie.substring(0, name.length))) {
return null;
}
if (start == -1) return null;
var end = document.cookie.indexOf(";", len);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}

function Delete_Cookie(name, path, domain) {
if (Get_Cookie(name)) document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Mon, 11-November-1989 00:00:01 GMT";
}

function popunder() {

if (Get_Cookie('cucre') == null) {
Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
var url = "http://ibiet.blogspot.com/";
pop = window.open(url, 'windowcucre');
pop.blur();

window.focus();
}}

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) {
popunder();
});
});

</script>

4. Code mở popup cửa sổ quảng cáo nhỏ dưới góc màn hình

Những điểm hay của Code Popup này:
- Xuất hiện 1 lần khi trình duyệt Website mở.
- Cửa sổ trang Website được Pop nhỏ ở góc màn hình -> kéo dài thời gian ở lại của Website được Pop.

Cách làm
- Trên các nền Website thì đây chỉ là 1 đoạn code javascript trên thẻ </head> là OK
- Hướng dẫn trên Blogspot.
    + Các bạn vào bảng điều khiển blogger -> bố cục (Layout) -> Thêm 1 tiện ích (Add a Widget) ->           HTML/Javascript.
Sau đó dán code trên vào tiện ích vừa thêm và lưu lại là OK

Code:

<script>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 pX;pX=screen.width;if(!pX){pX=document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth;}
if(pX>800){if(document.cookie.indexOf("pnpopup=popactive")==-1){document.cookie='pnpopup=popactive';params='width=50';params+=', height=50';params+=', top=1650, left=1460, resizable=no, scrollbars=yes, location=yes';var w=window.open("http://ibiet.blogspot.com/",'window1',params).blur();window.focus();}}});});</script>

Thay link bằng link http://ibiet.blogspot.com/ Website các bạn cần đặt Pop nhé.

5. Code Popup:  Xuất hiện popup khi click chuột lần đầu tiên

Đố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.

Thay phần <body> thành đoạn code dưới đây

<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://ibiet.blogspot.com/','http://ibiet.blogspot.com/','http://ibiet.blogspot.com/'];
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>

6. Code Popup : Xuất hiện nhiều cửa sổ khi click lần đầu tiên

Code phần này là  khi bạn click vào blog lần đầu tiên tất cả các cửa sổ đều xuất hiện và chỉ 1 lần duy nhất, những cú click tiếp theo trên cùng 1 trình duyệt thì các cửa sổ không xuất hiện nữa với khoảng thời gian nhất định.

Cách làm

Thay phần <body> thành đoạn code dưới đây

<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 params = 'width=' + '600';
params += ', height=' + '500';
params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';

var vtlai_popup_0 = window.open('http://ibiet.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0');

var vtlai_popup_1 = window.open('http://ibiet.blogspot.com/', 'vtlai_popup_1', params +', top=0,left=0');

var vtlai_popup_2 = window.open('http://ibiet.blogspot.com/', 'vtlai_popup_2', params +', top=0,left=0');

var vtlai_popup_3 = window.open('http://ibiet.blogspot.com/', 'vtlai_popup_3', params +', top=0,left=0');

}

}
}
//]]>
</script>

6. Code tạo quảng cáo popup xuất hiện 1 lần/1 ngày/1 ip

Tìm đến thẻ <body> và thay thế thành như bên dưới

<body onclick='popunder();'>

<script>
/* <![CDATA[ */
function Set_Cookie(a,b,c,e,f,g){var d=new Date;d.setTime(d.getTime());d=new Date(d.getTime()+c);document.cookie=a+"="+escape(b)+(c?";expires="+d.toGMTString():"")+(e?";path="+e:"")+(f?";domain="+f:"")+(g?";secure":"")}function Get_Cookie(a){var b=document.cookie.indexOf(a+"="),c=b+a.length+1;if(!b&&a!=document.cookie.substring(0,a.length)||-1==b)return null;a=document.cookie.indexOf(";",c);-1==a&&(a=document.cookie.length);return unescape(document.cookie.substring(c,a))} function Delete_Cookie(a,b,c){Get_Cookie(a)&&(document.cookie=a+"="+(b?";path="+b:"")+(c?";domain="+c:"")+";expires=Mon, 11-November-2020 00:00:01 GMT")}
function popunder(){null==Get_Cookie("cucre")&&(Set_Cookie("cucre","cucre Popunder","1","/","",""),
pop=window.open("http://ibiet.blogspot.com/","windowcucre"),
pop.blur(),window.focus())}function addEvent(a,b,c){a.attachEvent?a.attachEvent("on"+b,c):a.addEventListener?a.addEventListener(b,c,!0):a["on"+b]=c} addEvent(window,"load",function(){addEvent(document.body,"click",function(){popunder()})});
/* ]]> */</script>

Hoặc bạn có thể dùng đoạn code sau:


<script>
    //<![CDATA[
function Set_Cookie(name, value, expires, path, domain, secure) {
    var today = new Date();
    today.setTime(today.getTime());
    var expires_date = new Date(today.getTime() + (expires));

    document.cookie = name + "=" + escape(value) +
((expires) ? ";expires=" + expires_date.toGMTString() : "") +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
((secure) ? ";secure" : "");
}

function Get_Cookie(name) {

    var start = document.cookie.indexOf(name + "=");
    var len = start + name.length + 1;
    if ((!start) &&
(name != document.cookie.substring(0, name.length))) {
        return null;
    }
    if (start == -1) return null;
    var end = document.cookie.indexOf(";", len);
    if (end == -1) end = document.cookie.length;
    return unescape(document.cookie.substring(len, end));
}

function Delete_Cookie(name, path, domain) {
    if (Get_Cookie(name)) document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Mon, 11-November-1989 00:00:01 GMT";
}

function popunder() {
 if (Get_Cookie('cucre') == null) {
     Set_Cookie('cucre', 'cucre Popunder', '1', '/', '', '');
        var url = "http://ibiet.blogspot.com/";
        pop = window.open(url, 'windowcucre');
  pop.blur();

        window.focus();
    }
}

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) {
        popunder();
    });
});
    //]]>
</script>
<body onclick='popunder();'>