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

Thoát Facebook từ xa

21/03/2016 10:24

(e-CHÍP Online) - Nếu sử dụng Facebook trên máy tính hay thiết bị khác mà quên đăng xuất, bạn có thể thực hiện thao tác này từ xa dễ dàng, ngăn ngừa việc truy cập trái phép.

Mở ứng dụng Facebook, chạm biểu tượng ba thanh ngang chọn Account Settings. Trên hộp thoại xuất hiện, bạn vào mục Security > Active Sessions sẽ thấy danh sách các phiên làm việc đang hoạt động cùng thông tin chi tiết: thời gian truy cập gần đây, vị trí, thiết bị,…

Muốn kết thúc phiên làm việc và đăng xuất Facebook khỏi thiết bị nào, bạn nhấn dấu x tương ứng bên phải.

TIỂU LONG

Read More

Còn mãi....!

Ngày xưa rồi cũng đi qua

Dấu chân kỷ niệm nhạt nhòa nắng mưa

Đường qua lối cũ trường xưa

Ai quên, ai nhớ tiễn đưa một ngày

Bây giờ lối ấy còn ai

Hoàng hôn áo trắng còn bay cổng trường?

Bồi hồi nhớ nhớ thương thương

Biết bao kỷ niệm còn vương một thời...!

Bảng đen phấn trắng cả đời

Những câu thơ cũ cắt rời từ khi...

Thôi đành đếm bước quay đi

Thu tàn đông đến còn gì mà mơ!

Xa rồi để nhớ thẫn thờ

Những ngày còn lại thôi chờ…tiếng ve

Quay vòng dĩ vãng lặng nghe... !

Tiếng chuông báo tiết như se thắt lòng!

Tác giả: Hồng Liễu

Nguồn sưu tập: DophuQuy.com

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Read More

Nhớ mãi hè ơi !

Tác giả: Khuất Việt Hưng

Thẫn thờ giữa buổi trưa hè

Chạnh lòng thương những tiếng ve học trò

Phượng hồng nhớ đến ngẩn ngơ

Tuổi thơ trong sáng bây giờ lùi xa.

Nhớ sao ngày ấy đã qua

Trèo lên cây bẻ nhành hoa trong trường

Tặng người bạn gái yêu thương

Đến giờ còn đọng vấn vương trong lòng.

Rời tuổi thơ với phượng hồng

Gói vào nỗi nhớ mênh mông đường dài

Mang theo khát vọng tương lai

Giảng đường đại học miệt mài luyện chăm.

Thương ôi năm tháng khó khăn

Sinh viên toàn nói chuyện ăn suốt ngày

Trưa hè ngồi dưới hàng cây

Ngắm thềm nắng rải đong đầy vần thơ.

Mang lòng yêu đến ngẩn ngơ

Mà không dám nói phải nhờ cành hoa

Rợp bằng lăng tím chiều tà

Là tình yêu của riêng ta gửi nàng.

Ước gì quay ngược thời gian

Để mình lại được mơ màng trộm yêu

Thả hồn như những cánh diều

Chao nghiêng giữa lộng gió chiều mênh mang.

Nguồn từ DophuQuy.com

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Read More

Đời

Tác giả: Hoàng Thanh Tâm

Dòng đời cứ thế dần xoay

Dòng lệ cứ thế ngắn dài buồn vui

Thời gian vun vút con thoi

Dòng người cứ thế ngược xuôi chợ đời

Chữ nhân chữ nghĩa chơi vơi

Chữ ganh chữ ghét rối bời đua chen

Chữ ân chữ ái đan xen

Chữ thương chữ nhớ lỏi len chất chồng

Chữ hạnh phúc chữ ước mong

Chữ chờ chữ đợi long đong kiếp người

Chữ buồn đấu đá chữ vui

Chữ sướng chữ khổ hên xui âm thầm

Chữ tâm lặng lẽ trầm ngâm

Nhẫn nhịn nép cửa lặng câm tủi hờn

Chữ vui hiện ở nụ cười

Chữ an sao sánh bằng mười chữ nhân.

Nguồn manhmap.com

Bạn có thể tham khảo các bài thơ trong Bầu rượu túi thơ do  Khanhnguyen' s blog sưu tập từ trên các diễn đàn mạng xã hội

Read More