Tạo webchat đơn giản bằng PHP và MySQL

Tạo web chat đơn giản bằng PHP và sử dụng cơ sở dữ liệu bằng MYSQL để lưu tin nhắn cũng như tên người dùng

Cùng tìm hiểu HTML 5 và những cái mới

HTML dùng để thiết kế layout website đã khá quen thuộc với chúng , nhưng trong khoảng vài năm trở lại đây thì HTML 5 là một cái tên khá mới và được khá nhiều người sử dụng, nhưng vẫn còn e ngại vì nó "mới" hãy cùng tìm hiểu HTML 5 và những cái mới nhé

Trong Series bài viết “Những cái mới của HTML5″ mới này, mình sẽ chỉ ra những điểm mới và hay của HTML5 để giúp mọi người phần nào hiểu thêm về HTML5. Biết hết cũng tốt, mà HTML5 thay đổi nhiều lắm, với lại cho dù có học hết, thì chúng ta cũng chỉ dụng một vài cái hữu ích trong số đó mà thôi.

Thủ thuật blogspot - Widget bài viết mới nhất cực đẹp

Widget bài viết mới của blogspot mặc định có lẽ sẽ làm bạn nhàm chán . Hôm nay tip Thủ thuật blogspot này mình sẽ hướng dẫn các bạn làm đẹp widget cho blog của mình chỉ với vài đường code đơn giản thôi.

Demo widget nhiều màu sắc cho blogspot

<script src="https://dl.dropboxusercontent.com/u/66256041/JQuery/namkna-blogspot-com/jquery-latest.js" type="text/javascript"></script>
<style>
#recent-posts ul li {
list-style-image:none;
}#recent-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
#recent-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
#recent-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 89%;
}
#recent-posts ul li:first-child:after {
content: "1";
}
#recent-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 87%;
}
#recent-posts ul li:first-child + li:after {
content: "2";
}
#recent-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 84%;
}
#recent-posts ul li:first-child + li + li:after {
content: "3";
}
#recent-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 81%;
}
#recent-posts ul li:first-child + li + li + li:after {
content: "4";
}
#recent-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 78%;
}
#recent-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
#recent-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 75%;
}
#recent-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
#recent-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 72%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 69%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 66%;
}
#recent-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
#recent-posts ul li:first-child:after, #recent-posts ul li:first-child + li:after, #recent-posts ul li:first-child + li + li:after, #recent-posts ul li:first-child + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li + li:after, #recent-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
#recent-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}
</style>
<div id="recent-posts">
<script language="JavaScript">
home_page = "http://namkna.blogspot.com/";
numposts = 5;
imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script>
<script>
var _0x8189=["\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x73\x74\x61\x72\x74","\x74\x72\x69\x67\x67\x65\x72","\x62\x69\x6E\x64","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x73\x74\x6F\x70","\x73\x69\x6D\x70\x6C\x65\x53\x70\x79","\x75\x6C\x2E\x73\x70\x79","\x66\x6E","\x68\x65\x69\x67\x68\x74","\x3E\x20\x6C\x69\x3A\x66\x69\x72\x73\x74","\x66\x69\x6E\x64","\x3C\x6C\x69\x3E","\x68\x74\x6D\x6C","\x3C\x2F\x6C\x69\x3E","\x70\x75\x73\x68","\x65\x61\x63\x68","\x3E\x20\x6C\x69","\x6C\x65\x6E\x67\x74\x68","\x63\x73\x73","\x70\x61\x72\x65\x6E\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x57\x72\x61\x70\x70\x65\x72\x22\x20\x2F\x3E","\x77\x72\x61\x70","\x72\x65\x6D\x6F\x76\x65","\x3A\x67\x74\x28","\x29","\x66\x69\x6C\x74\x65\x72","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6E\x6F\x6E\x65","\x61\x6E\x69\x6D\x61\x74\x65","\x3E\x20\x6C\x69\x3A\x6C\x61\x73\x74","\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x22\x3E","\x77\x72\x69\x74\x65","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x73\x70\x6C\x69\x74","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x3E\x3C\x66\x6F\x6E\x74\x20\x63\x6F\x6C\x6F\x72\x3D\x22","\x22\x3E\x28","\x29\x3C\x2F\x66\x6F\x6E\x74\x3E\x3C\x2F\x69\x3E","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x2D","\x22\x3E\x20\x28","\x3C\x62\x3E","\x3C\x2F\x62\x3E","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x6C\x69\x6E\x6B\x22\x3E","\x3C\x2F\x61\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x64\x61\x74\x65\x22\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x70\x79\x63\x6F\x6D\x6D\x65\x6E\x74\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x2F\x75\x6C\x3E","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x26\x6F\x72\x64\x65\x72\x62\x79\x3D\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x73\x68\x6F\x77\x72\x65\x63\x65\x6E\x74\x70\x6F\x73\x74\x73\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4D\x79\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4D\x79\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x20\x74\x6F\x70\x3A\x20\x30\x70\x78\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x41\x6C\x6C\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x41\x6C\x6C\x20\x42\x6C\x6F\x67\x67\x65\x72\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x72\x69\x67\x68\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x32\x34\x77\x6F\x72\x6B\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x73\x3A\x2F\x2F\x62\x69\x74\x6C\x79\x2E\x63\x6F\x6D\x2F\x32\x34\x77\x6F\x72\x6B\x70\x6E\x67\x31\x22\x20\x61\x6C\x74\x3D\x22\x4C\x61\x74\x65\x73\x74\x20\x54\x69\x70\x73\x20\x41\x6E\x64\x20\x54\x72\x69\x63\x6B\x73\x22\x20\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x66\x69\x78\x65\x64\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x31\x30\x25\x3B\x20\x6C\x65\x66\x74\x3A\x20\x30\x25\x3B\x22\x20\x2F\x3E\x3C\x2F\x61\x3E"];jQuery(function (){jQuery(_0x8189[7])[_0x8189[6]](limitspy,intervalspy)[_0x8189[3]](_0x8189[4],function (){jQuery(this)[_0x8189[2]](_0x8189[5]);} )[_0x8189[3]](_0x8189[0],function (){jQuery(this)[_0x8189[2]](_0x8189[1]);} );} );(function (_0x91b2x1){_0x91b2x1[_0x8189[8]][_0x8189[6]]=function (_0x91b2x2,_0x91b2x3){_0x91b2x2=_0x91b2x2||4;_0x91b2x3=_0x91b2x3||5000;return this[_0x8189[16]](function (){var _0x91b2x4=_0x91b2x1(this),_0x91b2x5=true,_0x91b2x6=[],_0x91b2x7=_0x91b2x2,_0x91b2x8=0,_0x91b2x9=_0x91b2x4[_0x8189[11]](_0x8189[10])[_0x8189[9]]();_0x91b2x4[_0x8189[11]](_0x8189[17])[_0x8189[16]](function (){_0x91b2x6[_0x8189[15]](_0x8189[12]+_0x91b2x1(this)[_0x8189[13]]()+_0x8189[14]);} );_0x91b2x8=_0x91b2x6[_0x8189[18]];_0x91b2x4[_0x8189[22]](_0x8189[21])[_0x8189[20]]()[_0x8189[19]]({height:_0x91b2x9*_0x91b2x2});_0x91b2x4[_0x8189[11]](_0x8189[17])[_0x8189[26]](_0x8189[24]+(_0x91b2x2-1)+_0x8189[25])[_0x8189[23]]();_0x91b2x4[_0x8189[3]](_0x8189[5],function (){_0x91b2x5=false;} )[_0x8189[3]](_0x8189[1],function (){_0x91b2x5=true;} );function _0x91b2xa(){if(_0x91b2x5){var _0x91b2xb=_0x91b2x1(_0x91b2x6[_0x91b2x7])[_0x8189[19]]({height:0,opacity:0,display:_0x8189[28]})[_0x8189[27]](_0x91b2x4);_0x91b2x4[_0x8189[11]](_0x8189[30])[_0x8189[29]]({opacity:0},1000,function (){_0x91b2xb[_0x8189[29]]({height:_0x91b2x9},1000)[_0x8189[29]]({opacity:1},1000);_0x91b2x1(this)[_0x8189[23]]();} );_0x91b2x7++;if(_0x91b2x7>=_0x91b2x8){_0x91b2x7=0;} ;} ;setTimeout(_0x91b2xa,_0x91b2x3);} ;_0x91b2xa();} );} ;} )(jQuery);function showrecentposts(_0x91b2xd){document[_0x8189[32]](_0x8189[31]);j=(showRandomImg)?Math[_0x8189[34]]((imgr[_0x8189[18]]+1)*Math[_0x8189[33]]()):0;img= new Array();for(var _0x91b2x8=0;_0x91b2x8<numposts;_0x91b2x8++){var _0x91b2xe=_0x91b2xd[_0x8189[36]][_0x8189[35]][_0x91b2x8];var _0x91b2x3=_0x91b2xe[_0x8189[38]][_0x8189[37]];var _0x91b2x2;var _0x91b2xb;if(_0x91b2x8==_0x91b2xd[_0x8189[36]][_0x8189[35]][_0x8189[18]]){break ;} ;for(var _0x91b2x4=0;_0x91b2x4<_0x91b2xe[_0x8189[39]][_0x8189[18]];_0x91b2x4++){if(_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[40]]==_0x8189[41]){_0x91b2xb=_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[42]];break ;} ;} ;for(var _0x91b2x4=0;_0x91b2x4<_0x91b2xe[_0x8189[39]][_0x8189[18]];_0x91b2x4++){if(_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[40]]==_0x8189[43]&&_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[44]]==_0x8189[45]){_0x91b2x2=_0x91b2xe[_0x8189[39]][_0x91b2x4][_0x8189[38]][_0x8189[47]](_0x8189[46])[0];break ;} ;} ;if(_0x8189[48] in _0x91b2xe){var _0x91b2xf=_0x91b2xe[_0x8189[48]][_0x8189[37]];} else {if(_0x8189[49] in _0x91b2xe){var _0x91b2xf=_0x91b2xe[_0x8189[49]][_0x8189[37]];} else {var _0x91b2xf=_0x8189[50];} ;} ;postdate=_0x91b2xe[_0x8189[51]][_0x8189[37]];if(j>imgr[_0x8189[18]]-1){j=0;} ;cmtext=(text!=_0x8189[50])?_0x8189[52]+acolor+_0x8189[53]+_0x91b2x2+_0x8189[46]+text+_0x8189[54]:_0x8189[50];var _0x91b2x10=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x91b2x11=[_0x8189[55],_0x8189[56],_0x8189[57],_0x8189[58],_0x8189[59],_0x8189[60],_0x8189[61],_0x8189[62],_0x8189[63],_0x8189[64],_0x8189[65],_0x8189[66]];var _0x91b2x12=postdate[_0x8189[47]](_0x8189[68])[2][_0x8189[67]](0,2);var _0x91b2x9=postdate[_0x8189[47]](_0x8189[68])[1];var _0x91b2x13=postdate[_0x8189[47]](_0x8189[68])[0];for(var _0x91b2x1=0;_0x91b2x1<_0x91b2x10[_0x8189[18]];_0x91b2x1++){if(parseInt(_0x91b2x9)==_0x91b2x10[_0x91b2x1]){_0x91b2x9=_0x91b2x11[_0x91b2x1];break ;} ;} ;var _0x91b2xa=(showPostDate)?_0x8189[52]+acolor+_0x8189[69]+_0x91b2x12+_0x8189[46]+_0x91b2x9+_0x8189[46]+_0x91b2x13+_0x8189[54]:_0x8189[50];_0x91b2x3=(aBold)?_0x8189[70]+_0x91b2x3+_0x8189[71]:_0x91b2x3;var _0x91b2x14=_0x8189[72]+_0x91b2xb+_0x8189[73]+_0x91b2xb+_0x8189[74]+_0x91b2x3+_0x8189[75]+_0x91b2xa+_0x8189[76]+cmtext+_0x8189[77];document[_0x8189[32]](_0x91b2x14);j++;} ;document[_0x8189[32]](_0x8189[78]);} ;document[_0x8189[32]](_0x8189[79]+home_page+_0x8189[80]+numposts+_0x8189[81]);document[_0x8189[32]](_0x8189[82]);
</script></div>

Hãy copy code javascrip bên trên và dán vào blogspot của bạn.

1- Đăng nhập vào Blog
2- Vào Bố cục (layout) => Thêm tiện ích (Add widget)
3- Tạo một tiện ích HTML/javascript và dán đoạn code bên dưới vào nha.

Lưu ý:
Phần màu cam là các màu nền của bài viết tương ứng lần lượt từ trên xuống.
Thay http://namkna.blogspot.com/ thành địa chỉ blog bạn muốn hiển thị bài đăng này.
numposts = 5; Là số bài viết hiển thị. Trường hợp tiện ích này bạn nên để hiển thị từ 9 bài viết trở xuống sẽ đẹp hơn, nếu bạn cho nhiều hơn thì bài số 10 trở đi sẽ không có màu nền. (Tất nhiên để có màu nền thì phải chỉnh sửa lại file CSS)
showPostDate = false nếu muốn hiển thi ngày tháng bài đăng bạn chỉnh sửa false thành true.
Bạn nên tải các file js về cho lên host riêng để dùng lâu dài nha :)

Hãy copy và tận hưởng thành quả widget nhiều màu sắc này nhé.

Blend màu nắng chiều cực đẹp cho photoshop

Blend màu nắng mình cũng đã giới thiệu rất nhiều nhưng nay mình sẽ giới thiệu blend màu nắng khác mang đậm chất gì đó mạnh mẽ hơn
Hãy cùng chiêm ngưỡng blend màu cực đẹp sau nhé

Bước 1:
- Các bạn mở tấm hình ra trong photoshop

Bước 2:
- Các bạn vào như trong hình sau

Bước 3:
- Các bạn tạo 1 layer mới bằng phím tắt Ctrl + Shift + N ( thu được Layer 1)
- Các bạn sử dụng công cụ Gradient Tool (G) với thông số và cách thức minh họa trong hình

- OK các bạn để chế độ hòa chộn Layer 1 là Overlay và giảm Opacity còn 82%
- Kế đến các bạn add thêm 1 layer Mask vào kèm theo đó sử dụng công cụ Bursh Tool để xóa những vùng không cần thiết, ở đây mình xóa vùng trên mặt nhân vật, vùng trời xung quanh, nhớ là để lại cây cầu cho nó tối đi nhé, đừng có xóa.
Lưu ý: Việc add thêm layer Mask như thế nào hay sử dụng Bursh Tool như thế nào thì các bạn chưa biết thì hãy xem những số trước đó của mình nhé, mình không hướng dẫn cụ thể lại.

Bước 4:
- Tạo 1 layer mới nữa bằng tổ hợp phím Ctrl + Shift +N (thu được Layer 2)
- Tiếp tục bước trên nhưng chúng ta sử dụng gam màu khác (sử dụng màu #ff6f20 )

- Cũng tương tự như bước trên, các bạn add thêm layer Mask và sử dụng công cụ Bursh Tool (B) để xóa nhưng vùng lem không cần, ở đây mình xóa vùng bên cây cầu
- Ok việc trên, các bạn để chế độ hòa chộn Layer 2 là Soft Light.

Bước 5:
- Làm tương tự như bước 4 nhưng chúng ta sử dụng thông số mặc định và cách làm như sau.
- Tạo 2 layer mới bằng tổ hợp phím Ctrl + Shift + N (thu được Layer 3, Layer 4)

- Mục đích làm tối vùng góc dưới trái và phải của hình, những vùng khác bị lem tối chúng ta sử dụng biện pháp add layer Mask và dùng Bursh Tool (B) để xóa đi.

Bước 6:
- Tăng chút sáng cho mặt nhân vật một ít. Các bạn vào như hình

- Sau khi tăng sáng rồi các bạn nhấn Ctrl + I để đảo layer Mask của Curves màu trắng thành đen (làm ẩn hiệu ứng vừa tác động), tiếp đến sử dụng Bursh Tool (B) để xóa trên vùng mặt và người nhân vật, nhằm tăng sáng.

Bước 7:
- Sau đây chúng ta làm quen 2 công cụ mà rất hay sử dụng trong photoshop (mình hay dùng trong chỉnh chân dung)
- Với Dodge Tool (O) là mà sáng còn Burn Tool (O) làm tối ( nhớ tăng giảm Exposure để đạt hiệu quả cao hay thấp)

- Ok bây giờ chúng ta quay lại bài, tổng hợp tất cả lại thành 1 layer bằng tổ hợp phím Ctrl + Shift + Alt + E ( thu được Layer 5). Các bạn sử dụng 2 công cụ trên để làm sáng và làm tối những vùng mà mình đạt được như sau.(ở đây mình làm tối chi tiết cây cầu và làm sáng những điểm nhấn trong hình)

Bước 8:
- Các bạn làm theo hình sau:

Bước 9:
- Làm tương tự như bước 8 nhưng sẽ có những điểm khác sau

- Sau đó các bạn sử dụng Bursh Tool (B) để xóa trên khuôn mặt nhân vật, ý mình muốn màu nền sẽ khác đi chút thôi so với gam màu trước.

Bước 10:
- Các bạn tổng hợp các bước lại bằng tổ hợp phím Ctrl + Shift + Alt + E (thu được Layer 6)
- Tại Layer 6 này các bạn để chế độ hòa chộn là Soft Light, kế đó add layer Mask và sử dụng Bursh Tool (B) để xóa những vùng trên nhân vật.
Mục đích là tạo độ sâu cho bước hình.

Bước 11:
- Làm tương tự như bước 8 nhưng với thông số sau

Kết quả chúng ta thu được như sau:

Tạo backlink cho blog - Cách lấy backlink chuẩn seo

Bạn đang muốn tạo backlinks chuẩn để seo tốt cho blog của bạn , hãy cùng svitk06.blogspot.com cùng tạo ra những backlink tốt nhé

Hãy đặt code này nơi website hoặc blog của bạn , sau đó để lại comment tại website mình .theo cú pháp sau 

Đặt code mình vào website bạn nhé

<a href="http://donbadao.blogspot.com/2014/08/thu-thuat-blogspot-tao-sitemap-tren.html" title="thủ thuật blogspot">Thủ thuật blogspot</a>

Sau đó hãy đặt code của bạn lại ở đây :

Tên website:
Tiêu đề website:
Từ khóa hiển thị:

Hãy chung để tạo backlink hiệu quả cho blogspot nhé các bạn !

Theme cho blogspot - OrangeLine theme 3 cột cực đẹp

Mình đã share theme chuẩn seo cho blogspot rồi hôm nay mình sẽ share theme cho blogspot dạng 3 cột cũng đep không kém

Demo Download 

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

Mời thánh soi vào đây

Trong vòng 1 phút mời thánh soi nào tìm ra cô gái đang ở đâu trong bức ảnh và cô ta đang làm gì =))

Seo blogspot - Tối ưu hóa keyword và tiêu đề blogspot

Tối ưu hóa tiêu đề và thẻ mô tả (description) rất quan trọng cho blogspot vì nó giúp bot google dễ dàng truy cập vào blog bạn hơn

Làm thế nào để tối ưu hóa tiêu đề và description cho blogspot ?
Rất đơn giản , có một website sẽ giúp các bạn làm điều đó một cách tự động , việc của bạn là chỉ cần nhập đủ thông tin và GETCODE thôi.
Nếu các bạn chưa biết thêm các thẻ meta chuẩn cho blogspot thì có thể tham khảo bài viết sau đây tại www.donbadao.blogspot.com nhé

Cách tối ưu hóa seo onpage cho blogspot

Bước 1:
Truy cập vào địa chỉ website này

http://www.agawebs.com/2009/02/custom-meta-and-title-tags-for-blogger.html

Sau đó các bạn chọn như sau:

Tiếp theo đó các bạn chỉ cần nhập tiêu đề  , keyword,description cho website này , và getcode thôi nhé..
Sau đó copy và dán nó vào blog của bạn
Bạn sẽ được code sau đây

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='svitk06.blogspot.com là nơi chỉa sẽ thủ thuật blogspot và cách seo hiệu quả' name='description'/>
<meta content='thủ thuật blogspot,cách seo blogspot' name='keywords'/>
</b:if>
<b:if cond='data:blog.url == &quot;http://svitk06.blogspot.com/2014/08/thu-thuat-blogspot-hop-thong-bao-cho.html&quot;'>
<meta content='(svitk06.blogspot.com) Hộp thông báo cho bài viết blogspot sẽ giúp bài viết của blog bạn cuốn hút hơn' name='description'/>
<meta content='thủ thuật blogspot,tạo hộp thông báo' name='keywords'/>
</b:if>
<!-- place future descriptions and keywords here -->

Thủ thuật blogspot - Hộp thông báo cho bài viết

(svitk06.blogspot.com) Hộp thông báo cho bài viết blogspot sẽ giúp bài viết của blog bạn cuốn hút hơn

Hộp thông báo cho bài viết blogspot - thủ thuật blogspot

Notification box  cho blogspot là gì ?
Khi bạn viết bài mới cho blog, giống như thẻ quote bạn có thể nhấn mạnh bài viết mình hoặc đơng giản chỉ là 1 thông báo trỏ về link nào đó thì bạn sẽ dùng tới thủ thuật blog này : Notification box 
Cách làm Notification box này thế nào ?
Vào blog của bạn chèn code css này trên thẻ <head> nhé .

/* Notification Box / kjmagic.blogspot.com */
@font-face {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  }
  @font-face {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  }

  .message_box {
    margin:15px 0;
  }
  .note {
    color:#666;
    font-family:"Arial";
    font-size:16px;
    border:1px solid #FDEBA5;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgkwqlLUVwtEW0HF7pOL6dnl5xYrXcFvNKjj6Tte93vtK1yKU-DQNgCG5KHHUTDne2YGauTWniELEgjZ8q1PcsBYYoqdRtmFFJMttbjmW1ZOUY0DvXZJ35WGNUvrEWpA_CDzqN_B_WTO7m/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;
    padding:.5em 1em .5em 3em;
  }
  .announce {
    color:#666;
    font-family:"Arial";
    font-size:16px;
    border:1px solid #BEE5F8;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs49FGxjkOyWwlN2brAVSVdojv0gHq_cXNoiRsrM4ynpy-UWMRyxFR3H9G7toZ94_Yx5aO3GlWgdjeE1tJQ-RKL8E4zCvA7lqiWbU4KqQGXXF3rDF_N2j1tIEWCdG2tbAUvzVaVzPBH5zq/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;
    padding:.5em 1em .5em 3em;
  }
  .success {
    color:#666;
    font-family:"Arial";
    font-size:16px;
    border:1px solid #DEF1BF;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbJfZDM33Ar4s_cvj9jvTJ3GD4Yj66D2uHHDW_XCL8DXUV5A-f_kUk8gC-2COKMA4xWQU3GqGdbv1A9e0W7FSOnY3CoL2c8cE3tvkzGzVX-tMsRIoK1nS8ZtPww5wMvRKOOMH-wT8PSFb/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;
    padding:.5em 1em .5em 3em;
  }
  .warning {
    color:#666;
    font-family:"Arial";
    font-size:16px;
    border:1px solid #FFDBDB;
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFahHS8DwWe2_NNao6MBdCeU6HVsiaLcmaEt4wVUdhd3X6B492ygwDJ9l8e2HjQMmAZWKkC4pdSy7dzanaKN4Tf5nGZ46WRGK5V2yn5BD9LiYPn_00RrkRz54zNMuCi8uxgGLV4ot4wGOn/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
    padding:.5em 1em .5em 3em;
  }

Cách sử dụng notification box này thế nào ?
Đơn giản như các code nút download và nút demo cho blog vậy. Khi viết bài bạn cứ việc chọn vào HTML để chèn code html và viết thế này nhé.
Note box:

<div class="message_box note">
  Text của bạn.
</div>

Announce box:

<div class="message_box announce">
  Text của bạn.
</div>

Sucess box:

<div class="message_box success">
  Text của bạn.
</div>

Warning box:

<div class="message_box warning">
  Text của bạn.
</div>

Hãy tận hưởng đi nhé ! Chúc các bạn thành công :

Nguồn sử dụng: namkna.blogspot.com và svitk06.blogspot.com nhé !

Theme seo cho blogspot - Theme giống google plus cho blog

(svitk06.blogspot.com) Sau đây mình sẽ giới thiệu cho các bạn theme seo chuẩn cho blogspot giống như theme tin tức lần trước mình share cho blogspot vậy.
Demo theme seo cho blogspot !

Download theme chuẩn seo cho blogspot

Demo Download

Cách sử dụng chắc không phải nói nhiều.
Theme này chia 2 cột gần giống như cách post bài của google plus rất đẹp . Mong các bạn sẽ thích nhé

Thủ thuật blogspot - Thủ thuật blog

Tut - Chia sẽ bài viết lên mạng xã hội Linkhay.com

Linkhay.com là một trang share link bài viết cho tất cả các trang web, mọi webmaster đều biết đến trang web này , đã có code share link hay cho xenforo, cho vbb, cho wordpress nhưng hôm nay svitk06.blogspot.com sẽ hướng dẫn các bạn tạo nút share link hay cho blogspot nhé.

Nút share bài viết lên linkhay.com cho blogspot

Code chia sẽ bài viết lên linkhay cho blogspot

Các bạn copy code này vào trong website của bạn , nơi mà bạn thích nhé.

<a href='javascript:void((function(){if(typeof LH_Link_Post_Bookmarklet==&apos;undefined&apos;){var%20e1=document.createElement(&apos;input&apos;);e1.setAttribute(&apos;type&apos;,&apos;hidden&apos;);e1.setAttribute(&apos;id&apos;,&apos;lh_bookmarklet_link_base_url&apos;);e1.setAttribute(&apos;value&apos;,&apos;http://linkhay.com&apos;);document.body.appendChild(e1);var%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;src&apos;,&apos;http://linkhay.com/js/link/post/adapter/bookmarklet/main.js&apos;);document.body.appendChild(e);}else{LH_Link_Post_Bookmarklet.render();}})())' onclick='return clicked(event)' rel='nofollow' title='Share bài viết lên link hay'>                  <img alt='Chia sẽ bài viết tại đôn bá đạo blog lên link hay' src='http://dacvn.com/bbs/images/misc/b_linkhay_32.png' title='Chia sẽ bài viết tại đôn bá đạo blog lên link hay'/>   </a>

Nguồn: Diễn đàn lập trình svitk06 blog 

Tut - Blend màu sáng trong xanh mùa hè bằng photoshop

Vào mua hè,Nhu cầu chụp nhiều nên www.svitk06.blogspot.com sẽ hướng dẫn các bạn làm blend màu sáng mùa hè cực đẹp trong xanh luôn.. Từ 1 bức ảnh tối chuyển sang sáng rất chuyên nghiệp, Nào hãy cùng nhìn xem họ đã làm thế nào nhé

Demo tut blend màu mùa hè cực cool






Ảnh trước và sau khi xử lý

- Stock sưu tầm và là file JPEG:
1. Mở Photoshop và open ảnh ra, cái này là lẽ tất nhiên ^^. Các bạn nhân đôi player lên ( Ctrl + J ). Sau đó tăng contrash cho ảnh sáng lên, dùng lệnh Curves hoặc Ctrl + M như hình:

2. Nhấn tổ hợp phím Ctrl + Shift + Alt + E để tổ hợp các player lại thành 1 lớp mới.
Sau đó ta bắt đầu lấy vùng chọn của vùng ta còn tối để tăng thêm contrash. Cách làm như sau:

- Nhấn phím tắt Q, đó là phím tắt của ( Edit in Standard Mode ), chọn công cụ Brush Tool ( B ), nhớ tùy chỉnh độ mềm cứng của cọ Brush ( thanh hardness ), ta vẽ cùng chọn như hình:

3. Tiếp tục thao tác trên, ta nhấn phím Q một lần nữa để lấy vùng chọn, lúc này vùng chọn vẫn còn ở phía ngoài, nhấn tiếp Shift + F7 để đảo lại vùng chọn phần da, ta được như hình:

( Để dễ thao tác hơn, các bạn có thể nhấn Ctrl + J vùng chọn da, sau đó mới tăng sáng, làm như vậy chúng ta sẽ quản lý player dễ dàng hơn ).

4. Ta bắt đầu tăng sáng cho vùng da, các bạn cứ điều chỉnh theo nhìn nhận của riêng mình, đến khi vừa ý và đây là kết quả:

5. Cho một lớp selective color như hình:

6.Một lớp nữa như hình, sở dĩ tạo riêng từng lớp như vậy để tiên cho việc quản lý và ” cảm nhận ” :

7.Một lớp nữa như hình:

8. Tiếp theo:

9. Lớp này cho da:

10. Da tiếp ^^:

11. Nhấn tổ hợp phím Ctrl + Shift + Alt + E để tạm thời ngắm nghía tác phẩm ^^

12. Lớp color balance như hình:

13. Tiếp theo:

14. Thêm lớp Hue/saturation:

15. Nhấn tổ hợp phím Ctrl + Shift + Alt + E tiếp để ngắm ^^, sau đó tăng contrash lên, ta được như hình ( nhắc lại là việc contrash sáng tối tùy cảm nhận của các bạn nhé )

16. Tiếp tục chương trình, lại là selective color, viết tới đầy mình cũng ngán cái thằng selective color này lắm rồi ^^

17. Tiếp:

18. Nữa:

19. Nữa:

20. Tiếp theo là chỉnh mầu môi, đây là cách của BV làm, hơi xì teen xíu:

- Sau khi kéo màu môi bằng selective color như hình, ta fill đen lớp layer mask, và dùng cọ Brush để lấy lại vùng môi, vì mục đích của chúng ta là chỉ muốn lớp selective tác động lên vùng môi thôi ^^.

21. Lớp selective color sau cùng:

22. Ta kiểm tra lại contrash và hoàn thành:

Nguồn: blendviet.com