Top 100 ca khúc tiếng anh bất hủ hay nhất mọi thời đại - ABC News

Top 100 ca khúc tiếng anh bất hủ hay nhất mọi thời đại do ABC News bình chọn


{VnTim™} Đây là top 100 ca khúc hay nhất mọi thời đại được xếp hạng bởi ABC News. Điều đáng chú ý là có ca khúc sáng tác về Hồ Chủ tịch được xếp ở vị trí 107. Dưới đây là danh sách kèm link download (Mediafire) đi kèm

Đọc thêm »

Mở Word 2007 có chứa sẵn nội dung cho trước

Nhiều người thường mong muốn khi mở file Word 2007 trắng đã có sẵn những nội dung cho trước ví dụ như Logo , địa chỉ công ty , kèm theo những Header và Footer ngầm định .

Word 2007 khi mở file trắng sẽ đọc thông tin từ file có tên là normal.dotm vì thế bạn chỉ cần làm sẵn một File có phần mở rộng là .dotm , cách thức lưu lại sau khi tạo file như sau
Bấm nút Office Button > Save as >Word

ĐÀN ÔNG NẾU ĐÃ 20 NẾU CHƯA 25

Sáng nay, trong giờ ra chơi, tình cờ lướt FB và đoc được bài viết này. Mình cảm thấy rất hay và đúng như tiêu đề của bài viết là năm nay mình đã 20, cũng chỉ mong sao mình "kiếm ĐỦ và sống ĐƯỢC" còn khi 25 thì không biết sẽ thế nào :) Đúng là cuộc sống không đơn giản như hồi trước mình nghĩ, những vấp ngã sẽ làm ta trưởng thành hơn :)

Tác giả: Lý Khai Phục từng là Phó tổng giám đốc Microsoft toàn cầu trong thập kỷ 90, rồi đảm nhận Phó tổng giám đốc Google châu Á năm 2005. Ông sinh năm 1961 tại Đài Bắc, thường gây sóng gió bởi những phát ngôn sáng suốt nhưng ngôn từ trần trụi khó nghe.



Nếu bạn là đàn ông, nếu bạn đã hai mươi, nhưng bạn chưa hai lăm tuổi, bạn buộc phải tìm được một thứ gì đó ngoài tình yêu, giúp đôi chân bạn đứng vững vàng trong cuộc đời này. Bạn phải bắt đầu nghĩ cách để kiếm ĐỦ và sống ĐƯỢC.
Tôi chưa từng bao giờ nghĩ bằng cấp là thứ quan trọng, thiên tài với danh nhân đâu phải từ lò luyện và trường lớp mà ra.Nhưng nếu bạn không học tới nơi tới chốn, thì dù có đi làm cửu vạn, ngay cả bao cát cũng sợ rằng chẳng biết cách mà vác.

Bạn buộc phải làm cho những suy nghĩ văn vẻ và cảm xúc màu mè thị dân của mình dần trở thành lối tư duy sáng sủa, rõ ràng và những ngôn từ giản tiện ngắn gọn. Bởi những thứ màu mè và bồng bột sẽ không thể tồn tại lâu. Bạn phải biết rằng, những sự thích thú khi khi đọc văn hay, nghe lời bay bướm mang lại sẽ chẳng mấy giá trị, trong khi thứ quan trọng nhất lại nằm ở trí tuệ, tinh thần, tâm hồn, nội dung, tư duy của bạn.

Là đàn ông, làm ơn đừng đọc văn của những nhà văn nữ cùng thời với bạn.
Là đàn ông, làm ơn đừng trách người khác, đừng nhỏ nhặt, làm ra vẻ đáng thương.
Làm ơn đừng nghĩ đến cái gì là viết về cái đó.
Và chớ tiếc rẻ đôi chút cảm động bé nhỏ, đôi chút thương xót nhỏ nhoi.

Bạn phải tin vào cái đẹp, tin vào hơi ấm, vào lòng tin con người, sự tự trọng của mỗi người, bạn hãy giữ gìn những phẩm chất xưa cũ này. Tôi không muốn bạn bốc đồng, vô vị, mù mờ, chà đạp chính mình và làm thương tổn người khác. Bạn không nên nhào nặn đời bạn thành một đống hỗn độn tổng hợp đủ thứ.

Khi bạn thay đổi con người bạn, hãy cố nâng niu những giá trị bản thân, cho dù bạn biết rõ, không phải ai cũng ưa những gì bạn đang có.

Làm ơn đừng chấp nhận thỏa hiệp với những con người đang ngụy trang là họ thức thời, cấp tiến. Họ chỉ là những kẻ vô công rồi nghề đang tìm cách biện minh cho sự thua kém của bản thân họ. Sự mạnh mẽ, bản lĩnh đàn ông nằm ở tận trong trái tim bạn, bạn có sức mạnh và vẻ đẹp từ trong tim, từ niềm tin mà dù thời gian và tuổi trẻ có trôi qua cũng không khuất phục được.

Bạn không có quyền ngồi trong cái tháp ngà của trường học, rồi bảo tôi yêu thế giới này tươi đẹp. Bạn phải nhìn thấy cái đen tối của thế giới, sự bẩn thỉu của cuộc đời, sự xấu xa của con người, sau đó mới nói rằng tôi vẫn yêu thế giới này, tôi vẫn yêu cuộc sống và tôi sống.

Tuổi trẻ ngắn ngủi thế, nhưng đừng sợ tuổi già.

Đôi khi, bạn có thể dừng lại nghỉ ngơi, nhưng đừng quỳ xuống.
Khi đi một con đường, bạn chớ ngoái đầu nhìn lại, hoặc tự hỏi, mình đang làm cái gì?
Khi đau và nhục, đàn ông có thể khóc và gào. Khóc đi, rồi rửa mặt, vỗ má mình, rồi áp má mình để trên gương mặt bạn có một nụ cười. Chứ bạn đừng dụi mắt hay lấy tay lau nước mắt. Bởi có thể sớm mai bạn sẽ mang một đôi mắt trũng và sưng vì khóc. Chớ để sớm mai ai cũng nhận ra bạn từng khóc.

Đàn ông hãy xác định cho mình một mục tiêu xa hơn và một lộ trình dài hơn. Hãy nhớ thỉnh thoảng ngửa đầu nhìn trời xanh, và lúc nhìn lên trời xanh hãy nhớ cúi xuống nhìn đất dưới chân mình.

Vào bất kỳ lúc nào, bất kỳ người nào hỏi bạn, bạn yêu mấy lần, đáp án của bạn phải luôn là Hai.

Một lần, cô ấy yêu tôi nhưng tôi không cảm xúc, một lần là tôi yêu cô ấy nhưng không được đáp lại. Hãy luôn nhớ rằng, tình yêu đẹp vẫn luôn đang đợi bạn ở lần yêu sau. Nên đừng luyến tiếc, đừng để một người đàn bà nào có cơ hội làm bạn bị tổn thương tới lần thứ hai.

Làm đàn ông, đừng giao du với văn nghệ sĩ hay bọn văn sĩ trẻ, cũng như đừng làm bạn với những kẻ bất đắc chí, thiếu tâm huyết với đời, cũng tuyệt đối không được bạn bè với những người đàn ông không có nghề nghiệp chính thức, kiêm quá nhiều nghề.

Cũng đừng yêu người phụ nữ nào hy sinh vì bạn. Khi có một cô nàng tự chà đạp bản thân nàng, tự hy sinh, tự chịu thiệt vì bạn, bạn chớ nên vì thế mà cảm động hoặc yêu kẻ lụy tình ấy. Bởi một người đàn ông nghiện hút trộm cắp đầy mình thân với bạn, có thể kẻ nghiện hút trộm cắp tiếp theo sẽ là chính bản thân bạn. Tình yêu cũng tương tự như vậy, khi một người phụ nữ vì yêu mà cầm dao cứa tay mình đau, có thể kẻ tiếp theo bị nàng cứa chính là bạn.

Không bao giờ đặt niềm tin vào một gã đàn ông chỉ định giao du với mình bạn chứ không cho bạn biết hắn đang chơi bời với những bạn bè nào khác.

Khi một cô nàng định gọi bạn là “anh yêu, baby, chồng yêu ơi”, bạn hãy bắt buộc cô nàng gọi bạn bằng tên bạn, bởi bạn là một người đàn ông, bạn không phải thú cưng của ai.

Khi một người đàn ông hoặc một người đàn bà tự nhiên không tới tìm bạn nữa, bạn hãy dứt khoát đừng gọi tới làm phiền họ.

Đừng tin những kẻ dùng tiểu xảo trong tình yêu. Và đừng ác miệng sau khi chia tay người tình. Nghe lời khuyên của người khác, nhưng đừng hối hận, bởi hối hận chưa từng mang lại cho đàn ông bất cứ thứ gì hay ho.

Đàn ông thì không xé ảnh, đốt thư, xé nhật ký, làm những việc mà chỉ diễn viên ba xu trên phim truyền hình mới làm. Bởi bạn tin vào tình yêu. Tin rằng trên đời vẫn còn những người đàn ông tốt và những người phụ nữ tốt đẹp, có thể họ cũng chưa kết hôn, họ cũng vẫn đang vượt trùng trùng biển người trong đời để tìm đến bạn. Nên đừng nói những câu đại loại như: “Thời này làm gì có đàn bà tử tế” hoặc “Làm gì có đàn ông tốt!”. Những câu như thế thường làm người ta hiểu rằng, bạn đã no xôi chán chè, hời hợt với vô số người, vơ đũa cả nắm và không hề sống nghiêm túc, chưa trưởng thành.

Hãy yêu tiền, yêu vật chất, dùng tiền để sống cho ra sống. Nhưng vẫn hiểu rằng những giá trị tinh thần cũng quan trọng biết bao. Và con người bạn, một người đàn ông đầy sức sống, háo hức sống vẫn luôn có giá trị và đẹp đẽ hơn những đồng hồ hàng hiệu, thời trang, phụ kiện sành điệu bạn đang mang. Nếu đã hơn hai mươi tuổi nhưng mỗi phút bạn sống, bạn vẫn phải ngửa tay xin tiền bố mẹ, thì những tiền bạc bạn có, đồ hiệu bạn mặc chỉ làm cho sự vô liêm sỉ của bạn nổi bật hơn mà thôi. Nên đồ hiệu không làm bạn có giá hơn. Bản thân người đàn ông không có giá trị bản thân, thì dù có bọc vàng, được bố mẹ nâng đỡ sự nghiệp chức này tước kia, cũng vẫn chỉ là một kẻ ăn bám bọc vàng. Một con lừa dù có đóng yên cương vàng khối cũng không thể trở thành tuấn mã.

Bạn còn trẻ, có thể chưa đủ tuổi để bắt đầu một sự nghiệp riêng, một tương lai huy hoàng. Nhưng bạn đã đủ tuổi thành niên, nên ít nhất, cũng không thể làm một cái gánh nặng đeo trên lưng bố mẹ, để bố mẹ mất hai mươi năm nuôi dạy, cái gánh nặng đã sống ký sinh trên lưng chỉ nặng thêm và nhiều đòi hỏi hơn.

Bạn đừng tưởng bạn trẻ, bạn làm một kiểu tóc có màu khác người, mặc một bộ quần áo dở nam dở nữ Unisex, rồi phun lên người một thứ mùi nước hoa, thì người khác sẽ tôn trọng bạn. Cái ngước nhìn của người khác không mang ý trầm trồ ngưỡng mộ, mà là cái nhìn khi đi ngang qua sở thú.Rất nhiều đàn ông khác chỉ bởi họ được giáo dục tốt nên họ sẽ không bày tỏ thái độ gì với bạn đâu, họ sẽ tôn trọng sự “cá tính” của bạn, nhưng không có nghĩa rằng, họ không nhận ra sự xấu xí của người đàn ông trước mặt.


Xin bạn đừng coi rẻ những người lao động nghèo. Đừng xấu hổ vì phải làm việc nặng nhọc. Đất không bẩn, mồ hôi không hôi hám. Xin hãy tôn trọng những người có thể không giàu bằng bạn, nhưng họ đang nuôi cả gia đình bằng đôi tay lương thiện và cần cù của họ. Bạn tôn trọng họ, bạn mới biết giá trị của bạn nằm ở đâu.

Làm đàn ông, hãy tha thứ, nhưng đừng quên. Và hãy khoan dung với cả thế giới cũng như với chính bản thân bạn. Để luôn tự nhủ rằng, ta là đàn ông, ta xứng đáng để có được những thứ tốt đẹp hơn.


INTERNET !!! 

Nghịch giao diện Facebook cùng Social Fixer

Để cài đặt Social Fixer, bạn truy cập trang chủ TẠI ĐÂY. Bạn sẽ nhìn thấy danh sách các liên kết tương ứng với trình duyệt đang sử dụng. Bạn chỉ việc tìm đến bộ cài tương ứng.

Tương tự những phần mở rộng trên trình duyệt, sau khi hoàn tất cài đặt thì bạn phải khởi động lại trình duyệt để giúp Social Fixer được kích hoạt. Social Fixer đưa ra một quy trình chuẩn nhằm thiết lập các tùy chỉnh ban đầu cho trang Facebook cá nhân. Tốt nhất, bạn hãy click chọn theo thiết lập mặc định của phần mềm.

Theme mới cài sẵn rất nhiều ứng dụng hay, các bạn chỉ cần rê con trỏ chuột vào tấm hình đăng trên FB, tự động nó sẽ phóng to ra, không cần click

Muốn thay đổi theme dựa trên Social Fixer, bạn click vào biểu tượng công cụ nhằm truy cập vào trang lưu trữ. Kế đến, bạn click chọn vào thẻ Theme. Tại đây liệt kê mọi bộ theme mà Social Fixer đang tích hợp.

Cùng thử nghiệm và nghịch thử thôi nào :)

Thơ Tình 14-02 :D

Mai là 14-2
Chị em cẩn thận rước thai vào mình
Chối ngay đòi hỏi xếp hình
Chữ trinh hơn cả chữ tình biết không?
Một là hóng mát, đi rông
Rủ vào nhà nghỉ, nói "KHÔNG", đi về!
Hai phải ăn mặc chỉnh tề
Đừng đi quá trớn mất lề hư khung
Đàn ông ai cũng lung tung
Thèn nào cũng có máu sung máu liều

Nhưng nên suy nghĩ đôi điều
Yêu mà bắt gái phải chiều là sai
Dù gì mình cũng con trai
Làm sao để nó tựa vai vào mình
Đừng tỏ thái độ bất bình
Vì yêu trong sáng làm tình thắm hơn.


Còn ai đang cảnh cô đơn
Đừng buồn vì cảnh thiệt hơn lúc này
Dẫu sao cũng chỉ một ngày
Thôi thì Facebook sum vầy cùng nhau!

Ở nhà 1 mình chém gió vậy thôi :))

Xem hình ảnh dạng Popup

Tiếp tục những bài viết về CSS .

Hôm nay , bài viết này trình bày kiểu xem hình ảnh dạng Popup khi rê chuột vào bằng CSS . Khá gọn và tiết kiệm diện tích , thích hợp trong việc tạo blog Gallery .

Hiển thị tốt nhất trên Firefox , G.Chrome , Safari , Opera .




DEMO


vanlinhex.com
vanlinhex.com
vanlinhex.com
vanlinhex.com
Rất đơn giản chỉ cần chèn đoạn mã CSS bên dưới trước </head> trong template hoặc chèn trực tiếp vào bài viết :

<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ 
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px; 
}
</style>

Và khi post hình sử dụng mẫu bên dưới :

<a class="thumbnail" href="#thumb"><img src="thumbnail" width="100px" height="100px" border="0" /><span><img src="Link ảnh gốc" />
Text</span></a>

Chỉ cần thay vào những phần màu đỏ
Thumbnail : link ảnh nhỏ
100px , 100px : kích thước ảnh nhỏ (thumbnail)
Link ảnh gốc : ảnh sau khi rê chuột
Text : chú thích ...

Ngoài ra cũng có thể áp dụng dạng Popup này cho Text :
Text 1
Text - Text 2
Text - Text 3
Text - Text 4
Text

Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh

Thấy hay hay thì post cho vui thôi, không phải đào mộ đâu
Các bác đừng chém em, em còn non và xanh lắm :(




1. Ảnh có chứa link 
<a href="LINK LIÊN KẾT" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" ></a>

2. Ảnh không chứa link
<img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" >

Bài viết liên quan dạng Slide

Blogger đã có khá nhiều tiện ích "Bài viết liên quan" (Related Posts) đa dạng của nhiều tác giả . Một lần tình cờ ngồi vọc templates thấy dạng này cũng hay nên tham khảo và post lại : "Related Posts With Slide" được viết bởi JMiur .

DEMO 

Các bước thực hiện :

Blogger -> Edit HTML -> Expand Widget Templates (Download template đề phòng bất trắc)

Bước 1 : Chèn đoạn mã bên dưới trước </head>

<!-- Related Posts With Slide by JMiur -->
<script type='text/javascript'>
//<![CDATA[
// <!-- Related Posts With Slide by JMiur -->
// <!-- http://vagabundia.blogspot.com/ -->
var reltitulosslider = new Array();
var relurlsslider = new Array();
var relresumenslider = new Array();
var relimagenslider = new Array();
var reltituloscantidadslider = 0;
var relmaxamostrarslider = 20; // establecer cantidad de entradas
var relmaxlenslider = 75; // longitud del texto del resumen
var relimagenpodefectoslider = "URL_IMAGENxDEFECTO";
var SRwidth = 144; // ancho de cada DIV
var SRmin = 0;
var SRmax = -2160; // longitud máxima = (SRwidth * relmaxamostrarslider) - (SRwidth * VISIBLES) - SRwidth (en este caso son 4 visibles)
function leerpostetiquetasslider(json) {
var entry, postimg, postcontent, cat;
for (var i = 0; i < json.feed.entry.length; i++) {
if (i==json.feed.entry.length) { break; }
entry = json.feed.entry[i];
reltitulosslider[reltituloscantidadslider] = entry.title.$t;
postcontent = "";
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
}
relresumenslider[reltituloscantidadslider] = eliminattagsslider(postcontent,relmaxlenslider);
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = relimagenpodefectoslider;
}
relimagenslider[reltituloscantidadslider] = postimg;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relurlsslider[reltituloscantidadslider] = entry.link[k].href;
break;
}
}
reltituloscantidadslider++;
}
}
function mostrarrelacionadosslider() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
var tmp4 = new Array(0);
for(var i = 0; i < relurlsslider.length; i++) {
if(!containsslider(tmp, relurlsslider[i])) {
tmp.length += 1; tmp[tmp.length - 1] = relurlsslider[i];
tmp2.length += 1; tmp2[tmp2.length - 1] = reltitulosslider[i];
tmp3.length += 1; tmp3[tmp3.length - 1] = relresumenslider[i];
tmp4.length += 1; tmp4[tmp4.length - 1] = relimagenslider[i];
}
}
reltitulosslider = tmp2; relurlsslider = tmp; relresumenslider = tmp3; relimagenslider = tmp4;
for(var i = 0; i < reltitulosslider.length; i++){
var indice = Math.floor((reltitulosslider.length - 1) * Math.random());
var tempTitle = reltitulosslider[i]; var tempUrls = relurlsslider[i];
var tempResumen = relresumenslider[i]; var tempImagen = relimagenslider[i];
reltitulosslider[i] = reltitulosslider[indice]; relurlsslider[i] = relurlsslider[indice];
relresumenslider[i] = relresumenslider[indice]; relimagenslider[i] = relimagenslider[indice];
reltitulosslider[indice] = tempTitle; relurlsslider[indice] = tempUrls;
relresumenslider[indice] = tempResumen; relimagenslider[indice] = tempImagen;
}
var cuantosPosts = 0;
var r = Math.floor((reltitulosslider.length - 1) * Math.random());
var rini = r;
var salida;
var dirURL = document.URL;
while (cuantosPosts < relmaxamostrarslider) {
if (relurlsslider[r] != dirURL) {
salida = "<div class='relspostsslider'>";
salida += "<a href='" + relurlsslider[r] + "' rel='nofollow'  target='_blank' title='" + reltitulosslider[r] + "'><img src='" + relimagenslider[r] + "' /></a>";
salida += "<h6><a href='" + relurlsslider[r] + "' target='_blank'>" + reltitulosslider[r] + "</a></h6>";
salida += "<p>" + relresumenslider[r] + " ... </p>";
salida += "</div>";
document.write(salida);
cuantosPosts++;
if (cuantosPosts == relmaxamostrarslider) { break; }
}
if (r < reltitulosslider.length - 1) {
r++;
} else {
r = 0;
}
if(r==rini) { break; }
}
}
function eliminattagsslider(cual,longitud){
var resumen = cual.split("<");
for(var i=0;i<resumen.length;i++){
if(resumen[i].indexOf(">")!=-1){
resumen[i] = resumen[i].substring(resumen[i].indexOf(">")+1,resumen[i].length);
}
}
resumen = resumen.join("");
resumen = resumen.substring(0,longitud-1);
return resumen;
}
function containsslider(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}

function desplazarrels(direccion) {
var div = document.getElementById("postsrelacionadoscontenedor");
var pos = parseInt(div.style.left);
pos = pos + (SRwidth * direccion);
if(pos > SRmin) { return }
if(pos < SRmax) { return }
div.style.left = pos + "px";
}

//]]>
</script>

<style>
/* al rectángulo contenedor lo centramos, le damos altura y eliminamos los saltos de línea indeseados */
#postsrelacionadosslider {
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
height: 190px;
position: relative;
width:570x;border: 0px;
}
#postsrelacionadosslider h2{font-size: 14px;text-indent: 20px; }
#postsrelacionadosslider br { display:none; }
/* las imágenes que sirven para navegar las posiconamos una a cada extremo */
#relleft { left: -5px; }
#relright { right: 0; }
.sflecha { height: 150px; position: absolute; width: 15px; }
.sflecha img { height: 150px; width: 15px; border: 0px solid}

/* al rectángulo central lo dimensionamos, lo posicionamos e impedimos que se deborde */
#postsrelacionadosinner {margin:0px;padding:0px;
height: 180px;
left: 15px;
overflow: hidden;
position: absolute;
width: 510px; /* es el ancho real de cada post resumido por la cantidad visible, en este caso 4 */
}
/* esta será la &quot;tira&quot; a desplazar */
#postsrelacionadoscontenedor {
height: 180px;
position: absolute;
width: 2800px; /* es el ancho real de cada post resumido por la cantidad a mostrar, en este caso 20 */
/* el efecto */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

/* cada post resumido */
.relspostsslider {
background: -webkit-linear-gradient(#808080, #eee);
background: -moz-linear-gradient(#808080, #eee);
background: -o-linear-gradient(#808080, #eee);
float: left;
height: 150px;
margin: 0 1px;
overflow: hidden;
padding: 0 4px;
text-align: center;
width: 129px;border:1px solid #ccc;
}

/* los contenidos de esos posts resumidos */
.relspostsslider a {
color: #000;
display: inline;
font-size: 11px;
line-height: 1;
}
.relspostsslider img {
height: 82px;
margin: 1px auto;
padding:5px 5px 5px;background: #fff;
width: 95px;border:1px solid #000;
}
.relspostsslider h6 {
display: table-cell;
height: 5em;
margin: 0;
overflow: hidden;
padding: 0;
vertical-align: middle;
width: 130px;
}
.relspostsslider p {display:none;}
</style>
<!-- FIM Related Posts With Slide by JMiur -->

Bước 2 : Tìm đến đoạn mã :

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

Và thêm vào sau nó đoạn mã dưới đây :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=leerpostetiquetasslider&amp;max-results=50&quot;' type='text/javascript'/>
</b:if>

Bước 3 : Tìm đến đoạn mã :

<div class='post-footer-line post-footer-line-1'></div>

Và chèn đoạn mã bên dưới vào giữa nó :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='postsrelacionadosslider'>
<h2>Related Posts With Slide</h2>

<a class='sflecha' href='javascript:void(0);' id='relleft' onclick='desplazarrels(1);'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3Ga1zPbkuPNK7soSMmjR-H4Vsp0qa1o921dTmhanRYO1t4rRsE3rtxHyGXdKfyGI4CkalNKArUjFnJsH78Km2qng20EzfmssNCOMq3I5MLLnXK3QbEsBg5kL4IyRQ_JXHomhY1Eaxr19/s1600/LWicoleft.png'/>
</a>
<div id='postsrelacionadosinner'>
<div id='postsrelacionadoscontenedor' style='left:0'>
<script type='text/javascript'>mostrarrelacionadosslider();</script>
</div>
</div>
<a class='sflecha' href='javascript:void(0);' id='relright' onclick='desplazarrels(-1);'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSh0Jj9Ty836cbJsvu6oqxTm04d1PeWifdkis7PgEdsIFLK9dcYceVQ-vD6-eocKJMM1SxEANDBn_Zwf4q9TIocmVW1aAtETIo_I-3_CB-GlWwIfLVEOyFbkqAayFcVOllGo00h9W9wPVW/s1600/LWicoright.png'/>
</a>
</div>
</b:if>

Bước 4 : Save template .

Chú ý :

Bước 2 : Trong template blog phải có thẻ post-labels , chính xác hơn thẻ này nằm trong Post-footer

Phóng to hình ảnh với CSS3

Hiệu ứng phóng to hình ảnh khi rê chuột với CSS3 . Sử dụng trong việc tạo Gallery gọn gàng và linh hoạt .

Thích hợp trên các trình duyệt : Firefox 3.6+ , G.Chrome , Safari 4+ , Opera 9.5+ .

Chống chỉ định trên IE .

Demo :

Sử dụng :
Chèn đoạn CSS bên dưới vào temp hoặc trực tiếp trong bài viết .

<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}
.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}
</style>

Thay thế các link hình bên dưới bằng hình ảnh cần sử dụng cho hiệu ứng trong bài viết

<div class="hovergallery">
<img src="http://4.bp.blogspot.com/-eK6vk5_t4nk/TyzjiCLd06I/AAAAAAAABUY/-rAfmnE4w5I/s1600/llogo.jpg" /> <img src="http://4.bp.blogspot.com/--kT8eaZnmdg/Tyzjix0-SzI/AAAAAAAABVA/fTFz-lYG3CQ/s1600/llogo-3.jpg" /> 
<img src="http://4.bp.blogspot.com/--kT8eaZnmdg/Tyzjix0-SzI/AAAAAAAABVA/fTFz-lYG3CQ/s1600/llogo-3.jpg" /> <img src="http://4.bp.blogspot.com/-eK6vk5_t4nk/TyzjiCLd06I/AAAAAAAABUY/-rAfmnE4w5I/s1600/llogo.jpg" />
</div>

Tạo Icon xoay với CSS3

"Đổi gió" bằng cách ngồi nghịch CSS .

Bài viết này hướng dẫn cách tạo Icon xoay khi rê chuột với CSS3 (360° , 60° , -360° ) .

Có thể sử dụng hiệu ứng này áp dụng cho hình ảnh trong bài viết ^^ .

Hiển thị tốt nhất trên FireFox 3.5+ , G.Chrome , Safari , và Opera 10+ .



Demo :

Xoay 360° :

Xoay 60° :

Xoay -360° :

CSS :

<style>
p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}
p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}
p#socialicons3 img:hover{ 
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
</style>

HTML :

Xoay 360° :
<p id="socialicons">
<a href="http://www.vanlinhex.com/">
<img border="0" src="http://2.bp.blogspot.com/-qf8-VqBQmvw/TyyHnCi7cpI/AAAAAAAABT0/pXkit7imwVI/s1600/rss.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://3.bp.blogspot.com/-kFcTKfBw8-8/TyyHmfPHNCI/AAAAAAAABTc/LvrZXAKzMw0/s1600/delicious.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://1.bp.blogspot.com/-4osw17bNWcE/TyyHmsaEpOI/AAAAAAAABTs/x5uG5H4yo20/s1600/facebook.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://2.bp.blogspot.com/-qaBYtxmIeUE/TyyHnbti_eI/AAAAAAAABUA/4H_UNB0uZTQ/s1600/twitter.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://4.bp.blogspot.com/-pkYgKVHNujQ/TyyHnr7bonI/AAAAAAAABUM/X84JauJHUVI/s1600/yahoo.png" /></a></p>

Xoay 60° :
<p id="socialicons2">
<a href="http://www.vanlinhex.com/">
<img border="0" src="http://2.bp.blogspot.com/-qf8-VqBQmvw/TyyHnCi7cpI/AAAAAAAABT0/pXkit7imwVI/s1600/rss.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://3.bp.blogspot.com/-kFcTKfBw8-8/TyyHmfPHNCI/AAAAAAAABTc/LvrZXAKzMw0/s1600/delicious.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://1.bp.blogspot.com/-4osw17bNWcE/TyyHmsaEpOI/AAAAAAAABTs/x5uG5H4yo20/s1600/facebook.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://2.bp.blogspot.com/-qaBYtxmIeUE/TyyHnbti_eI/AAAAAAAABUA/4H_UNB0uZTQ/s1600/twitter.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://4.bp.blogspot.com/-pkYgKVHNujQ/TyyHnr7bonI/AAAAAAAABUM/X84JauJHUVI/s1600/yahoo.png" /></a></p>

Xoay -360° :
<p id="socialicons3">
<a href="http://www.vanlinhex.com/">
<img border="0" src="http://2.bp.blogspot.com/-qf8-VqBQmvw/TyyHnCi7cpI/AAAAAAAABT0/pXkit7imwVI/s1600/rss.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://3.bp.blogspot.com/-kFcTKfBw8-8/TyyHmfPHNCI/AAAAAAAABTc/LvrZXAKzMw0/s1600/delicious.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://1.bp.blogspot.com/-4osw17bNWcE/TyyHmsaEpOI/AAAAAAAABTs/x5uG5H4yo20/s1600/facebook.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://2.bp.blogspot.com/-qaBYtxmIeUE/TyyHnbti_eI/AAAAAAAABUA/4H_UNB0uZTQ/s1600/twitter.png" /></a> <a href="http://www.vanlinhex.com/"><img border="0" src="http://4.bp.blogspot.com/-pkYgKVHNujQ/TyyHnr7bonI/AAAAAAAABUM/X84JauJHUVI/s1600/yahoo.png" /></a></p>