Hiển thị các bài đăng có nhãn Thủ thuật blogspot. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ thuật blogspot. Hiển thị tất cả bài đăng

Thứ Ba, 25 tháng 3, 2014

Hướng dẫn sử dụng Google Drive để upload file JS


Google Drive

1. Truy cập vào địa chỉ của dịch vụ Google Drive và đăng nhập bằng tài khoản Gmail.

https://drive.google.com/
2. Tạo các thư mục chứa file js
Upload File Css và JS Javascripts lên host Google Drive

Đặt tên cho thư mục sao cho dễ dàng quản lý.

3. Vào thư mục và upload từng file hoặc cả một thư mục



Sau khi upload thành công, một hộp thoại hiện lên, chọn chia sẻ



Chọn công khai trên Web và lưu lại là xong.





4. Copy link, nếu quên bạn có thể copy lại bằng cách click phải vào file, chọn "Chia Sẻ". Link mặc định có dạng như sau:
https://drive.google.com/file/d/0B7xxYcCh1TwcanpQUDZJc2d1czg/edit?usp=sharing
Ta đổi thành:
Để có thể sử file Js và Css mà ta đã upload cho blogspot, ta sửa lại đường dẫn trên thành:
https://googledrive.com/host/0B7xxYcCh1TwcanpQUDZJc2d1czg
 Chú ý: Chỉ cần thay phần đã được hightlight đỏ.

Như vậy là xong.

Thứ Hai, 17 tháng 3, 2014

Ẩn Powered by Blogger (Cung cấp bởi Blogger) - Mới

Trên blog có một tiện ích Attribution (Cung cấp bởi Blogger ) mà ta không thể xóa được làm cho blog thiếu tính chuyên nghiệp. Nếu làm theo các hướng dẫn trước đây thì xóa được trên giao diện web nhưng nó vẫn hiện trên giao diện mobi.
Các bước để loại bỏ hoàn toàn  Powered by Blogger  từ blog:
1. Bảng điều khiển Blogger. Chọn Mẫu (Template)>> click Chỉnh sửa HTML (Edit HTML)


2. Tìm Attribution ta thấy đoạn code sau
 
 <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

Thay: locked='false' và thêm  mobile='no' vào đoạn code


<b:widget id='Attribution1' locked='false' title='' mobile='no' type='Attribution'/>
  
4.  Lưu mẫu
Như vậy tiện ích cung cấp bởi blogger ta có thể xóa đi được và dòng chữ Cung cấp bởi Blogger ở giao diện trên mobi cũng không còn nữa.


Lỗi không hiển thị đủ số lượng bài viết trên trang chủ và trang nhãn

Theo mặc định của Blogspot - số lượng bài viết sẽ hiển thị trên trang chủ là: 7 bài đăng. Chúng ta có thể thay đổi số bài đăng hiển thị trên trang chủ hoặc trang nhãn. Tuy nhiên, trang chủ hoặc trang nhãn lại không hiển thị đủ số lượng bài viết như mong muốn. Nguyên nhân chính là do bài viết quá dài, có quá nhiều hình ảnh,...

Cách khắc phục như sau:

Khi soạn thảo hoặc sửa bài viết, các bạn cần sử dụng tiện ích "Chèn dấu ngắt nhảy" (hiển thị khi soạn thảo, chỉnh sửa bài viết) bằng cách nhấp chuột trái vào đoạn văn bản mà bạn muốn cho hiển thị, rồi nhấp chuột vào chèn dấu ngắt nhảy (hình tờ giấy bị rách) trên thanh tác vụ đăng bài. 

 

 

Một đường kẻ ngang sẽ hiện ra, phần văn bản bên trên đường kẻ ngang này sẽ hiển thị trên trang chủ, phần văn bản còn lại ở bên dưới sẽ ẩn đi.  

 

Lưu ý: Phải áp dụng phương pháp này trong cả trường hợp đã sử dụng tiện ích thu gọn bài viết.




Thứ Tư, 5 tháng 2, 2014

Ẩn tiện ích Attribution (cung cấp bởi Blogger) khi xem blog bằng điện thoại di động

1. Vào Mẫu/Chỉnh sửa HTML
2. Tìm Attribution

3. Thêm thuộc tính mobile='no' như sau:

<b:widget id='Attribution1' locked='false' mobile='no' title='' type='Attribution'>


Lưu mẫu và xem kết quả.

Thứ Sáu, 11 tháng 1, 2013

Khắc phục hiện tượng không vào được blog sử dụng tên miền riêng 01/2013


 Tháng 01/2013 nhà mạng tiếp tục chặn blog có tên miên riêng, mình đã tìm ra giải pháp và đã áp dụng thành công trên một số blog. Mình chia sẻ với những ai chưa biết. 

1. Đăng nhập vào Domain Settings thiết lập như sau:


2. Lưu lại và chờ một lúc là ok.

Lưu ý: phần dưới đây mỗi blog khác nhau (đã có khi ta trỏ tên miền riêng cho blog):

rny35rw4n5mi
CNAME
gv-4fjrln6i6wgpupt7sd32sb4xlf5n6samrcqkgdnwt24syhgahpaa.domainverify.googlehosted.com.
Ở đây mình thực hiện trên giao diện của nhà cung cấp tên miền tenten các bạn sử dụng nhà cung cấp khác làm tương tự.

Thứ Tư, 31 tháng 10, 2012

Tiện ích Bài viết mới cho blog có mô tả link

Tiện ích Recent Post này, phần mô tả bài viết kèm theo hình ảnh gọn và đẹp, rất phù hợp cho việc đặt sau tiêu đề của các bài viết trong Blog.

Tiện ích Bài viết mới cho blog có mô tả link 
Code tiện ích như sau:


<style type="text/css">
.mota{
position: relative;
z-index: 0;
text-decoration:none;
}
.mota:hover{
background-color: transparent;
z-index: 50;
}
.mota span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}
.mota span img{
border-width: 0;
padding: 2px;
}
.mota:hover span{
padding:5px;
visibility: visible;
top: 20px;
left:50px;
width:250px;
background:#ccc;
text-align: justify;
}
</style>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://dl.dropbox.com/u/74775294/anh/nothumbnail.gif";
showRandomImg = true;
tablewidth = 245;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#fff";
imgwidth = 60; // độ rộng của ảnh thumbnail
imgheight = 60; // chiều cao của ảnh thumbnail
fntsize = 12;
acolor = "#E67C15";
aBold = true;
icon = " » ";
text = "no";
showPostDate = false;
summaryPost = 150;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";
numposts = 5;
label = "All";
home_page = "http://dvt.com.vn/";
</script>
<script src="https://dl.dropbox.com/u/74775294/Filejs/s2-post.js" type="text/javascript"></script>

Trong đó:
  • Width: 250px :độ rộng của bảng nhỏ khi rê chuột vào tiêu đề bài viết.
  • Background: #ccc : màu nền của cửa sổ popup khi rê chuột vào tiêu đề bài viết.
  • Imgwidth = 60 : chiều rộng của ảnh đại diện.
  • Imgheight = 60 : chiều cao của ảnh đại diện.
  • SummaryPost = 150 : số ký tự hiển thị ở cửa sổ Popup khi khi rê chuột.
  • Home_page: địa chỉ blog của bạn, (thay http://dvt.com.vn/ thành URL blog của bạn).
  • Label: Tên nhãn muốn hiển thị, hãy thay All thành tên nhãn của bạn.
  • Numposts=5: Số bài muốn hiển thị trong tiện ích này.

Thủ thuật trên áp dụng cho tất cả các bài viết trong Blog, nếu muốn áp dụng cho bài viết trong cùng một nhãn thì thay:
https://dl.dropbox.com/u/74775294/Filejs/s2-post.js
bằng:
https://dl.dropbox.com/u/74775294/Filejs/s2-label.js
(Bạn nên sử dụng google code lưu các file ảnh, file js riêng để blog load nhanh hơn. Nếu chưa biết thì xem hướng dẫn tại đây)

Cách tiến hành:
1. Đưa vào tiện ích:
  -  Đăng nhập vào Blog
   - Vào Bố cục
   - Thêm 1 tiện ích HTML/Javarscrip và dán code vào.
2. Chèn vào sau tiêu đề bài viết:
-  Đăng nhập vào Blog
- Chọn Mẫu  ›  Chỉnh sửa HTML ›  
Thêm đoạn code như sau để tiện ích chỉ xuất hiện trong các bài viết:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='ads'>

code

</p>
</b:if>
- Lưu mẫu.


Thứ Ba, 30 tháng 10, 2012

Sao lưu, nhập dữ liệu vào blogspot trên mẫu mới

Nếu Blog bị xóa hoặc bạn lỡ tay xóa blog đi. Đừng lo, Blogger đã tích hợp chức năng sao lưu, nhập dữ liệu (backup) blog. Trước đây, đã có bài viết hướng dẫn sao lưu, nhập dữ liệu cho blog, tuy nhiên sau khi Bloger thay đổi giao diện, phần sao lưu, nhập dữ liệu có phần khác so với phiên bản cũ. 
Cách làm như sau:
Đăng nhập vào Bloger >> Cài đặt >> Khác

Ở phần công cụ Blog:
- Nếu muốn sao lưu (backup) ta chọn Xuất blog

Chọn Tải xuống Blog là xong.
- Nếu muốn nhập dữ liệu vào blog ta chọn Nhập blog >> click Chọn Tệp tin để tìm, chọn tệp tin blog của bạn đã được sao lưu >> nhập hình ảnh chứng minh >> click Nhập blog


Chia sidebar Blog thành 2 cột

Nếu Template của Blogger sidebar có 2 hay 3 cột thì có thể đặt thêm được nhiều tiện ích hơn. Tuy nhiên, blog của bạn sidebar chỉ có 1 cột. Để chia sidebar ra thành 2 cột con ngay trong template bạn đang sử dụng bạn chỉ cần thực hiện theo các bước sau đây:


1. Đăng nhập vào tài khoản Blogger
2. Chọn Mẫu >> chỉnh sửa HTML (Edit HTML)
3. Tìm đến code như bên dưới hoặc tương tự

#sidebar-wrapper {
float:right;
margin-top:10px;
overflow:hidden;
width:265px; /* độ rộng của cột sidebar trên blog của bạn*/
word-wrap:break-word;
}

4. Thêm code bên dưới vào ngay sau code vừa tìm được ở trên

#left-sidebar-wrapper { width:49%; /* độ rộng của cột sidebar con bên trái*/
float:left; }
#right-sidebar-wrapper { width:49%; /* độ rộng của cột sidebar con bên phải*/
float:right; }


Bạn có thể tùy chỉnh lại độ rộng (width) của các cột sidebar trên cho phù hợp. Lưu ý: width (sidebar-wrapper) >= width (left-sidebar-wrapper) + width (right-sidebar-wrapper).

5. Tiếp theo bạn tìm đến code bên dưới hoặc tương tự


<div id='rsidebar-wrapper'>
<b:section class='sidebar' id='sidebarright' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>

</b:section>
</div>
6. Bây giờ bạn hãy thêm vào code vừa tìm được đoạn code như bên dưới


<div id='rsidebar-wrapper'>
<b:section class='sidebar' id='sidebarright' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>

</b:section>
<div id='left-sidebar-wrapper'> 
<b:section class='sidebar section' id='sidebar2' preferred='yes'>
<b:widget id='HTML34' locked='false' title='' type='HTML'/>
</b:section>
</div> 

<div id='right-sidebar-wrapper'>
<b:section class='sidebar section' id='sidebar3' preferred='yes'>
<b:widget id='HTML23' locked='false' title='' type='HTML'/>
</b:section>
</div> 

</div>

Nếu muốn tạo bên dưới 2 cột đã chia ở trên một khu vực để có thể chèn thêm tiện ích với độ rộng bằng sidebar (tức bằng tổng độ rộng 2 cột đã chia). Ta chỉ cần thay đoạn code trên thành co de bên dưới.

<div id='rsidebar-wrapper'>
<b:section class='sidebar' id='sidebarright' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>

</b:section>
<div id='left-sidebar-wrapper'> 
<b:section class='sidebar section' id='sidebar2' preferred='yes'>
<b:widget id='HTML34' locked='false' title='' type='HTML'/>
</b:section>
</div> 

<div id='right-sidebar-wrapper'>
<b:section class='sidebar section' id='sidebar3' preferred='yes'>
<b:widget id='HTML23' locked='false' title='' type='HTML'/>
</b:section>
</div> 
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

7. Lưu template.

Thứ Hai, 29 tháng 10, 2012

Chèn 2 cột tiện ích (Widget) vào Main-wrapper

Bạn đã từng thấy một blog, website nào đó phần main bao gồm 2 cột song song chứa nhiều tiện ích (widget), mỗi widget tương ứng với mỗi nhãn (Label) trên blog, website đó. Chỉ thêm một vài đoạn code là bạn có thể làm được điều này.
Chèn 2 cột widget vào Main-wrapper trong Blogger Template
Hình minh họa
Cách thực hiện :
1. Vào Thiết kế > Chỉnh sửa HTML
2. Chèn đoạn code bên dưới vào trước thẻ đóng </b:skin>
#column-wrapper{width:620px;float:left;word-wrap:break-word;overflow:hidden}
#columnleft-wrapper{width:305px;float:left;word-wrap:break-word;overflow:hidden}
#columnright-wrapper{width:305px;float:right;margin-left:10px;word-wrap:break-word;overflow:hidden}
.column .widget{background:#fff;border:1px solid #ccc; height:310px; overflow:hidden; margin:5px 0; padding:10px}
.column h2{background:#333;color:#fff;line-height:1.4em;padding:2px 10px;margin-bottom:1em}
Trong đoạn code trên :
  • width:620px : chiều rộng của widget
  • width:305px : chiều rộng của 2 cột widget
  • height:310px : chiều cao của 2 cột widget
Có thể bạn sẽ cần điều chỉnh lại cho phù hợp.
3. Tiếp tục, tìm trong template đoạn code sau :
<div id='main-wrapper'>
và chèn ngay sau nó đoạn code bên dưới :
<div id='column-wrapper'>
<div id='columnleft-wrapper'>
<b:section class='2column' id='columnleft' preferred='yes'/>
</div>
<div id='columnright-wrapper'>
<b:section class='2column' id='columnright' preferred='yes'/>
</div>
<div style='clear:both'/>
</div>
4. Save template
Bây giờ bạn có thể trở lại Phần tử trang và chèn vào đó bất kỳ widget nào bạn thích.
Chúc các bạn thành công !

Tiện ích Recent Posts giống iTechPlus

Recent Posts là tiện ích giúp hiển thị những bài viết mới nhất theo từng nhãn hoặc cho toàn bộ Blog với giao diện đơn giản thuần túy của Blogspot thành giao diện mang phong cách báo chí, giúp Blog bạn trở nên “Pro” hơn trong mắt độc giả.

Tiện ích Recent Posts giống iTechPlus.info
Hình minh họa
* Cách thực hiện :
1. Vào Thiết kế > Phần tử trang
2. Tạo một widget HTML\JavaScript và dán vào đoạn code bên dưới :
<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5ZKv_ahn8HNfidKFiaJ2m4pzcDzoRog1q0uFFlt5hFlDBXZXCHObFx8IaOTMJAw4Irr1-CyQYqQNcqSpw0Avd3zsHKvRf9VBPPUpj68Z61v4plE1t8cIQpRj39AApvMB-UHIHRbXNncz/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://www.dvt.com.vnus.info/search/label/Office?&amp;max-results=8">Tin học văn phòng</a></h2>
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="itechplus-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>
* Trong đoạn code trên :
  • numposts = 5; : tổng số bài viết được hiển thị
  • list1 = 1; : số bài viết hiển thị kèm ảnh thumbnail
  • sumPosts = 168; : số ký tự mô tả ( summary )
* Nếu bạn muốn hiển thị bài viết mới nhất cho cả Blog thì thay thế đoạn code sau :

document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

thành

document.write("<script src=\"http://www.itechplus.info/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

3. Save and Done.
* Update : một số bạn yêu cầu chèn thêm ảnh đại diện khi bài viết không có ảnh và tùy chọn để thay đổi màu chữ tiêu đề. Để làm điều này, bạn cần thay đoạn code chính của thủ thuật bằng đoạn code bên dưới :
<style type="text/css">
#itechplus-rc {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff}
.itechplus-rc h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-size:12px;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5ZKv_ahn8HNfidKFiaJ2m4pzcDzoRog1q0uFFlt5hFlDBXZXCHObFx8IaOTMJAw4Irr1-CyQYqQNcqSpw0Avd3zsHKvRf9VBPPUpj68Z61v4plE1t8cIQpRj39AApvMB-UHIHRbXNncz/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://www.itechplus.info/search/label/Office?&amp;max-results=8">Tin học văn phòng</a></h2>
<script type='text/javascript'>
numposts = 5;
list1 = 1;
sumPosts = 168;
maintitle = "#f0c"; subtitle = "#39c"; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != ""))  {img[i] = d;} else {img[i]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj81kjCkJK8JU9P-saA-hpBW2u1ql6VAApg8feqKjlb4hTaNzH_WDUZ4L3xFPvAi6scEq2REnfGaRM-yuZpheBtA3pBjJbaVulEc8Ukclik_7gtC7fgHdlK4tv-KTIwUGMaM9NoWDhXpg4/";}
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" style="color:'+maintitle+'"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '" style="color:'+subtitle+'">' + g + '</a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="itechplus-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://www.itechplus.info/feeds/posts/default/-/Office?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>
Trong đó :
  • maintitle = "#f0c"; : màu tiêu đề bài viết đầu tiên ( có ảnh và trích dẫn )
  • subtitle = "#39c"; : màu tiêu đề các bài viết tiếp theo
Các bạn có thể xem lại bài viết Bảng mã màu dành cho Blogger để chọn màu phù hợp. Ngoài ra, iTechPlus cũng đã có bài viết hướng dẫn rút gọn tiêu đề đối với những bài viết có tiêu đề quá dài, cũng như hiển thị đầy đủ mỗi khi rê chuột vào, các bạn có thể xem lại tại đây.
* Lưu ý : đoạn code trên có sử dụng một số hình ảnh mà iTechPlus.info sử dụng. Vì vậy, để tránh ảnh hưởng đến site này và blog bạn, vui lòng download về và upload lên host riêng để sử dụng.
Rất đơn giản phải không các bạn !
Chúc các bạn thành công !
 Theo iTechPlus.info

Bài viết mới (HotNews) ngẫu nhiên cho Blog

Đây là một tiện ích bài hiển thị thay đổi tiêu đề bài đăng mới, để người đọc có thể thấy những tin tức, thủ thuật... mới nhất từ blog của bạn:


Cách thực hiện như sau:
1. Đăng nhập vào bảng điều khiển của bạn
2. Mẫu >> Chỉnh sửa HTML >> Mở rộng Mẫu Tiện ích
3. Chèn đoạn code sau vào trước ]]></b:skin> 
/* News Ticker Wrapper */ .newspic{background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_NY_q9KJbN-zyOgr5dSriGfCoT24dRLDXrhc-x2xu2Kpk0Gp3Y5IVHnwitgbz9b_sl9UZdfCTkQaq8AHDzq5-7BEid8l5fXF6kx3nyebs-E1teuLNjEvmlv9ELYGtBOkbIKCw-UGEahH/s1600/nguoi-trong-cuoc-bg_news.png) no-repeat top center;width:940px;height:26px;margin:0 auto;padding:0 auto}.news{width:940px;line-height:1.4em;text-align:left;font-family:Arial;font-size:11px;color:#ddd;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}.news a:link,.news a:visited{color:#ddd;text-decoration:none}.news a:hover{color:#fff;text-decoration:underline}

4. Chèn mã sau đây trước </head>
<script src='http://sportymagazine2.googlecode.com/files/sportymagazine2free.txt' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function($){
$(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 4000, true);
});</script>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(w){document.write('<ul class="label_with_thumbs">');for(var v=0;v<numposts;v++){var f=w.feed.entry[v];var g=f.title.$t;var z;if(v==w.feed.entry.length){break}for(var r=0;r<f.link.length;r++){if(f.link[r].rel=="replies"&&f.link[r].type=="text/html"){var n=f.link[r].title;var o=f.link[r].href}if(f.link[r].rel=="alternate"){z=f.link[r].href;break}}var j;try{j=f.media$thumbnail.url}catch(q){s=f.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){j=d}else{j="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt0TOxK7liEf_8dN84T7tlTSsEjouniBU11eP2_XZnkijde1mWMFHPdpYaYEIBNETxKHoSI8KENCR3IpB5x331Eu_ulLGakubZYzF9_paycLJFZrQWuDXv-_ClIPDnZ1Nd-YWJAYXERpTd/s1600/nguoi-trong-cuoc-no_image.jpg"}}var x=f.published.$t;var m=x.substring(0,4);var l=x.substring(5,7);var t=x.substring(8,10);var h=new Array();h[1]="Jan";h[2]="Feb";h[3]="Mar";h[4]="Apr";h[5]="May";h[6]="Jun";h[7]="Jul";h[8]="Aug";h[9]="Sep";h[10]="Oct";h[11]="Nov";h[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true){document.write('<a href="'+z+'" target ="_top"><img class="label_thumb" src="'+j+'"/></a>')}document.write('<strong><a href="'+z+'" target ="_top">'+g+"</a></strong><br>");if("content" in f){var y=f.content.$t}else{if("summary" in f){var y=f.summary.$t}else{var y=""}}var p=/<\S[^>]*>/g;y=y.replace(p,"");if(showpostsummary==true){if(y.length<numchars){document.write("");document.write(y);document.write("")}else{document.write("");y=y.substring(0,numchars);var e=y.lastIndexOf(" ");y=y.substring(0,e);document.write(y+"...");document.write("")}}var A="";var u=0;document.write("<br>");if(showpostdate==true){A=A+h[parseInt(l,10)]+"-"+t+" - "+m;u=1}if(showcommentnum==true){if(u==1){A=A+" | "}if(n=="1 Comments"){n="1 Comment"}if(n=="0 Comments"){n="No Comments"}n='<a href="'+o+'" target ="_top">'+n+"</a>";A=A+n;u=1}if(displaymore==true){if(u==1){A=A+" | "}A=A+'<a href="'+z+'" class="url" target ="_top">More »</a>';u=1}document.write(A);document.write("</li>");if(displayseparator==true){if(v!=(numposts-1)){document.write("")}}}document.write("</ul>")};
//]]></script>
<script type='text/javascript'>//<![CDATA[
var dayarray=new Array("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy");var montharray=new Array("1/","2/","3/","4/","5/","6/","7/","8/","9/","10/","11/","12/");function getthedate(){var a=new Date();var g=a.getYear();if(g<1000){g+=1900}var h=a.getDay();var e=a.getMonth();var b=a.getDate();if(b<10){b="0"+b}var i=a.getHours();var c=a.getMinutes();var j=a.getSeconds();var d="AM";if(i>=12){d="PM"}if(i>12){i=i-12}if(i==0){i=12}if(c<=9){c="0"+c}if(j<=9){j="0"+j}var f="<font color='DDDDDD' face='Arial'>"+dayarray[h]+ " " +b+"/"+montharray[e]+"  "+g+" "+i+":"+c+":"+j+" "+d+"</font>";if(document.all){document.all.clock.innerHTML=f}else{if(document.getElementById){document.getElementById("clock").innerHTML=f}else{document.write(f)}}}if(!document.all&&!document.getElementById){getthedate()}function goforit(){if(document.all||document.getElementById){setInterval("getthedate()",1000)}};
//]]></script>
<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Retrieving RSS feed(s)';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};

//]]></script>

5. Đặt tiện ích ở nơi mà bạn muốn.
Ví dụ tôi sẽ đặt nó dưới tiêu đề: Tìm đoạn code: <div class='post-header-line-1'/> và đặt đoạn mã sau vào dưới nó:

<div class='newspic'>

<div class='news'>

<div style='float:left;padding:5px 60px 5px 7px;font:bold 14px Arial;color:#333;text-transform:none;'>

News - Post :

</div><div style='float:left;width:680px;padding:4px 0; position:relative; overflow:hidden;'>

<script type='text/javascript'>

var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)

cssfeed.addFeed(&quot;AdityaSubawa&quot;, &quot;http://www.dvt.com.vn/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed

cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields

cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag

cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date

cssfeed.entries_per_page(1)

cssfeed.init()

</script>

</div>

</div><div style='clear:both;'/>

</div>

Thay http://www.dvt.com.vn thành địa chỉ blog của bạn.
Thay News - Post : theo ý của bạn, ví dụ: Bài viết mới
6. Lưu mẫu và kiểm tra kết quả.

Thứ Năm, 25 tháng 10, 2012

Tạo trang diễn đàn (Forum) cho Blog

Để tạo một trang diễn đàn free trên Blogger bạn hãy làm theo hướng dẫn sau:


1. Đăng nhập Blog tạo một trang tĩnh (static page) có tiêu đề là forum  liên kết của trang forum có dạng như thế này:  

http://yourblogname.blogspot.com/p/forum.html

2. Tạo một diễn đàn miễn phí tại Nabble: Bạn điền thông tin cá nhân vào Form đăng ký. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn.
Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Options>>Embedding Options. Copy đoạn code HTML.

3. Tại tài khoản Blog, vào Edit HTML và chọn "Expand Widget Templates".
Dán đoạn code sau đây vào trên dòng code <div id='content-wrapper'>
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
Đoạn code từ Nabble lấy được ở bước 2
</b:if>
4. Ẩn một số thành phần trên Blog khi hiển thị trang forum: Dán đoạn code như dưới đây vào sau dòng
]]></b:skin>
<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>
<style type='text/css'>
#content-wrapper {
display:none !important;
}
</style>
</b:if>
Lưu Template là xong.

Thứ Bảy, 20 tháng 10, 2012

Chữ đậm, chữ nghiêng, chèn link cho nhận xét blog

Thủ thuật này tạo phần hỗ trợ viết chữ đậm, chữ nghiêng, chèn link cho phần nhận xét blog.



Bắt đầu thủ thuật:
1. Đăng nhập vào tài khoản Blogger
2. Chọn Mẫu>>Chỉnh sửa HTML (Edit HTML)
3. Chọn Mở rộng tiện ích (Expand Widget Templates).
4. Đặt đoạn code sau đây vào trước thẻ </body>
5. Tìm đến đoạn code như bên dưới. Đoạn code này biểu thị phần khung viết nhận xét.

<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Đặt trước đoạn code trên bằng đoạn code sau:

<script type='text/javascript'>
//<![CDATA[
// Script to insert Emoticons and Links on Blogspot Comments V1 by www.thuthuatblogger.info
function comments_URL() {
var r = prompt("Nhập địa chỉ trang", "http://");
var p = prompt("Nhập link text hiển thị", "Text");
if(r != "") ; if(p != ""){
document.getElementById('comments_input').value += "<a href='" + r + "' rel='nofollow'>" + p + "<\/a>";
} else {
alert("Bạn đã nhập xong dữ liệu");
}
}
function comments_HTML() {
document.getElementById('comments_input').value += '<a href=\'http://URL dẫn đến link \'>Trang<\/a>';
}
function comments_B() {
document.getElementById('comments_input').value += '<b><\/b>';
}
function comments_I() {
document.getElementById('comments_input').value += '<i><\/i>';
}
function comments_EM() {
document.getElementById('comments_input').value += '<em><\/em>';
}
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&laquo;&nbsp;Less</a></span>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">More&nbsp;&raquo;</a>';
}
//]]>
</script>
<style>
#comments_insert {padding:0;margin:0;width:410px;float:left;text-align: center}
#comments_insert img {padding:0;border:none;margin:2px}
.text_style_wrap {margin-top:10px;}
.text_style {border:1px solid #069;padding:3px;background: #d8eaee}
#comments_insert a {text-decoration:none}
#comments_HTML {display: none}
#comments_input {margin-top:10px}
.tooltip{outline:none;cursor:help;text-decoration:none;position:relative}
.tooltip span{margin-left:-999em;position:absolute}
.tooltip:hover span{border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow:5px 5px rgba(0,0,0,0.1);-moz-box-shadow:5px 5px rgba(0,0,0,0.1);font-family:Calibri,Tahoma,Geneva,sans-serif;position:absolute;left:1em;top:2em;z-index:99;margin-left:0;width:300px}
.tooltip:hover img{border:0;margin:-10px 0 0 -55px;float:left;position:absolute}
.tooltip:hover em{font-family:Candara,Tahoma,Geneva,sans-serif;font-size:1.2em;font-weight:bold;display:block;padding:0.2em 0 0.6em 0}
.help{padding: 0.8em 1em; background: #FFCCAA; border: 1px solid #FF3334;text-align:justify;color:#000}
</style>
<!--[if IE]> <style> #comments_URL {display: none} #comments_HTML {display:inline} </style> <![endif]-->

<div id='comments_insert'>

<div class='text_style_wrap'>
<a href='javascript: void(0);' onClick='comments_B()'><span class='text_style'><b>Chữ đậm</b></span></a>
<a href='javascript: void(0);' onClick='comments_I()'><span class='text_style'><i>Chữ nghiêng</i></span></a>
<a href='javascript: void(0);' onClick='comments_EM()'><span class='text_style'><em>Chữ nghiêng 2</em></span></a>
<a href='javascript: void(0);' id='comments_HTML' onClick='comments_HTML()'><span class='text_style'>Chèn Link</span></a>
<a href='javascript: void(0);' id='comments_URL' onClick='comments_URL()'><span class='text_style'>Chèn Link</span></a>

</div>
<form name='comments_form'>
<textarea cols='60' id='comments_input' rows='1' style='background: #F8F8FF;margin-bottom:7px'/>
<br/>
<a href='javascript: void(0);' onClick='document.getElementById(&quot;comments_input&quot;).select();'><span class='text_style'>Chọn</span></a>
<a href='javascript: void(0);' onClick='document.comments_form.reset();'><span class='text_style'>Xóa</span></a>
</form>
</div>

6.  Lưu  Template.
Lưu ý: cols='60' kích thước khung chứa code kiểu chữ và code chèn link, bạn điều chỉnh cho phù hợp với blog.

Thứ Sáu, 19 tháng 10, 2012

Mở nhiều cửa sổ popup khi click vào vị trí bất kì trên web, blog

Javascript để thực mở nhiều cửa sổ popup khi click vào  vị trí bất kì trên web, blog rất thuận tiện cho việc quảng quảng bá, quảng cáo... 

Mở nhiều cửa sổ popup khi click vào  vị trí bất kì trên web, blog


Cách làm như sau:

- Đăng nhập vào tài khoản Blogger
- Chọn Mẫu>>chỉnh sửa HTML (Edit HTML)
- Bạn tìm đến thẻ <body> và thay nó thành 1 trong 2các đoạn Script sau (tùy theo nhu cầu)

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


<!-- POPUP QC -->
<body onclick='open_popup()'>

<script type='text/javascript'>
/* <![CDATA[ */
function open_popup() {
window.open("http://www.dvt.com.vn")
}
/* ]]> */
</script>
<!-- END POPUP QC -->

Ở đây 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").


2. Xuất hiện popup khi click chuột lần đầu tiên



<!-- POPUP QC -->
<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://www.dvt.com.vn/2012/03/ban-sim-so-ep-tren-ia-ban-tinh-ha-nam.html','http://www.dvt.com.vn/2012/09/dien-tu-dien-gia-dung.html'];
var url = urllist[Math.floor(Math.random() * urllist.length)];
var params = 'width=' + '610';
params += ', height=' + '400';
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>

<!-- END POPUP QC -->



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 và chỉ xuất hiện ngẫu nhiên 1 trang web,blog. Các thao tá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.

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

 Code phần 3 này là sự kết hợp 2 code trên, tức 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 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.


<!-- POPUP QC -->
<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://www.dvt.com.vn', 'vtlai_popup_0', params +', top=0,left=0');

var vtlai_popup_1 = window.open('http://www.dvt.com.vn/2012/09/dien-tu-dien-gia-dung.html', 'vtlai_popup_1', params +', top=0,left=0');

var vtlai_popup_2 = window.open('http://www.dvt.com.vn/2012/03/ban-sim-so-ep-tren-ia-ban-tinh-ha-nam.html', 'vtlai_popup_2', params +', top=0,left=0');

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

}

}
}
//]]>
</script>
<!-- END POPUP QC -->

- Save template.