Home » Archives for November 2011
Windows 7 Themes Pack 2011
Posted by chiasedamme on Monday, November 28, 2011
HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 7)
Posted by chiasedamme
Với thủ thuật này, số lượng các bài viết trong cùng một nhãn sẽ hiển thị (do bạn quyết định) thành 2 cột trong khung tiện ích. Mỗi bài viết sẽ hiển thị một hình đại diện nhỏ đi kèm với tiêu đề, khi bạn rê chuột vào một tiêu đề bất kỳ thì sẽ xuất hiện thêm một bảng nhỏ ghi ngày tháng xuất bản, số lượng comments và vài dòng tóm tắt của bài viết.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh ]]></b:skin> và dán tất cả code phía dưới trên dòng lệnh ]]></b:skin> và bấm Lưu mẫu.
/*Tooltip*/
#osdhtmltooltip{
border: #999 1px solid;
padding: 4px;
font-size: 10pt;
z-index: 100;
left: -300px;
visibility: hidden;
width: 350px;
font-family: Arial;
position: absolute;
background-color: #fcfee4;
text-align: left;
}
#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}
#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}
#osdhtmltooltip{
border: #999 1px solid;
padding: 4px;
font-size: 10pt;
z-index: 100;
left: -300px;
visibility: hidden;
width: 350px;
font-family: Arial;
position: absolute;
background-color: #fcfee4;
text-align: left;
}
#osdhtmltooltip img{
float: left;
padding: 3px;
border: solid 1px #FFF;
margin: 2px;
}
#osdhtmltooltip h3{
color: #000;
padding: 2px;
margin: 0px;
font-weight: bold;
text-transform: none;
text-decoration: none;
}
#osdhtmltooltip span{
color: #999;
font-style: italic;
}
#osdhtmltooltip div{
color: #000;
}
#osdhtmlpointer{
z-index: 101;
left: -300px;
visibility: hidden;
position: absolute;
}
#rc-posts-2-col {
width:320px;
}
#rc-posts-2-col h3 {
background:url(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left;
padding:3px 5px 14px 5px;
font-size:13px;
margin:0px;
color:#fff;
}
table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#rc-tr1 {background:#f3f3f3;}
#rc-tr0 {background:#fff;}
#rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;}
#rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;}
#rc-td a {color:#ff0000;text-decoration:none;}
#rc-td a:hover {text-decoration:underline;}
Bạn có thể thay đổi độ rộng của tiện ích ở phần Width: 350px
Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.
<script src="http://dl.dropbox.com/u/66348944/System_Tooltip.js" type="text/javascript"></script>
<script type="text/javascript">
numposts = 12; //số bài viết hiển thị trong tiện ích
postcount = 400; //số kí tự của đọan nội dung tóm tắt bài viết
sumTitle = 40; // số kí tự của tiêu đề bài viết
colortitle = "#555";
tcolortitle = "#ff6c00"; // màu của tiêu đề bài viết ở phần mô tả
cmcolor = "#6b1f01"; // màu của phần thông tin bài viết (gồm : ngày đăng và số nhận xét)
nocmtext = "No Comment";
cmtext = "Comments";
posttext = "Posted in";
label = "THỦ THUẬT INTERNET";
home_page = "http://www.dungheineken.blogspot.com/";
</script>
<div id="rc-posts-2-col"><h3>Thủ thuật Internet</h3><div id="rc-posts-loading"><img align='absmiddle' src='http://lh6.ggpht.com/_btztxrwc9ik/tsw3lpdf6yi/aaaaaaaage0/lkhkccqnwvw/loading-related.gif'/></div>
<script src="http://dl.dropbox.com/u/66348944/tooltip-rc-post-2cot.js" type="text/javascript"></script>
</div>
Bây giờ, bạn có thể thay đổi các giá trị ở các dòng màu đỏ để phù hợp với blog của mình (có ghi chú trên code)
Lưu ý: Ở code thứ hai, số bài viết hiển thị trong tiện ích phải bằng hoặc nhỏ hơn số lượng bài thực tế trong nhãn (numpost), và các bạn phải điền thật chính xác tên nhãn và đường link địa chỉ blog của mình thì nó mới hiển thị, nếu không nó sẽ bị lỗi ra một khung trắng (không hiển thị).
Nguồn: Trai đất mũi
Anytime Upgrade Keygen Windows7
Posted by chiasedamme on Sunday, November 27, 2011
A) Starter To Home Basic
B) Starter To Home premium
C) Starter To Professional
D) Starter To Ultimate
E) Home Basic To Home Premium
F) Home Basic To Professional
G) Home Basic To Ultimate
H) Home premium To Professional
I) Home premium To Ultimate
J) Professional To Ultimate
TẠO BẢNG THÔNG BÁO CHO BLOG (KIÊU 2)
Posted by chiasedamme
Với bảng thông báo kiểu 2 này, nội dung sẽ được ẩn hiện do tác động vào nút bấm. Khi bấm vào nút "Bấm vào đây để xem thông báo" thì nội dung thông báo sẽ hiển thị phía dưới, nếu không muốn xem nữa, bạn bấm "Đóng thông báo lại", bạn bấm vào xem thử phía dưới nha.
Thủ thuật này khá đơn giản, chỉ cấn bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào
Bây giờ, bạn nhập nội dung thông báo vào và bấm Lưu lại là xong
PhotoInstrument v5.3.0.534
Posted by chiasedamme on Saturday, November 26, 2011
AVG Internet Security 2012 v12.0.1869
Posted by chiasedamme on Friday, November 25, 2011
TẠO MENU DỌC CÓ HIỆU ỨNG ĐỘNG
Posted by chiasedamme
Trước đây, tôi có chia sẻ với các bạn các mẫu menu dọc cho Blogspot (xem TẠI ĐÂY), hôm nay tôi giới thiệu đến các bạn một mẫu menu dọc khá đẹp, khi sử dụng menu này, bạn rê chuột vào một menu bất kỳ thì menu đó sẽ có hiệu ứng lật và chuyển đổi màu khá mướt. Các bạn bấm vào Xem thử phía dưới để xem trước nha.
Thủ thuật này khá là đơn giản, bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.
<script type="text/javascript" src="http://dl.dropbox.com/u/66348944/Jquery1.3.2.js"></script>
<script src="http://dl.dropbox.com/u/66348944/flipmenu.js" type="text/javascript"> </script>
<style>
.flipmenu {
font-family: Times new roman;
font-size: 16px;
font-weight: bold;
position: relative;
}
.flipmenu_box {
overflow: hidden;
position: relative;
}
.flipmenu_link,.flipmenu_link_over,.flipmenu_link_active {
width:250px;
text-decoration: none;
text-shadow:1px 1px 1px #fff;
text-transform: uppercase;
color: #000000;
cursor: pointer;
margin-top:2px;
padding: 6px;
position: absolute;
background: #fdd78d;
background: -moz-linear-gradient(top, #fbdc88 0%, #fbbf57 50%, #fac319 51%, #fb9709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdc88), color-stop(50%,#fbbf57), color-stop(51%,#fac319), color-stop(100%,#fb9709)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc88', endColorstr='#fb9709',GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.flipmenu_link_over,
.flipmenu_link_active {
text-decoration: none;
text-shadow:1px 1px 1px #eee;
color: #fa0320;
background: #aebcbf;
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
</style>
<div id="flip_menu">
<a href="#">● Thủ thuật Windows 7</a>
<a href="#">● Thủ thuật Windows XP</a>
<a href="#">● Thủ thuật Internet</a>
<a href="#">● Thủ thuật USB</a>
<a href="#">● Thủ thuật Yaoo-Gmail</a>
<a href="#">● Thủ thuật Windows</a>
<a href="#">● Thủ thuật Blogspot</a>
<a href="#">● Chuyên đề máy tính</a>
<a href="#">● Tổng hợp</a>
<a href="#">● Linh tinh</a>
</div>
<script src="http://dl.dropbox.com/u/66348944/flipmenu.js" type="text/javascript"> </script>
<style>
.flipmenu {
font-family: Times new roman;
font-size: 16px;
font-weight: bold;
position: relative;
}
.flipmenu_box {
overflow: hidden;
position: relative;
}
.flipmenu_link,.flipmenu_link_over,.flipmenu_link_active {
width:250px;
text-decoration: none;
text-shadow:1px 1px 1px #fff;
text-transform: uppercase;
color: #000000;
cursor: pointer;
margin-top:2px;
padding: 6px;
position: absolute;
background: #fdd78d;
background: -moz-linear-gradient(top, #fbdc88 0%, #fbbf57 50%, #fac319 51%, #fb9709 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdc88), color-stop(50%,#fbbf57), color-stop(51%,#fac319), color-stop(100%,#fb9709)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdc88', endColorstr='#fb9709',GradientType=0 );
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.flipmenu_link_over,
.flipmenu_link_active {
text-decoration: none;
text-shadow:1px 1px 1px #eee;
color: #fa0320;
background: #aebcbf;
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );
</style>
<div id="flip_menu">
<a href="#">● Thủ thuật Windows 7</a>
<a href="#">● Thủ thuật Windows XP</a>
<a href="#">● Thủ thuật Internet</a>
<a href="#">● Thủ thuật USB</a>
<a href="#">● Thủ thuật Yaoo-Gmail</a>
<a href="#">● Thủ thuật Windows</a>
<a href="#">● Thủ thuật Blogspot</a>
<a href="#">● Chuyên đề máy tính</a>
<a href="#">● Tổng hợp</a>
<a href="#">● Linh tinh</a>
</div>
Bây giờ, bạn thay đổi các dấu "#" màu xanh thành các địa chỉ tương ứng của các menu và thay đổi các tiêu đề hiển thị trên menu (các dòng chữ màu xanh) theo ý thích của bạn, ngoài ra bạn còn có thể thay đổi:
* Width: 250px (chiều rộng của tiện ích).
* Cỡ chữ hiển thị trên menu (Font-size:16px)
* Cỡ chữ hiển thị trên menu (Font-size:16px)
và bấm LƯU lại là xong
Chúc các bạn thành công
Nguồn: Trai đất mũi
Ashampoo Home Designer Pro v1.0.1
Posted by chiasedamme on Thursday, November 24, 2011
THAY ĐỔI GIAO DIỆN CHO BLOGGER
Posted by chiasedamme
Một trong những điều kiện để đem đến sự thành công cho một Blogger, ngoài nội dung đặc sắc, phong phú được cập nhật thường xuyên thì hình thức giao diện cũng là một trong những yếu tố cần được các bạn quan tâm. Với giao diện đẹp bóng bẩy, bố cục gọn gàng, màu sắc hài hoà trang nhã sẽ thu hút khách tham quan, làm tăng lượt truy cập vào blog.
Bạn có thể dễ dàng tìm kiếm một giao diện ưng ý tại thẻ Trình thiết kế mẫu được Blogger cung cấp sẳn (đăng nhập vào Blog > chọn thiết kế > chọn trình thiết kế mẫu). Nếu vẫn chưa hài lòng, bạn có thể truy cập VÀO ĐÂY để chọn cho mình một Themes đẹp. Trang Web này cung cấp cho bạn một số mẫu Themes đẹp, lạ mắt với nhiều bố cục tuỳ chọn (1 cột, 2 cột, 3 cột, cột bên trái, bên phải...), bạn có thể trải nghiệm thử bằng cách bấm trái chuột vào mẫu themes và chọn Demo để xem thử, nếu vừa ý bạn bấm Download để tải mẫu themes đó về máy tính. Khi tải về, bạn giải nén sẽ thu được một files có đuôi .Xml.
Để bắt đầu đổi thems mới, bạn đăng nhập vào Blog > chọn thiết kế > chọn chỉnh sửa HTML
Tại trang chỉnh sửa HTML, bạn bấm thẻ Duyệt để duyệt đến file .Xml mà bạn vừa tải về, sau đó bấm thẻ Tải lên để đổi giao diện. Bạn chờ một lát, khi hoàn thành xong Blogger sẽ báo cho bạn các tiện ích cần giữ lại hoặc xoá nó đi (tuỳ theo mục đích sử dụng, bạn chọn giữ lại hoặc xoá đi cũng được), cuối cùng bấm Lưu mẫu và đăng nhập vào Blog để xem giao diện mới của mình.
nếu bạn đang sử dụng giao diện mới của Blogspot thì bạn phải đăng nhập vào Blog > Chọn MẪU, sau đó bấm vào thẻ SAO LƯU/PHỤC HỒI ở phía trên cùng bên phải để đi đến thẻ BROWSE, các bước còn lại giống như hướng dẫn ở trên.
Trước khi đổi theme mới, nếu bạn muốn giữ lại theme cũ để sau này dùng đến, bạn đăng nhập vào Blog > chọn thiết kế > chọn chỉnh sửa HTML và bấm thẻ Tải mẫu xuống đầy đủ. Khi tải về, bạn cũng được 1 files có đuôi .Xml, bạn lưu giữ nó vào máy tính, bây giờ bạn có thể yên tâm để thử nghiệm các mẫu theme mới, nếu không thích mẫu mới bạn có thể sử dụng lại mẫu cũ bằng các bước tương tự như trên.
Với các bước kể trên, hy vọng các bạn có thể tạo cho mình một Blogger có giao diện vừa ý...
Chúc các bạn thành công.
HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 6)
Posted by chiasedamme
Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị 2 bài một lúc được chia thành 2 cột trong khung tiện ích và được tự động thay đổi theo một khoảng thời gian nhất định. Mỗi bài viết sẽ hiển thị một hình đại diện nhỏ đi kèm với tiêu đề, ngày tháng xuất bản, số lượng comments và vài dòng tóm tắt.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh ]]></b:skin> và dán tất cả code phía dưới trên dòng lệnh ]]></b:skin> và bấm Lưu mẫu.
#NewsTicker_horizontal{
border:solid 1px #ccc;
width:600px;
height:200px;
}
#NewsTicker_horizontal h1{
padding:6px;
margin:0;
background:#616D7E;
color:#fff;
font-size:11px;
font-weight:bold;
}
#NewsHorizontal {
width: 600px;
height: 200px;
display: block;
overflow: hidden;
position: relative;
}
#TickerHorizontal {
width: 600px;
height: 140px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerHorizontal li {
width: 280px;
border-right:1px solid #ccc;
text-align: left;
font-size: 12px;
margin: 0;
padding: 6px 10px;
float: left;
height: 162px;
display: inline;
}
#TickerHorizontal li a {
margin-bottom:2px;
display: block;
color: #000000;
font-size: 12px;
font-weight:bold;
text-decoration:none;
}
#TickerHorizontal li a:hover {
color: #666;
text-decoration:underline;
}
#TickerHorizontal li .NewsImg{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:5px;
margin-top:2px;
}
#TickerHorizontal li .NewsFooter{
display: block;
color: #000;
font-size: 10px;
margin: 0px 0px 0px 70px;
}
border:solid 1px #ccc;
width:600px;
height:200px;
}
#NewsTicker_horizontal h1{
padding:6px;
margin:0;
background:#616D7E;
color:#fff;
font-size:11px;
font-weight:bold;
}
#NewsHorizontal {
width: 600px;
height: 200px;
display: block;
overflow: hidden;
position: relative;
}
#TickerHorizontal {
width: 600px;
height: 140px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerHorizontal li {
width: 280px;
border-right:1px solid #ccc;
text-align: left;
font-size: 12px;
margin: 0;
padding: 6px 10px;
float: left;
height: 162px;
display: inline;
}
#TickerHorizontal li a {
margin-bottom:2px;
display: block;
color: #000000;
font-size: 12px;
font-weight:bold;
text-decoration:none;
}
#TickerHorizontal li a:hover {
color: #666;
text-decoration:underline;
}
#TickerHorizontal li .NewsImg{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:5px;
margin-top:2px;
}
#TickerHorizontal li .NewsFooter{
display: block;
color: #000;
font-size: 10px;
margin: 0px 0px 0px 70px;
}
Ở code trên, các bạn có thể thay đổi các số màu đỏ và màu tìm để phù hợp cho Blog của mình (Width: chiều rộng tiện ích, Height: chiều cao tiện ích, còn số màu tím 280px là độ rộng của mỗi cột). Lưu ý: nếu thay đổi chiều cao và chiều rộng của tiện ích các bạn phải thay đổi đồng thời chiều rộng của mỗi cột thì nó mới tương xứng nha.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfM7sNCHJ2I1zT6sfGgq6f5jVsVHnp10bb6E7KV0CjV-YVPwQh3R0BANU__kJuUn86sja73UAh8hcw819AdQViBg1KqAqGjTSM1hYwbGIjc5rdUqoXtD_pTx88wWCLPuPK0bobwRhQwZut/";
showRandomImg = true;
imgwidth = 42; //độ rộng ảnh thumb
imgheight = 40; //chiều cao của ảnh thumb
aBold = true;
text = "nhận xét";
showPostDate = true; //nếu muốn hiển thị ngày đăng thay FALSE thành TRUE
summaryPost = 300; // số kí tự nội dung bài viết
icon = " » ";
numposts = 15; //số bài viết hiển thị
label = "TRANG TRÍ BLOG"; //thay thành tên nhãn trên blog của bạn
home_page = "http://www.dunghennessy.blogspot.com/"; //thay thành địa chỉ blog của bạn
</script>
<script language="javascript" type="text/javascript" src="http://dl.dropbox.com/u/66348944/mootools.1.11.js"></script>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfM7sNCHJ2I1zT6sfGgq6f5jVsVHnp10bb6E7KV0CjV-YVPwQh3R0BANU__kJuUn86sja73UAh8hcw819AdQViBg1KqAqGjTSM1hYwbGIjc5rdUqoXtD_pTx88wWCLPuPK0bobwRhQwZut/";
showRandomImg = true;
imgwidth = 42; //độ rộng ảnh thumb
imgheight = 40; //chiều cao của ảnh thumb
aBold = true;
text = "nhận xét";
showPostDate = true; //nếu muốn hiển thị ngày đăng thay FALSE thành TRUE
summaryPost = 300; // số kí tự nội dung bài viết
icon = " » ";
numposts = 15; //số bài viết hiển thị
label = "TRANG TRÍ BLOG"; //thay thành tên nhãn trên blog của bạn
home_page = "http://www.dunghennessy.blogspot.com/"; //thay thành địa chỉ blog của bạn
</script>
<script language="javascript" type="text/javascript" src="http://dl.dropbox.com/u/66348944/mootools.1.11.js"></script>
<div id="NewsTicker_horizontal">
<h1>TRANG TRÍ BLOG</h1>
<div id="NewsHorizontal">
<script src="http://dl.dropbox.com/u/66348944/Horizontal_re-label.js" language="javascript">
</script>
</div></div>
<script src="http://dl.dropbox.com/u/66348944/Ticker_Horizontal.js" type="text/javascript"></script>
<h1>TRANG TRÍ BLOG</h1>
<div id="NewsHorizontal">
<script src="http://dl.dropbox.com/u/66348944/Horizontal_re-label.js" language="javascript">
</script>
</div></div>
<script src="http://dl.dropbox.com/u/66348944/Ticker_Horizontal.js" type="text/javascript"></script>
Bây giờ, bạn có thể thay đổi các giá trị như: địa chỉ blog, tên nhãn, số bài viết hiển thị, tiêu đề tiện ích theo ý thích của mình (có ghi chú trên code).
Ngoài ra, với thủ thuật này bạn cũng có thể tạo KHUNG TRÌNH DIỄN CÁC BÀI ĐĂNG MỚI NHẤT CHO TOÀN BLOG bằng cách thay chữ label (màu xanh) thành chữ post và thay chữ TRANG TRÍ BLOG (màu xanh) thành chữ CÁC BÀI ĐĂNG MỚI (hoặc chữ nào mà bạn thích) bấm Lưu lại là xong.
Lưu ý: Ở code thứ hai, các bạn phải điền thật chính xác tên nhãn và đường link địa chỉ blog của mình thì nó mới hiển thị, nếu không nó sẽ bị lỗi ra một khung trắng (không hiển thị).
Nguồn: Trai đất mũi
Nero v11.0.15800
Posted by chiasedamme on Wednesday, November 23, 2011
From videos on your mobile phone to DVD movies, every device seems to require a different playback format. Nero 11 provides advanced video transcoding that converts virtually any DVD-Video or video file to any video format for playback on any device so you can seamlessly watch your favorite videos anywhere or any place.
KHẮC PHỤC VIỆC KHÔNG GÕ ĐƯỢC TỪ XÁC MINH Ở COMMENTS
Posted by chiasedamme
Có một số giao diện Blogspot, các bạn không thể gõ được từ xác minh ở khung comments để đăng bình luận cho mình được.
Để khắc phục hiện tượng này các bạn sẽ có 3 cách như sau:
1/ KHÔNG CHO HIỂN THỊ TỪ XÁC MINH:
Bạn đăng nhập vào Blog > chọn Cài đặt và chọn thẻ Nhận xét. (Rê chuột vào ảnh để xem ảnh với kích thước lớn hơn.)
Sau đó một bảng thiết lập cho khung nhận xét hiện ra.
Bạn kéo xuống phía dưới ở mục "Hiển thị xác minh từ cho các nhận xét?" và đánh dấu vào ô tròn trước chữ Không, cuối cùng bấm Lưu cài đặt là xong.
Với cách này, thì khi nhận xét xong các bạn sẽ không thấy khung xác minh từ nữa mà nhận xét sẽ tự động xuất bản luôn.
2/ TẠO THANH TRƯỢT CHO KHUNG XÁC MINH TỪ:
Bạn đăng nhập vào Blog > chọn Thiết kế > chọn chỉnh sửa HTML (đánh dấu mở rộng mẫu tiện ích), bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh scrolling='no' và Enter thì bạn sẽ thấy dòng lệnh giống như thế này xuất hiện ở khung lớn phía trên
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='417'/>
Bây giờ, bạn thay đổi chữ 'no' thành chữ 'auto' và bấm Lưu mẫu, trở lại Blog xem kết quả.
Với cách này thì khung xác minh từ sẽ có một thanh trượt ở bên tay phải bạn chỉ việc kéo thanh trượt chạy lên thì sẽ gõ được từ xác minh để xuất bản bình luận cho mình.
Với cách này thì khung xác minh từ sẽ có một thanh trượt ở bên tay phải bạn chỉ việc kéo thanh trượt chạy lên thì sẽ gõ được từ xác minh để xuất bản bình luận cho mình.
3/ THIẾT LẬP LẠI CHIỀU CAO CỦA KHUNG XÁC MINH TỪ:
Bạn làm tương tự như ở cách 2 nhưng bạn thay đổi chiều cao của khung xác minh từ ở mục Height thành số lớn hơn
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='417'/>
Và cuối cùng cũng bấm Lưu mẫu, trở vào Blog xem kết quả.
Còn với cách này thì khung xác minh từ sẽ cao hơn từ đó bạn sẽ dễ dàng gõ được từ xác minh khi xuất bản bình luận.
Theo tôi thì các bạn nên làm cách 1 là tốt nhất và đơn giản nhất, còn cách 2 và 3 vì phải chỉnh sửa trong mã lệnh HTML nguồn của Blog nên rất "nguy hiểm" vì khi bạn chỉnh sửa "vô tình" thay đổi làm xáo trộn một mã lệnh nào đó mà bạn không biết sẽ làm cho giao diện Blog bị lỗi...
Bạn làm tương tự như ở cách 2 nhưng bạn thay đổi chiều cao của khung xác minh từ ở mục Height thành số lớn hơn
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='417'/>
Và cuối cùng cũng bấm Lưu mẫu, trở vào Blog xem kết quả.
Còn với cách này thì khung xác minh từ sẽ cao hơn từ đó bạn sẽ dễ dàng gõ được từ xác minh khi xuất bản bình luận.
Theo tôi thì các bạn nên làm cách 1 là tốt nhất và đơn giản nhất, còn cách 2 và 3 vì phải chỉnh sửa trong mã lệnh HTML nguồn của Blog nên rất "nguy hiểm" vì khi bạn chỉnh sửa "vô tình" thay đổi làm xáo trộn một mã lệnh nào đó mà bạn không biết sẽ làm cho giao diện Blog bị lỗi...
GALLERY
Posted by chiasedamme
Đây là Theme có một menu ngang nằm phía trên, có 1 sidebar hiển thị bên tay phải bài đăng, khu vực bài đăng được chia tay 3 ô nhỏ, các bạn bấm xem trước phía dưới, nếu thích thì bấm Download để tải theme này về và cài đặt cho Blog của mình. Các bạn có thể xem bài "THAY ĐỔI GIAO DIỆN CHO BLOGGER" để biết cách cài đặt cho Blog
THEMES GALLERY
Nguồn:PB templates
Labels:
Template
SHADES OF GRAY
Posted by chiasedamme
Đây là Theme có một menu ngang nằm phía trên, có 8 sidebar nằm phía dưới (chia thành 2 tầng),. khu vực bài đăng được chia tay 4 ô nhỏ (giao diện này rất thích hợp dùng để chia sẻ hình ảnh ), các bạn bấm xem trước phía dưới, nếu thích thì bấm Download để tải theme này về và cài đặt cho Blog của mình. Các bạn có thể xem bài "THAY ĐỔI GIAO DIỆN CHO BLOGGER" để biết cách cài đặt cho Blog
THEMES SHADES OF GRAY
Nguồn:PB templates
Labels:
Template
Zortam Mp3 Media Studio Pro v13.00
Posted by chiasedamme on Tuesday, November 22, 2011
HIỂN THỊ CÁC BÀI VIẾT TRONG CÙNG MỘT NHÃN (KIỂU 5)
Posted by chiasedamme
Với thủ thuật này, các bài viết trong cùng một nhãn sẽ hiển thị trong một khung hình chữ nhật được chia thành 2 cột, cột bên trái là hình đại diện và một số dòng giới thiệu của bài viết mới nhất, cột bên phải sẽ hiển thị hình đại diện và tiêu đề bài viết thứ hai, số còn lại sẽ hiển thị theo dạng List. Ngoài ra, ở trên cùng của khung còn hiển thị một số Tab để các bạn có thể theo dõi các nhãn khác....
Mời các bạn bấm vào xem thử phía dưới sẽ thấy rõ hơn.
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML, và dán tất cả các code phía dưới vào.
<style type="text/css">
.fl{float:left}
.fr{float:right}
.folder{width:630px; margin-bottom:8px; overflow:hidden; line-height:1.5em;font:normal 12px arial;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.folder-title{height:26px; border-bottom:1px solid #eee; overflow:hidden; background:url(http://goo.gl/CyQBL) repeat-x}
.folder-active{height:24px; padding:4px 10px; background:url(http://goo.gl/EgxmY) repeat-x; font-weight:bold}
.link-folder:link, .link-folder:visited{color:#fff}
.subfolder{height:24px; padding:5px 5px 0 15px; background:url(http://goo.gl/Z29yN) no-repeat}
.folder-content{width:620px; background:#fff url(http://goo.gl/qy9iZ) repeat-x left bottom; padding:10px 6px 2px 10px; overflow:hidden}
.folder-content p{margin:0}
.folder-content ul{list-style:none; margin:0; padding:0}
.folder-content li{padding:0 0 4px 6px; background:url(http://goo.gl/4OvNo) no-repeat 0 8px}
.folder-topnews{width:350px; padding-right:10px}
.folder-othernews{width:250px}
.other-folder{margin:0}
.img-subject{height:85px; width:110px; border:1px solid #a5a5a5; margin-right:8px}
.img-other{width:60px; height:50px; border:1px solid #a5a5a5; margin:0 5px 4px 0}
.xemthem{float:right; display:block; margin:0; padding:5px}
</style>
<div class="folder">
<div class="folder-title">
<div class="folder-active fl">
<a class="link-folder" href="http://dunghennessy.blogspot.com/search/label/N%C3%82NG%20CAO">Thủ thuật nâng cao</a></div>
<div class="subfolder fl">
<a class="link-subfolder" href="http://dunghennessy.blogspot.com/search/label/C%C6%A0%20B%E1%BA%A2N">Thủ thuật cơ bản</a> | <a class="link-subfolder" href="http://dunghennessy.blogspot.com/search/label/TRANG%20TR%C3%8D%20BLOG">Trang trí Blogspot</a> | <a class="link-subfolder" href="http://www.dunghennessy.blogspot.com/search/label/Template">Giao diện Blogspot</a> | </div>
</div>
<div class="folder-content" id="tdHomeFolder2">
<script language="javascript">
imgr = new Array();
showRandomImg = true;
summaryPost = 230;
numposts2 = 5;
homepage = "http://dunghennessy.blogspot.com/";
label = "NÂNG CAO";
</script>
<script src="https://sites.google.com/site/itechroot/javascripts/VnE-rc-newstyle.txt" type="text/javascript">
</script></div>
</div>
.fl{float:left}
.fr{float:right}
.folder{width:630px; margin-bottom:8px; overflow:hidden; line-height:1.5em;font:normal 12px arial;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.folder-title{height:26px; border-bottom:1px solid #eee; overflow:hidden; background:url(http://goo.gl/CyQBL) repeat-x}
.folder-active{height:24px; padding:4px 10px; background:url(http://goo.gl/EgxmY) repeat-x; font-weight:bold}
.link-folder:link, .link-folder:visited{color:#fff}
.subfolder{height:24px; padding:5px 5px 0 15px; background:url(http://goo.gl/Z29yN) no-repeat}
.folder-content{width:620px; background:#fff url(http://goo.gl/qy9iZ) repeat-x left bottom; padding:10px 6px 2px 10px; overflow:hidden}
.folder-content p{margin:0}
.folder-content ul{list-style:none; margin:0; padding:0}
.folder-content li{padding:0 0 4px 6px; background:url(http://goo.gl/4OvNo) no-repeat 0 8px}
.folder-topnews{width:350px; padding-right:10px}
.folder-othernews{width:250px}
.other-folder{margin:0}
.img-subject{height:85px; width:110px; border:1px solid #a5a5a5; margin-right:8px}
.img-other{width:60px; height:50px; border:1px solid #a5a5a5; margin:0 5px 4px 0}
.xemthem{float:right; display:block; margin:0; padding:5px}
</style>
<div class="folder">
<div class="folder-title">
<div class="folder-active fl">
<a class="link-folder" href="http://dunghennessy.blogspot.com/search/label/N%C3%82NG%20CAO">Thủ thuật nâng cao</a></div>
<div class="subfolder fl">
<a class="link-subfolder" href="http://dunghennessy.blogspot.com/search/label/C%C6%A0%20B%E1%BA%A2N">Thủ thuật cơ bản</a> | <a class="link-subfolder" href="http://dunghennessy.blogspot.com/search/label/TRANG%20TR%C3%8D%20BLOG">Trang trí Blogspot</a> | <a class="link-subfolder" href="http://www.dunghennessy.blogspot.com/search/label/Template">Giao diện Blogspot</a> | </div>
</div>
<div class="folder-content" id="tdHomeFolder2">
<script language="javascript">
imgr = new Array();
showRandomImg = true;
summaryPost = 230;
numposts2 = 5;
homepage = "http://dunghennessy.blogspot.com/";
label = "NÂNG CAO";
</script>
<script src="https://sites.google.com/site/itechroot/javascripts/VnE-rc-newstyle.txt" type="text/javascript">
</script></div>
</div>
Bây giờ, bạn thay đổi các đường link màu xanh (http://www.dungheineken.blogspot.com/search/label.......) là địa chỉ trang nhãn mà bạn muốn hiển thị, thay đổi các số màu đỏ theo ý muốn của bạn:
* Width: 630px (chiều rộng của tiện ích).
* Folder-topnews (width: 350px-chiều rộng của cột bên trái)
* Folder-othernews (width: 250px-chiều rộng của cột bên phải)
* Img-subject (chiều cao và chiều rộng của hình đại diện bên trái)
* Img-other (chiều cao và chiều rộng của hình đại diện bên phải)
* Folder-topnews (width: 350px-chiều rộng của cột bên trái)
* Folder-othernews (width: 250px-chiều rộng của cột bên phải)
* Img-subject (chiều cao và chiều rộng của hình đại diện bên trái)
* Img-other (chiều cao và chiều rộng của hình đại diện bên phải)
* Home_page: địa chỉ blog của bạn
* Label: Tên nhãn muốn hiển thị
* Numposts2=5: Số bài muốn hiển thị (kể cả bài có hình và bài hiển thị dạng List)
* SummaryPost=230: Số ký tự phần giới thiệu bài viết mới nhất.
và bấm LƯU lại là xong
LƯU Ý:
- Nếu thay đổi chiều rộng của tiện ích thì các bạn phải thay đổi đồng thời chiều rộng của cột bên trái và bên phải luôn.
- Các bạn phải điền thật chính xác địa chỉ trang nhãn của bạn ở các dòng màu xanh và ở Label, nếu không nó sẽ bị lỗi và không hiển thị được.
- Nếu thay đổi chiều rộng của tiện ích thì các bạn phải thay đổi đồng thời chiều rộng của cột bên trái và bên phải luôn.
- Các bạn phải điền thật chính xác địa chỉ trang nhãn của bạn ở các dòng màu xanh và ở Label, nếu không nó sẽ bị lỗi và không hiển thị được.
Chúc các bạn thành công
Nguồn: Itech Plus
CorelDRAW Graphics Suite X5 v15.2.0.695
Posted by chiasedamme on Monday, November 21, 2011
TẠO TAB CHO BLOG (MẪU 4)
Posted by chiasedamme
Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện hành sẽ đổi màu khác biệt so với các TAB khác...
Thủ thuật này cũng khá đơn giản.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)
Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head> và dán tất cả code phía dưới trên lệnh </head> và bấm Lưu mẫu.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/sunny/jquery-ui.css" type="text/css" />
Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tiêu đề tiện ích 1</a></li>
<li><a href="#tabs-2">Tiêu đề tiện ích 2</a></li>
<li><a href="#tabs-3">Tiêu đề tiện ích 3</a></li>
</ul>
<div id="tabs-1">Nhập nội dung tiện ích 1 vào đây</div>
<div id="tabs-2">Nhập nội dung tiện ích 2 vào đây</div>
<div id="tabs-3">Nhập nội dung tiện ích 3 vào đây</div>
Bây giờ, bạn có thể thay tên hiển thị và dán nội dung của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.
BitDefender AntiVirus Plus 2012 Build v15.0.34.1416
Posted by chiasedamme on Sunday, November 20, 2011
Thêm favicon cho tiện ích LinkList
Posted by chiasedamme
Đối với Blogspot, khi bạn muốn thêm một tiện ích liệt kê các trang web hoặc blog mà bạn ưa thích thì bạn thường dùng đến tiện ích LinkList. Tính năng của tiện ích này rất đơn điệu, bạn chỉ có thể tùy biến CSS cho các liên kết. Qua bài viết này, mình sẽ giúp bạn sáng tạo thêm một chút, thêm favicon cho các liên kết của tiện ích LinkList.
Kể từ khi Blogger tích hợp tính năng Favicon thì một liên kết favicon của blogspot có dạng như sau:
Theo quy tắc phổ biến, liên kết favicon của một website (được xây dựng trên các nền tảng Wordpress, Joomla, …) có dạng như sau: http://www.tenwebsite.com/favicon.ico.
Bây giờ hãy xem xét cấu trúc XML của một tiện ích LinkList. Trước tiên Đăng nhập Blogger, vào Design >> Page Elements. Thêm một tiện ích LinkList rồi lần lượt thêm địa chỉ (URL) và tên trang tương ứng cho các liên kết ưa thích mà bạn muốn tạo. Sau đó vào Edit HTML chọn Expand Widget Templates. Dùng từ khóa LinkList để tìm đến đoạn code của tiện ích này như sau:
Trong đoạn code trên, cần chú ý đến dòng
Nó biểu thị các liên kết. Trong đó data:link.target chính là đích đến của các liên kết. Như vậy để tự động thêm favicon vào trước các liên kết thì chúng ta thay thế dòng code nói trên bằng đoạn code như sau:
Cuối cùng, bạn có thể tùy biến CSS cho tiện ích, thêm đoạn code bên dưới vào trước dòng ]]></b:skin>.
Lưu Template là hoàn thành.
More about →
Kể từ khi Blogger tích hợp tính năng Favicon thì một liên kết favicon của blogspot có dạng như sau:
http://tenblogcuaban.blogspot.com/favicon.ico
Theo quy tắc phổ biến, liên kết favicon của một website (được xây dựng trên các nền tảng Wordpress, Joomla, …) có dạng như sau: http://www.tenwebsite.com/favicon.ico.
Bây giờ hãy xem xét cấu trúc XML của một tiện ích LinkList. Trước tiên Đăng nhập Blogger, vào Design >> Page Elements. Thêm một tiện ích LinkList rồi lần lượt thêm địa chỉ (URL) và tên trang tương ứng cho các liên kết ưa thích mà bạn muốn tạo. Sau đó vào Edit HTML chọn Expand Widget Templates. Dùng từ khóa LinkList để tìm đến đoạn code của tiện ích này như sau:
- <b:widget id='LinkList1' locked='false' title='My Favourite Resources' type='LinkList'>
- <b:includable id='main'>
- <b:if cond='data:title'><h2><data:title/></h2></b:if>
- <div class='widget-content'>
- <ul>
- <b:loop values='data:links' var='link'>
- <li><a expr:href='data:link.target'><data:link.name/></a></li>
- </b:loop>
- </ul>
- </div>
- </b:includable>
- </b:widget>
Trong đoạn code trên, cần chú ý đến dòng
<li><a expr:href='data:link.target'><data:link.name/></a></li>
Nó biểu thị các liên kết. Trong đó data:link.target chính là đích đến của các liên kết. Như vậy để tự động thêm favicon vào trước các liên kết thì chúng ta thay thế dòng code nói trên bằng đoạn code như sau:
- <li>
- <a expr:href='data:link.target'>
- <img expr:src='data:link.target + "favicon.ico"' />
- <data:link.name/>
- </a>
- </li>
Cuối cùng, bạn có thể tùy biến CSS cho tiện ích, thêm đoạn code bên dưới vào trước dòng ]]></b:skin>.
#LinkList1 li {
background-color: #C89A2B;
border-top: 2px solid #C89A2B;
border-bottom: 2px solid #C89A2B;
cursor: pointer;
margin: 2px 0;
padding:0;
float:left;
width:50%;
list-style:none;
clear:none
}
#LinkList1 li a {
color: #069 !important;
font-weight: normal !important;
padding-left:5px
}
#LinkList1 li img {
display: inline-block;
height: 16px;
width: 16px;
margin-right: 5px;
vertical-align:middle;
border:none
}
#LinkList1 li:hover {
background-color: #C25A3B;
border-color: #606971
}
Lưu Template là hoàn thành.
Labels:
Favicons