Cookie (tin học) nghĩa là gì?

Theo Bách khoa toàn thư mở Wikipedia:

"Cookie is một đoạn văn bản ghi thông tin được tạo ra và lưu trên trình duyệt của máy người dùng. Cookie thường được tạo ra khi người dùng truy cập một website, cookie sẽ ghi nhớ những thông tin như tên đăng nhâp, mật khẩu, các lựa chọn do người dùng lựa chọn đi kèm. Các thông tin này lưu trong máy tính thường được dùng để nhận ra người dùng khi viếng thăm một trang web. Nó là những tập tin mà trang web gửi đến máy tính của người dùng. Nó được gọi theo tên của bánh quy trong tiếng Anh tại Hoa Kỳ.

Khi người dùng truy cập đến một trang web có sử dụng cookie, trang web đó sẽ tự động gửi cookie đến máy tính của người dùng. Những cookie này tự động được tổ chức trong hệ thống máy tính. Khi truy cập đến các trang web sử dụng được cookie đã lưu, những cookie này tự động gửi thông tin của người dùng về cho chủ của nó (người tạo ra cookie). Tuy nhiên những thông tin do cookie ghi nhận không được tiết lộ rộng rãi, chỉ có website chứa cookie mới có thể xem được những thông tin này. Cookie được xem là một thành phần không thể thiếu được với những website có khối lượng dữ liệu lớn, có số lượng người dùng đông, và có những chức năng đi kèm với thành viên đăng kí. Phần lớn các website này là các website thương mại điện tử

Cookie có thể tiết lộ bí mật về người dùng. Các trình duyệt hiện đại cho phép đề phòng việc các cookie tiết lộ bí mật bằng các cài đặt chế độ cấm gửi ngược lại hay là hỏi ý kiến người dùng máy trước khi gửi thông tin cho ai. Tuy khối lượng thông tin mà một cookie nắm không nhiều nhưng lại đóng một vai trò hết sức quan trọng đặc biệt thời đại bùng nổ của Internet marketing."

Do đó, bạn nên định kỳ xóa Cookies và Cache trên trình duyệt để tăng tốc độ tải website cũng như tăng mức độ bảo mật cho máy tính. Trong các ứng dụng lướt Web, các xóa cũng khá đơn giản.

Bất luận người dùng trên mạng nào cũng cần phải có ít nhất một tài khoản. Công việc tạo lập tài khoản quản lý và bảo mật tài khoản người dùng trên mạng luôn luôn là một vấn đề hệ trọng, cấp thiết.

Google Chrome

Bước 1: Mở trình duyệt Google Chrome và chọn nút trình đơn Customize and control Google Chorme góc trên cùng bên phải.

Bước 2: Chọn Tools

Bước 3: Chọn Clear browsing data…

Bước 4: Trên cửa sổ Clear browsing data… trong Obliterate the following items from chọn the beginning of time để xóa tất cả Cookies và Cache tính từ thời điểm bắt đầu sử dụng trình duyệt. Sau đó bạn tick chọn Empty the cache và Delete cookies and other site and plug-in data

Bước 5: Chọn Clear browsing data để hoàn tất quá trình xóa Cookies và Cache trên trình duyệt Google Chrome

Internet Explorer 9

Bước 1: Mở trình duyệt Internet Explorer và chọn Tools (hình bánh răng cưa) ở góc trên cùng bên phải

Bước 2: Chọn Safety

Bước 3: Chọn Delete browsing history…

Bước 4: Trong cửa sổ Delete Browsing History… bỏ tick chọn ở mục Preserve Favorites website data, tick chọnTemporary Internet files và Cookies

Bước 5: Chọn Delete để hoàn tất quá trình xóa Cookies và Cache trên trình duyệt Internet Explorer

Nguồn tham khảo:

• Bkav.com.vn
• Bách khoa toàn thư mở Wikipedia
• Bạn có thể tham khảo thêm ở Trang chính sách Cookie = Microsoft - Việt Nam

Read More

Hướng dẫn chặn lời mời chơi Game trên Facebook

Bạn có thể truy cập vào liên kết này để vào tùy chỉnh luôn. Hoặc bạn có thể làm lần lượt theo các bước sau đây:

Nhấn vào mũi tên hình tam giác ở góc phải trên cùng giao diện Facebook và nhấn chọn ” Thiết lập ”

Tiếp theo bạn nhìn sang khung bên phải  và chọn ” Chặn ” (Blocking)

Giao diện tiếp theo sẽ có các lựa chọn cho bạn thiết lập:

Tại đây sẽ có những phương án cho bạn lựa chọn:

• + Chặn lời mời sử dụng ứng dụng (Block app invites): Nếu như một người bạn nào đó của bạn thường xuyên gửi lời mời đến bạn thì sử dụng cách này. Bạn chỉ cần nhập tên người bạn đó vào là xong!
• + Chặn ứng dụng (Block apps): Bạn có thể chặn theo tên ứng dụng, ví dụ bạn nhập tên của game hay ứng dụng đó vào ví dụ như: Candy Crush, BigKool, Bigone….

Và còn rất nhiều thiết lập trong này nữa mà bạn có thể lựa chọn cho phù hợp với mình. Ví dụ như: chặn người dùng, chặn lời mời tham gia sự kiện, chặn một trang cụ thể nào đó….

OK! giờ bạn có thể yên tâm mà lướt Facebook và không bao giờ gặp lại những ứng dụng phiền toái đó nữa. Hi vọng bài viết chặn lời mời game, ứng dụng trên Facebook này sẽ hữu ích với các bạn!!

Nguồn Kiên Nguyễn – Blogchiasekienthuc.com

Read More

Thêm nút Like cho nhận xét (Thread Comment) của Blogger

Tạo nút Like cho nhận xét, sử dụng tiện ích Star Ratings của Blogger

Xem Trước

Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.

.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjLcGJP759W_E1xjq44RqzjGVYPjIuKZbfyYbLfl-rFEYqy5Ce5FSW_2IfW1CiNb6q8XGZtyWw9bx9imaPDnNjLIskMBHrGPA2yIYuavmHjZbNGxmnGS2MzBPPid5FxUDBZ5nugOn9zhI/s10/like.png) no-repeat}

Bước 2: Thay thế đoạn mã (function() { trong template của bạn bằng đoạn mã dưới đây: 

var items_copy=[];
(function() {

Bước 3: Thay thế đoạn mã var items = <data:post.commentJso/>; trong template của bạn bằng đoạn mã dưới đây: 

var items = <data:post.commentJso/>;
items_copy=items;

Bước 4: Thêm đoạn mã dưới đây vào sau thẻ <data:post.commentHtml/> trong template của bạn. 

<script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script>

Tác giả: Duy Pham
Nguồn: Thêm nút Like cho Thread Comment

Read More

Phân trang cho Blogger - Page Navigation for Blogger

Phân trang (Page Navigation) là một tiện ích được nhiều blog áp dụng nhằm tăng tính chuyên nghiệp cho trang blog của họ. Dưới đây mình sẽ hướng dẫn các bạn cách phân trang cho Blogger và một số style phân trang đẹp.

Bước 1: Thêm code JavaScript phân trang
Đăng nhập Blog ~> Vào Mẫu ~> Chỉnh sửa HTML. Thêm đoạn code sau vào trước thẻ </body>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
    var postperpage=10;
    var numshowpage=4;
    var upPageWord ="&#171; Trước";
    var downPageWord ="Tiếp &#187;";
    var urlactivepage=location.href;
    var home_page="/";
  </script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 K;6 i;6 h;6 u;1x();D 1s(15){6 5=\'\';M=L(Y/2);4(M==Y-M){Y=M*2+1}A=h-M;4(A<1)A=1;e=L(15/j)+1;4(e-1==15/j)e=e-1;C=A+Y-1;4(C>e)C=e;5+="<3 7=\'1A\'>1H "+h+\' 1I \'+e+"</3>";6 1d=L(h)-1;4(h>1){4(h==2){4(i=="n"){5+=\'<3 7="1N"><a 9="\'+B+\'">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">\'+13+\'</a></3>\'}}c{4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+1d+\');z y">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+1d+\');z y">\'+13+\'</a></3>\'}}}4(A>1){4(i=="n"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1t(6 k=A;k<=C;k++){4(h==k){5+=\'<3 7="1L">\'+k+\'</3>\'}c 4(k==1){4(i=="n"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a 9="/r/s/\'+u+\'?&b-l=\'+j+\'">1</a></3>\'}}c{4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+k+\');z y">\'+k+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+k+\');z y">\'+k+\'</a></3>\'}}}4(C<e-1){5+=\'...\'}4(C<e){4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+e+\');z y">\'+e+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+e+\');z y">\'+e+\'</a></3>\'}}6 1b=L(h)+1;4(h<e){4(i=="n"){5+=\'<3 7="g"><a 9="#" v="I(\'+1b+\');z y">\'+1i+\'</a></3>\'}c{5+=\'<3 7="g"><a 9="#" v="J(\'+1b+\');z y">\'+1i+\'</a></3>\'}}6 H=x.1G("H");6 1e=x.1F("1E-1D");1t(6 p=0;p<H.S;p++){H[p].1u=5}4(H&&H.S>0){5=\'\'}4(1e){1e.1u=5}}D 16(U){6 V=U.V;6 1j=L(V.1C$1B.$t,10);1s(1j)}D 1x(){6 f=o;4(f.d("/r/s/")!=-1){4(f.d("?Z-b")!=-1){u=f.F(f.d("/r/s/")+14,f.d("?Z-b"))}c{u=f.F(f.d("/r/s/")+14,f.d("?&b"))}}4(f.d("?q=")==-1&&f.d(".5")==-1){4(f.d("/r/s/")==-1){i="n";4(o.d("#E=")!=-1){h=o.F(o.d("#E=")+8,o.S)}c{h=1}x.1g("<m X=\\""+B+"W/T/Q?b-l=1&P=O-N-m&12=16\\"><\\/m>")}c{i="s";4(f.d("&b-l=")==-1){j=1z}4(o.d("#E=")!=-1){h=o.F(o.d("#E=")+8,o.S)}c{h=1}x.1g(\'<m X="\'+B+\'W/T/Q/-/\'+u+\'?P=O-N-m&12=16&b-l=1" ><\\/m>\')}}}D I(G){11=(G-1)*j;K=G;6 R=x.1v(\'1w\')[0];6 w=x.1r(\'m\');w.1f=\'1o/1n\';w.1l("X",B+"W/T/Q?1k-1m="+11+"&b-l=1&P=O-N-m&12=17");R.1h(w)}D J(G){11=(G-1)*j;K=G;6 R=x.1v(\'1w\')[0];6 w=x.1r(\'m\');w.1f=\'1o/1n\';w.1l("X",B+"W/T/Q/-/"+u+"?1k-1m="+11+"&b-l=1&P=O-N-m&12=17");R.1h(w)}D 17(U){1a=U.V.1y[0];6 1q=1a.1p.$t.F(0,19)+1a.1p.$t.F(1J,1K);6 1c=1M(1q);4(i=="n"){6 18="/r?Z-b="+1c+"&b-l="+j+"#E="+K}c{6 18="/r/s/"+u+"?Z-b="+1c+"&b-l="+j+"#E="+K}1O.9=18}',62,113,'|||span|if|html|var|class||href||max|else|indexOf|maksimal|thisUrl|showpageNum|nomerhal|jenis|postperpage|jj|results|script|page|urlactivepage|||search|label||lblname1|onclick|newInclude|document|false|return|mulai|home_page|akhir|function|PageNo|substring|numberpage|pageArea|redirectpage|redirectlabel|nopage|parseInt|nomerkiri|in|json|alt|summary|nBody|length|posts|root|feed|feeds|src|numshowpage|updated||jsonstart|callback|upPageWord||banyakdata|hitungtotaldata|finddatepost|alamat||post|nextnomer|timestamp|prevnomer|blogPager|type|write|appendChild|downPageWord|totaldata|start|setAttribute|index|javascript|text|published|timestamp1|createElement|loophalaman|for|innerHTML|getElementsByTagName|head|halamanblogger|entry|20|showpageOf|totalResults|openSearch|pager|blog|getElementById|getElementsByName|Page|of|23|29|showpagePoint|encodeURIComponent|showpage|location'.split('|'),0,{}))
//]]>
</script>
</b:if>
</b:if>

postperpage=10; số bài viết hiển thị trên mỗi trang
numshowpage=4; số nút hiển thị trên thanh Navigation
Có thể thay « Trước và Tiếp » thành từ bạn muốn

Bước 2: Một số style đẹp
Thêm 1 trong các đoạn code css sau vào trước thẻ ]]></b:skin> rồi Lưu Mẫu lại

Kiểu 1

#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#555;border:1px solid #111}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #999}
.showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#444;border:1px solid #000}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background-color:#444;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #000}

Kiểu 2

.blog-pager,#blog-pager{font-size:normal}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}
.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMT5IwFCtTkupNXip7w-zKZ0ENoa3Jg5rHC7dgUG7oNI1VbUE-C8vigN2vW26XT0cpDUDuJM5xgQK875ccpSw077_KjQS8fe32qcFjTjMRd-aY5FSX7em1-_WxfAGcRa5tX6P5L6buR3J3/s90/pagenav1.png) 0 -60px repeat-x}
.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMT5IwFCtTkupNXip7w-zKZ0ENoa3Jg5rHC7dgUG7oNI1VbUE-C8vigN2vW26XT0cpDUDuJM5xgQK875ccpSw077_KjQS8fe32qcFjTjMRd-aY5FSX7em1-_WxfAGcRa5tX6P5L6buR3J3/s90/pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}
.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMT5IwFCtTkupNXip7w-zKZ0ENoa3Jg5rHC7dgUG7oNI1VbUE-C8vigN2vW26XT0cpDUDuJM5xgQK875ccpSw077_KjQS8fe32qcFjTjMRd-aY5FSX7em1-_WxfAGcRa5tX6P5L6buR3J3/s90/pagenav1.png) 0 -5px repeat-x;text-decoration:none}

Bạn nào bị không hiện đủ bề rộng nút phân trang thì thay #blog-pager{font-size:normal}thành #blog-pager{font-size:normal;overflow:visible;} (Áp dụng từ Kiểu 2 đếnKiểu 11)

Kiểu 3

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#b1a7c3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDeM7eIHIC18RbBmx0zKQmD-sPuAnw8udRSa4cVv5i_g5SGc8gVZIRx-Verq6DWHflAjwRk8Bv2Wc8nYPu0LBl3pmhghIxpDAYLBH6eX0qrlkXG2TshdviOAVTvRxxnIKaXj7jpqqE_wN/s90/pagenav2.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7b36a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDeM7eIHIC18RbBmx0zKQmD-sPuAnw8udRSa4cVv5i_g5SGc8gVZIRx-Verq6DWHflAjwRk8Bv2Wc8nYPu0LBl3pmhghIxpDAYLBH6eX0qrlkXG2TshdviOAVTvRxxnIKaXj7jpqqE_wN/s90/pagenav2.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#444;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f7d5b0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDeM7eIHIC18RbBmx0zKQmD-sPuAnw8udRSa4cVv5i_g5SGc8gVZIRx-Verq6DWHflAjwRk8Bv2Wc8nYPu0LBl3pmhghIxpDAYLBH6eX0qrlkXG2TshdviOAVTvRxxnIKaXj7jpqqE_wN/s90/pagenav2.png) 0 0 repeat-x;text-decoration:none}

Kiểu 4

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-bottom:3px solid #fe9a2e;background:#f7f8e0}.showpageNum a:hover{border-bottom:3px solid #df01d7;background:#f6cee3}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#333;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;border-bottom:3px solid #fe9a2e;background:#f8e0f7;text-decoration:none}

Kiểu 5

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}

Kiểu 6

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANhkMlrPWm8rG91TuVULkdKeVRgL-9MI2LCg-7540FqTgff9aJiqWxqm9E1IvDz3lEVPyC6zxCW5kIwXdUJ55tujbyCNSA6uwO_S7OfWxlH3MM2s3zbSfpCvHJclDSGlkVUssj0HTlzCV/s75/wp1.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANhkMlrPWm8rG91TuVULkdKeVRgL-9MI2LCg-7540FqTgff9aJiqWxqm9E1IvDz3lEVPyC6zxCW5kIwXdUJ55tujbyCNSA6uwO_S7OfWxlH3MM2s3zbSfpCvHJclDSGlkVUssj0HTlzCV/s75/wp1.jpg) 0 -25px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANhkMlrPWm8rG91TuVULkdKeVRgL-9MI2LCg-7540FqTgff9aJiqWxqm9E1IvDz3lEVPyC6zxCW5kIwXdUJ55tujbyCNSA6uwO_S7OfWxlH3MM2s3zbSfpCvHJclDSGlkVUssj0HTlzCV/s75/wp1.jpg) 0 0 repeat-x;text-decoration:none}

Kiểu 7

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #919106;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJAQHsJQWSC5sQ6Qr23fjBerOOaJVpTwOeqBIrqvEAhuyPTCo8iuu3kSYEf-cONl-inJ9F_-33oD7mP2vy03k4LacGmQ_Qq68t1zJuPQcCZVQGumSjqbCQkD4wN3E_4B4Xn4oUQ7D9y3CV/s75/wp2.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #aeae0a;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJAQHsJQWSC5sQ6Qr23fjBerOOaJVpTwOeqBIrqvEAhuyPTCo8iuu3kSYEf-cONl-inJ9F_-33oD7mP2vy03k4LacGmQ_Qq68t1zJuPQcCZVQGumSjqbCQkD4wN3E_4B4Xn4oUQ7D9y3CV/s75/wp2.jpg) 0 -25px repeat-x}.showpageOf{margin:0 5px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #919106;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJAQHsJQWSC5sQ6Qr23fjBerOOaJVpTwOeqBIrqvEAhuyPTCo8iuu3kSYEf-cONl-inJ9F_-33oD7mP2vy03k4LacGmQ_Qq68t1zJuPQcCZVQGumSjqbCQkD4wN3E_4B4Xn4oUQ7D9y3CV/s75/wp2.jpg) 0 0 repeat-x;text-decoration:none}

Kiểu 8

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#363636 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FWOe0wHx38-s5tsmImn_OwV55jSUZpKIhKU36lyO_qnpkf90WQhY9L31bQwPwaYKOyP1lMo4JFYa2RCbQBnXa_cx_DuX1y5N3aXDKgwgeahKhgKZTb57kEVyDamqjztntYz8jPcmQo9J/s75/wp3.jpg) 0 -25px repeat-x}.showpageNum a:hover{background:#044697 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FWOe0wHx38-s5tsmImn_OwV55jSUZpKIhKU36lyO_qnpkf90WQhY9L31bQwPwaYKOyP1lMo4JFYa2RCbQBnXa_cx_DuX1y5N3aXDKgwgeahKhgKZTb57kEVyDamqjztntYz8jPcmQo9J/s75/wp3.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#e30000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_FWOe0wHx38-s5tsmImn_OwV55jSUZpKIhKU36lyO_qnpkf90WQhY9L31bQwPwaYKOyP1lMo4JFYa2RCbQBnXa_cx_DuX1y5N3aXDKgwgeahKhgKZTb57kEVyDamqjztntYz8jPcmQo9J/s75/wp3.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

Kiểu 9

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OybcE7UpVK4aEyz2nXUmHvicP0250Cin5jThPsL4hgiijtEXOwvLAfL8mF3WIN_aowk6Iu7a3f0Bav052YF_OjM4rAEN7-fp1OxsRPtgshYGVzPxMPYIh6tOF-nQCNk33Uy8PuRvMTmh/s75/wp4.jpg) 0 -25px repeat-x}.showpageNum a:hover{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom:2px solid #999;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OybcE7UpVK4aEyz2nXUmHvicP0250Cin5jThPsL4hgiijtEXOwvLAfL8mF3WIN_aowk6Iu7a3f0Bav052YF_OjM4rAEN7-fp1OxsRPtgshYGVzPxMPYIh6tOF-nQCNk33Uy8PuRvMTmh/s75/wp4.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1OybcE7UpVK4aEyz2nXUmHvicP0250Cin5jThPsL4hgiijtEXOwvLAfL8mF3WIN_aowk6Iu7a3f0Bav052YF_OjM4rAEN7-fp1OxsRPtgshYGVzPxMPYIh6tOF-nQCNk33Uy8PuRvMTmh/s75/wp4.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

Kiểu 10

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhflo4EeoqIrU5rBTFmefAkNyviIQu24WgQzlPYqUP6xOFIlbkxyiw7PAvaGWs60Qp__8m6Ml542bwi1DAPF6LRnshkyfyTSm4wtv-2vIbETGPIRzuZWGhGvHdsJBBcVlJOdMvv7oQBAa7t/s75/wp5.jpg) 0 -50px repeat-x}.showpageNum a:hover{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhflo4EeoqIrU5rBTFmefAkNyviIQu24WgQzlPYqUP6xOFIlbkxyiw7PAvaGWs60Qp__8m6Ml542bwi1DAPF6LRnshkyfyTSm4wtv-2vIbETGPIRzuZWGhGvHdsJBBcVlJOdMvv7oQBAa7t/s75/wp5.jpg) 0 -25px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#06a2b9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhflo4EeoqIrU5rBTFmefAkNyviIQu24WgQzlPYqUP6xOFIlbkxyiw7PAvaGWs60Qp__8m6Ml542bwi1DAPF6LRnshkyfyTSm4wtv-2vIbETGPIRzuZWGhGvHdsJBBcVlJOdMvv7oQBAa7t/s75/wp5.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}

Kiểu 11

.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0}

Nguồn Blog DX - Dxoan.com

Read More

Tự tạo quảng cáo giống với Google AdSense

Bạn đang muốn đặt quảng cáo lên website? Băn khoăn trong việc chọn lựa mẫu quảng cáo? OK, bài viết này là dành cho bạn. Mẫu quảng cáo này sẽ giống với quảng cáo văn bản của Google AdSense, một mẫu quảng cáo ưa nhìn với hiệu ứng bắt mắt, kích thích người dùng nhấp vào. 

Hướng dẫn tạo quảng cáo giống với Google AdSense

Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Thêm đoạn code này vào trước thẻ ]]></b:skin>

#iklan-teks {
    height:275px;
    width:300px;
    background-color:white;
    position:relative;
    overflow:hidden;
    margin:20px auto;
}
#iklan-teks h2.iklan-header {
    cursor:pointer;
    background-color:white;
    background-image:none;
    font:normal 13px Verdana, Tahoma, Serif;
    color:#f0523f;
    border-top:1px solid #d8d8d8;
    padding:10px;
    margin:0;
    position:relative;
    text-transform:none;
    letter-spacing:0;
}
.iklan-teks-post-footer .iklan-header {
    border-bottom:0;
}
#iklan-teks h2.iklan-header:first-child {
    border-top:0;
}
#iklan-teks h2.iklan-header:before {
    content:"
    "
    ;
    width:0;
    height:0;
    position:absolute;
    top:20px;
    right:15px;
    border:5px solid transparent;
    border-color:#b2b2b2 transparent transparent;
}
#iklan-teks div {
    height:120px;
    padding:10px 70px 10px 10px;
    z-index:1;
    background:white;
    font:normal 13px Verdana, Tahoma, Serif;
    color:white;
    position:relative;
    border-top:1px solid #d8d8d8;
}
.judul {
    font:normal 20px Verdana, Tahoma, Serif;
    color:#f0523f;
    margin:0 0 5px 0;
}
a.judul {
    font:normal 20px Verdana, Tahoma, Serif !important;
    color:#f0523f !important;
    text-decoration:none;
    display:inline-block;
}
.isi-iklan a {
    font:normal 13px Verdana, Tahoma, Serif;
    color:green;
    text-decoration:none;
    display:block;
    margin-bottom:10px;
}
.isi-iklan a:hover {
    color:green;
    text-decoration:underline;
}
.isi {
    padding-top:15px;
    color:#222;
    text-align:left !important;
}
.panah-besar {
    background:#f0523f;
    border-radius:50%;
    cursor:pointer;
    height:34px;
    float:right;
    margin-right:-60px;
    margin-top:-40px;
    width:34px;
    text-align:center;
    line-height:34px;
}
.panah-besar:hover {
    background:#2c343e;
}
.info-icon {
    width:15px;
    height:15px;
    position:absolute;
    top:0;
    z-index:2;
    right:0;
    cursor:pointer;
}
.info-iklan {
    background:#f2f2f2;
    height:15px;
    border-bottom-left-radius:4px;
    position:absolute;
    top:0;
    right:0;
    color:#000;
    z-index:2;
    font:normal 11px Arial, Sans-Serif;
    text-align:left;
    overflow:hidden;
    padding:5px 19px 0 5px;
}

Thêm tiếp đoạn code dưới vào trước thẻ </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
(function(a){a.fn.hoverTimeout=function(c,e,b,d){return this.each(function(){var f=null,g=a(this);g.hover(function(){clearTimeout(f);f=setTimeout(function(){e.call(g)},c)},function(){clearTimeout(f);f=setTimeout(function(){d.call(g)},b)})})}})(jQuery);(function(b){b.fn.iklanaccordion=function(a){a=jQuery.extend({active:1,hovertimeout:300,sUpSpeed:500,sDownSpeed:500,sUpEasing:null,sDownEasing:null},a);return this.each(function(){var g=b(this),h=g.children("div[data-header]"),f=a.active-1;h.each(function(){b(this).hide().before('<h2 class="iklan-header">'+b(this).data("header")+"</h2>")});g.children("div:eq("+f+")").show().prev().css("margin-top","-37px").addClass("active");g.find(".iklan-header").hoverTimeout(a.hovertimeout,function(){g.children("h2").removeClass("active").animate({marginTop:0});h.slideUp(a.sUpSpeed,a.sUpEasing).animate({marginTop:-37});b(this).addClass("active").next().slideDown(a.sDownSpeed,a.sDownEasing)})})}})(jQuery);$(function(){$(".iklan-teks-sidebar").iklanaccordion();$(".iklan-teks-post-footer").iklanaccordion()});$(".info-icon").hover(function(){$(".info-iklan").animate({right:0},500,"easeInOutExpo")},function(){$(".info-iklan").animate({right:-103},500,"easeInOutExpo")});
//]]>
</script>

Nếu template của bạn đã có thư viện JQuery rồi thì xóa bỏ dòng đầu đi nhé: <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js' type='text/javascript'></script>

Làm xong thì Lưu Mẫu lại.
Bây giờ bạn vào Bố Cục ~> Thêm tiện ích HTML/Javascript
Sao chép và dán đoạn code dưới vào tiện ích HTML/Javascript rồi Lưu lại

<div class='iklan-teks-sidebar' id='iklan-teks'>
    <!-- ads 1 -->
    <div data-header='Blog DX'> <span class='isi-iklan'><a class='judul' href='http://www.dxoan.com' target='_blank'>Blog DX</a><a href='http://www.dxoan.com' target='_blank'>www.dxoan.com</a><span class='isi'>Blog thủ thuật, công nghệ và mọi thứ.<a class='panah-besar' href='http://www.dxoan.com' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBOT86zkjb12NkArjUPqyNyMbH66nCzK_zlghMwBa5Qx-fBd5m-reiGNYZThhPX3vvv_MkQv_U_VL7ibw6moBH_nKeDsDE3FBCiFRIgyGYblK5jx6mnbNpDRt5xJi0Q9xFTgQBSmtqiA/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- ads 2 -->
    <div data-header='Template'> <span class='isi-iklan'><a class='judul' href='http://www.dxoan.com' target='_blank'>Template Blogspot</a><a href='http://www.dxoan.com' target='_blank'>www.dxoan.com</a><span class='isi'>Chia sẻ Template Blogspot.<a class='panah-besar' href='http://www.dxoan.com' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBOT86zkjb12NkArjUPqyNyMbH66nCzK_zlghMwBa5Qx-fBd5m-reiGNYZThhPX3vvv_MkQv_U_VL7ibw6moBH_nKeDsDE3FBCiFRIgyGYblK5jx6mnbNpDRt5xJi0Q9xFTgQBSmtqiA/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- ads 3 -->
    <div data-header='Blogspot Series'> <span class='isi-iklan'><a class='judul' href='http://www.dxoan.com' target='_blank'>Blogspot Series</a><a href='http://www.dxoan.com' target='_blank'>www.dxoan.com</a><span class='isi'>Học và tìm hiểu về blogspot.<a class='panah-besar' href='http://www.dxoan.com' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBOT86zkjb12NkArjUPqyNyMbH66nCzK_zlghMwBa5Qx-fBd5m-reiGNYZThhPX3vvv_MkQv_U_VL7ibw6moBH_nKeDsDE3FBCiFRIgyGYblK5jx6mnbNpDRt5xJi0Q9xFTgQBSmtqiA/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
    <!-- ads 4 -->
    <div data-header='Thủ Thuật Blogger'> <span class='isi-iklan'><a class='judul' href='http://www.dxoan.com' target='_blank'>Thủ Thuật Blogger</a><a href='http://www.dxoan.com' target='_blank'>www.dxoan.com</a><span class='isi'>Kho thủ thuật blogger, blogspot.<a class='panah-besar' href='http://www.dxoan.com' target='_blank'><img alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBOT86zkjb12NkArjUPqyNyMbH66nCzK_zlghMwBa5Qx-fBd5m-reiGNYZThhPX3vvv_MkQv_U_VL7ibw6moBH_nKeDsDE3FBCiFRIgyGYblK5jx6mnbNpDRt5xJi0Q9xFTgQBSmtqiA/s1600/icon_chevron_white.png' style='margin-top:7px;margin-left:2px;width:12px;height:19px'/></a></span></span>
    </div>
</div>

Sửa lại link, tiêu đề và mô tả phù hợp với quảng cáo của bạn

Vậy là xong rồi, chúc bạn có một quảng cáo ưng ý !
Nguồn Blog DX - Dxoan.com Demo mà bạn có thể vào xem thử theo link dưới đây:

http://vokichdoinguoi.blogspot.com/2017/03/vai-net-ve-hoa-thuong-thich-thanh-tu.html

Read More

Luật Liên minh châu Âu về Cookies dùng trên Blogger (Blogspot)

Vào ngày 28/7/2015 vừa qua, Google đã có thông báo đến toàn thể cộng đồng người dùng Blogger về một điều luật mới vừa được ban hành của Liên minh châu Âu :

❝Luật của Liên minh châu Âu yêu cầu bạn cung cấp cho khách truy cập ở Liên minh châu Âu thông tin về các cookie dùng trên blog của bạn. Trong nhiều trường hợp, những luật này cũng yêu cầu bạn phải nhận được sự chấp thuận.

Với trách nhiệm của mình, chúng tôi đã thêm thông báo trên blog của bạn để giải thích về việc Google sử dụng một số cookie nhất định của Blogger và của Google, kể cả việc sử dụng các cookie của Google Analytics và AdSense.

Bạn có trách nhiệm xác nhận rằng thông báo này thực sự có hiệu lực đối với blog của bạn và thông báo có hiển thị. Nếu bạn sử dụng các cookie khác, ví dụ như bằng cách thêm các tính năng của bên thứ ba, thì thông báo này có thể không có hiệu lực đối với bạn. Tìm hiểu thêm về thông báo này và trách nhiệm của bạn.❞

Nói ngắn gọn thì điều luật này yêu cầu trang blog của bạn phải hiện một thông báo về các cookie dùng trên blog cho khách truy cập từ Liên minh châu Âu.
Điều luật này ra đời có thể vì lý do gần đây Liên minh châu Âu (EU) đang "siết chặt" Google ở tất cả các dịch vụ, họ còn đệ trình cả 1 dự luật cấm cửa Google tại châu Âu.

Vậy cần làm gì với trang blog để đáp ứng điều luật này ?

Nhiều người nói là cứ kệ nó, không cần làm gì cả. Mình nghĩ cái này cũng đúng vì blog mình hầu như nguồn truy cập là từ Việt Nam, còn lượng truy cập từ EU rất nhỏ. Tuy nhiên với những blog có lượng truy cập từ Liên minh châu Âu (EU) lớn thì theo mình có lẽ nên làm gì đó để đáp ứng với điều luật này.
Google cũng đã hướng dẫn khá rõ ràng về việc làm gì để tuân thủ điều luật ở trang http://www.cookiechoices.org

Những trang web dưới đây đều cung cấp công cụ hoặc giải pháp để thêm chức năng chấp thuận cookie vào trang web của bạn. Các bạn chỉ cần vào một trong số những trang này và làm theo để thêm thông báo cookie vào blog thôi (tốt nhất là chọn cái nào miễn phí mà dùng) :

• Cookie Consent bởi SilkTide
• Cookie Control bởi CIVIC
• The Cookie Collective bởi Governor Technology
• Cookiebot bởi Cybot
• Cookie Consent Kit bởi Ủy ban Châu Âu

Mình sẽ hướng dẫn các bạn làm với cái "Cookie Consent bởi SilkTide" nhé

Truy cập http://sitebeam.net/cookieconsent/ rồi nhấn vào Get the code (Hoặc vào thẳng luôn:https://silktide.com/tools/cookie-consent/download/)

Tiếp đến, làm theo các bước
1) Chọn kiểu hiển thị thông báo

Chọn xong thì nhấn Continue
2) Tích chọn Customise the text (Bạn thích sửa chữ hiển thị trên thông báo cũng được, không thì để nguyên)
Về phần Your cookie policy thì điền link bạn nói về những cookie dùng trên blog vào (không có thì khỏi điền)

Nhấn Continue
3) Chèn đoạn code nhận được vào trước thẻ </head>



Nhấn Continue
4) Nhập email để nhận những thông báo mới nhất từ Cookie Consent
Không nhập thì nhấn Skip
5) Kiểm tra trang web
Nguồn Blog DX - Dxoan.com

Read More

Slideshow (Trình Chiếu) Ảnh Kiểu Lật Trang Sách

Slideshow chạy ảnh đẹp luôn là những điểm nhấn trên một Blogspot/Website. Slideshow đó bạn có thể trình bày những thông tin nổi bật như bài viết, quảng cáo, hình ảnh đẹp...một hiệu ứng Slideshow đẹp cũng góp phần làm tô điểm thêm cái đẹp và sức sống động của trang Web/Blog.
Blogspot của bạn sẽ chuyên nghiệp hơn nếu có một tiện ích trình chiếu ảnh để giới thiệu với bạn bè.
Dưới đây là chia sẻ về một Slideshow (trình chiếu) ảnh kiểu lật trang sách.

DEMO

• DEMO

Để tạo được slider chuyển ảnh kiểu lật trang sách như demo ở trên bạn chỉ cần thêm một tiện ích ở vị trí bạn muốn và dán code sau vào:
Code:

<script type=text/javascript>
 var Book_Image_Width=400; // Chiều rộng - Chiều rộng trang sách trong slider
 var Book_Image_Height=222;// Chiều cao - Chiều cao trang sách trong slider
 var Book_Border=false;
 var Book_Border_Color="#111";
 var Book_Speed=15;
 var Book_NextPage_Delay=1500;
 var Book_Vertical_Turn=0; 
 Book_Image_Sources=new Array(
  "Link ảnh 1","#",
  "Link ảnh 2","#",
  "Link ảnh 3","#",
  "Link ảnh 4","#"

  );
/***************** Phần code không được chỉnh sửa **********************************/
 var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1;
 var B_MSz,B_Stppd=false;B_Pre_Img=new Array(Book_Image_Sources.length);
 function ImageBook(){
  if(document.getElementById){
   for(i=0;i<Book_Image_Sources.length;i+=2){
    B_Pre_Img[i]=new Image();B_Pre_Img[i].src=Book_Image_Sources[i]}
   Book_Div=document.getElementById("Book");
   B_LI=document.createElement("img");Book_Div.appendChild(B_LI);    B_RI=document.createElement("img");Book_Div.appendChild(B_RI);
   B_MI=document.createElement("img");Book_Div.appendChild(B_MI);    B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute";
   B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1;
   B_LI.style.top=(Book_Vertical_Turn?Book_Image_Height+1:0)+"px";
   B_LI.style.left=0+"px";
   B_MI.style.top=0+"px";
   B_MI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_RI.style.top=0+"px";
   B_RI.style.left=(Book_Vertical_Turn?0:Book_Image_Width+1)+"px";
   B_LI.style.height=Book_Image_Height+"px";
   B_MI.style.height=Book_Image_Height+"px";
   B_RI.style.height=Book_Image_Height+"px";
   B_LI.style.width=Book_Image_Width+"px";
   B_MI.style.width=Book_Image_Width+"px";
   B_RI.style.width=Book_Image_Width+"px";
   if(Book_Border){
    B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid";
    B_LI.style.borderWidth=1+"px";
    B_MI.style.borderWidth=1+"px";
    B_RI.style.borderWidth=1+"px";
    B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=Book_Border_Color}
   B_LI.src=B_Pre_Img[0].src;
   B_LI.lnk=Book_Image_Sources[1];
   B_MI.src=B_Pre_Img[2].src;
   B_MI.lnk=Book_Image_Sources[3];
   B_RI.src=B_Pre_Img[4].src;
   B_RI.lnk=Book_Image_Sources[5];
   B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk;
   B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp;
   B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt;
   BookImages()}}
 function BookImages(){
  if(!B_Stppd){
   if(Book_Vertical_Turn){
    B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Height));
    MidOffset=!B_Direction?Book_Image_Height+1:Book_Image_Height-B_MSz;
    B_MI.style.top=MidOffset+"px";
    B_MI.style.height=B_MSz+"px"}
   else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*Book_Image_Width));
    MidOffset=B_Direction?Book_Image_Width+1:Book_Image_Width-B_MSz;
    B_MI.style.left=MidOffset+"px";
    B_MI.style.width=B_MSz+"px"}
   B_Angle+=Book_Speed/720*Math.PI;
   if(B_Angle>=Math.PI/2&&B_Direction){
    B_Direction=0;
    if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
    B_MI.src=B_Pre_Img[B_CrImg].src;
    B_MI.lnk=Book_Image_Sources[B_CrImg+1];
    B_CrImg+=2}
   if(B_Angle>=Math.PI){
    B_Direction=1;
    B_TI=B_LI;
    B_LI=B_MI;
    B_MI=B_TI;
    if(Book_Vertical_Turn)B_MI.style.top=0+"px";
    else B_MI.style.left=Book_Image_Width+1+"px";       B_MI.src=B_RI.src;
    B_MI.lnk=B_RI.lnk;
    setTimeout("Book_Next_Delay()",Book_NextPage_Delay)}
   else setTimeout("BookImages()",50)}
  else setTimeout("BookImages()",50)}
 function Book_Next_Delay(){
   if(B_CrImg==Book_Image_Sources.length)B_CrImg=0;
   B_RI.src=B_Pre_Img[B_CrImg].src;
   B_RI.lnk=Book_Image_Sources[B_CrImg+1];
   B_MI.style.zIndex=2;
   B_LI.style.zIndex=1;
   B_Angle=0;
   B_CrImg+=2;
  setTimeout("BookImages()",50)}
 function B_LdLnk(){if(this.lnk)window.location.href=this.lnk}
 function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"}
 function B_Rstrt(){B_Stppd=false}
</script>

<style>
#Book{
width:800px;//Chiều rộng slider tương đương 2 trang sách(Book_Image_Width nhân đôi)
height:222px;
position:relative;
margin:auto;
}
</style>
<div id="Book">
<script>    ImageBook(); </script> </DIV>

Bạn có thể thử mở thêm trang nầy để chép dán source code trên bài nầy vào kiễm tra thử:

• Hộp thử Test Html/JavaScript

Muốn thêm ảnh bạn chỉ cần thêm đoạn:

"Link ảnh 1","#",

Nguồn DautoBlognz.Blogspot.com

Read More