Friday, March 17, 2017

Cách lưu trữ file js và css bằng google hosting lên trực tiếp template blogspot.

Chào mọi người. với những người chơi blogger thì thường dùng drive của google làm nơi lưu trự css cũng như js, có thể nói drive là một hosting của blogger.

Tuy nhiên theo thông tin thì tới ngày 31/08 google sẽ hủy tính năng hosting drive. tức là những file lưu trự này sẽ không còn hoạt động nữa hay nói cách khác là bị die link.

Bài hướng dẫn các bạn up code trực tiếp lên Template blogger của bạn. Điều này sẽ không làm blog của bạn không bị lệ thuộc vào bất kỳ trang lưu trự nào. Điều này cũng không ảnh hưởng quá nhiều đến tốc độ tải trang mà đôi khi sẽ giúp website của bạn nhanh hơn.

Hướng dẫn up những file js, css từ hosting trực tiếp vào template blogger

Bước 1: Vào code kiểm tra xem blog của bạn đang lưu trữ js, css ở đâu ( chỉ kiểm tra xem có lưu ở drive ko thôi nha)
- Ctrl + F tìm drive.
Link css: <link href="https://googledrive.com/host/..........." rel="stylesheet" type="text/css" />
Link js: <script src="https://googledrive.com/host/..........." type="text/javascript" />
Bước 2: Copy, paste link url của googledrive lên trình duyệt. Nhứ hình minh họa dưới


Ở bước này cửa số trình duyệt sẽ hiển thị ra đoạn code. bạn copy lại.
Bước 3. Copy code vào trong blog theo công thức sau ( đặt code ngay dưới file google drive bạn vừa tìm được nha)

- Với file css thì lưu ở dạng sau:
<style type="text/css" >
/* code*/
</style>
- Với file js thì bạn lưu ở dạng sau:
<script type='text/javascript'>
//<![CDATA[
/* code*/
//]]>
</script>

Bước 4: Xóa đoạn hosting googledrive và lưu lại.
ok, giờ các bạn thư xem blog của các bạn có hoạt động bình thường không.
Lưu ý trương hợp file js mà các bạn không lưu được. các bạn thử để ý xem nó có bị lập //<![CDATA[ , //]]> 2 lần không và xóa đi.

Tuesday, January 17, 2017

BANNER TRƯỢT DỌC 2 BÊN BLOGSPOT.........

Mẫu banner Noel ở 2 bên blog, ứng với mỗi mẫu là đoạn code phía dưới, thích mẫu nào thì thêm tiện ích HTML/Javacript.




 Code mẫu 1:

<div style="left: 2px; position: fixed; top: 0px;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noeltrai3.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="position: fixed; right: 2px; top: 0px;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noelphai3.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>



 Code mẫu 2:

<div style="top: 0px; left: 2px; position: fixed;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noeltrai4.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noelphai4.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>




 Code mẫu 3:

<div style="top: 0px; left: 2px; position: fixed;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noeltrai5.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noelphai5.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>



 Code mẫu 4:

<div style="top: 0px; left: 2px; position: fixed;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noeltrai6.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noelphai6.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>


 Code mẫu 5:

<div style="top: 00px; left: 2px; position: fixed;">
<embed height="500" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noeltrai7.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>
<div style="top: 0px; position: fixed; right: 2px;">
<embed height="410" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="https://sites.google.com/site/dunghennessyflash/Noelphai7.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div>


Thursday, August 20, 2015

Tự tay vào bếp nấu để có bữa cơm ngon

Chị em hãy mua và chế biến nguyên liệu đơn giản thành các món ăn ngon, hấp dẫn cho gia đình nhé!
Bữa ăn chiều nay nhà mình sẽ có các món:
- Bắp giò heo hun khói
- Tỏi gà chiên bơ
- Canh bầu nấu tôm
- Rau cải bắp luộc
canh bầu, đùi gà, chân giò
BẮP GIÒ HEO HUN KHÓI
Chân giò rửa sạch, để nguyên không chặt, lau cho khô. Dùng một con dao mũi nhọn, thật bén, luồn mũi dao vào bên trong chân giò, cắt từ từ, dùng ngón trỏ luồn bên dưới miếng da, sau đó cho dao cắt chậm. Cẩn thận khi rút xương, làm nhẹ tay nếu không miếng da rách sẽ khó dồn phần thịt vào bên trong chân giò. Cứ nhẹ nhàng như vậy mình sẽ rút xương được một cái chân giò hoàn chỉnh. Sau khi chân giò được rút xương, dùng dao sắc lạng bớt thịt ở bên trong cho dễ cuốn.
Ướp thịt với 1 muỗng cafe ngũ vị hương, 1 muỗng xì dầu, 1 muỗng cafe bột nêm, 1 muỗng cafe muối, 1 muỗng nhỏ đường cát, 1 muỗng cafe dầu mè,1 tép tỏi băm thật nhuyễn. Ướp thịt trong 1 tiếng. Sau khi thịt ngấm gia vị thì trải miếng thịt ra, cho phần thịt lạng mỏng vào giữa cuộn tròn lại, dùng dây gai bó chặt. Thoa 1 thìa xì dầu, 1 thìa muối bên ngoài chân giò.
canh bầu, đùi gà, chân giò
Sau đó đem hấp cách thuỷ 1 tiếng rưỡi, khi hấp nhớ dùng tăm chích nhẹ vào chân giò, để phần da không bị nứt. Khi chân giò chín, chuẩn bị một thau nước đá lạnh cho giò vào ngâm để phần da được giòn và ngon. Dùng một cái chảo sâu lòng, phủ 2 lớp giấy bạc bên dưới lòng chảo, cho vào 1 chén gạo, 1/2 chén đường và trà, dùng cái kệ sắt cho lên trên, đặt chân giò vào trên kệ, đậy nắp, bật lửa, nhớ vặn lửa nhỏ thôi, nếu dùng lửa lớn quá phần nguyên liệu bên dưới cháy khét món chân giò coi như hỏng.
Khi đã vặn lửa đứng canh khi nào thấy thành chảo bắt đầu có khói bóc ra là tắt bếp, cho chân giò ra ngoài, nếu để lâu quá giò sẻ bị hôi khói. Vậy là xong món bắp giò heo hun khói rồi đấy.
ĐÙI GÀ CHIÊN BƠ
Đùi gà rửa sạch để ráo. Ướp gà với 1/3 phần tỏi băm, sả băm nhỏ, ½ thìa muối, 2 thìa hạt nêm, 1 thìa nước mắm, 1 thìa bột ngọt, ½ thìa đường, 1 thìa tiêu bột, 2 thìa dầu ăn trong 1 tiếng để gà ngấm gia vị kỹ hơn.
Sau khi gà đã ngấm gia vị, cho dầu vào chảo chiên gà. Chú ý đổ dầu ăn ngập đùi gà, chiên lửa nhỏ để tỏi gà vàng và chín thấu. Đùi gà chín vớt ra đĩa có lót giấy thấm dầu. Tiếp đó, bạn sử dụng 1 chảo khác, vặn lửa nhỏ liu riu làm nóng chảo, cho bơ vào để bơ tan chảy rồi cho 2/3 tỏi băm còn lại vào phi thơm. Bày đùi gà đã chiên vàng giòn ra đĩa có sẵn cà chua và dưa leo sao cho đẹp mắt rồi sử dụng hỗn hợp bơ – tỏi rưới đều lên khắp đùi gà là xong.
canh bầu, đùi gà, chân giò
CANH BẦU NẤU TÔM
Tôm bỏ đầu, lột vỏ rửa sạch để ráo. Bầu gọt vỏ rửa sạch thái miếng vừa ăn. Cho chút dầu vào phi thơm hành, đổ tôm vào xào. Tôm chín tái thì cho bầu vào xào cùng. Nêm nếm gia vị vừa ăn. Bầu chín sơ sơ thì đổ nước sôi vào nấu tiếp. Bầu chín thì múc ra tô là xong nhé.
canh bầu, đùi gà, chân giò
BẮP CẢI LUỘC
Cải bắp rửa sạch, thái nhỏ. Nấu nước sôi cho vào 1 chút muối, 1 miếng gừng nhỏ đập dập rồi thả cải bắp vào nồi. Rau chín thì gắp ra đĩa là được.
canh bầu, đùi gà, chân giò
Giá tiền các nguyên liệu
- Giò heo phẩn trên (không lấy móng giò): 400g
- Tỏi gà 650g
- Nửa quả bầu
- 1 lạng tôm nhỏ
- Rau cải bắp
Tổng: 102.000 đồng
Chúc các bạn thành công và ngon miệng với thực đơn hàng ngày!

30 phút để có kem tự chế ngon ngất ngây...

Chỉ với 30 phút chế biến và khoảng 2 - 3 giờ để làm đông bạn đã có những que kem thơm phức, ngọt mát và không hề đóng đá.
1. Kem chuối lạc
Nguyên liệu:
- 300ml sữa chua
- 150ml nước cốt dừa
- 150ml sữa đặc
- 100g lạc đã rang chín, giã nhỏ
- 100g dừa nạo sợi
- 4 quả chuối tây
kem, tự làm kem
Cách làm:
- Chuối mỗi quả cắt làm 3, 4 theo chiều dọc.
- Trộn đều nước cốt dừa, sữa đặc, sữa chua vào một bát to.
- Múc 1 muôi hỗn hợp đã trộn vào hộp. Sau đó xếp 1 lớp chuối vào, rắc tiếp một lớp lạc, dừa nạo sợi... Cứ thế làm đến lúc hết nguyên liệu. Trên cùng rắc nhiều lạc và dừa nạo sợi, lấy tay ấn nhẹ để lạc và dừa dính vào kem để ko bị rơi ra lúc ăn.
- Để ngăn đá khoảng 3h là ăn được.
Lưu ý: Mọi người có thể thay chuối bằng mít, xoài... đều rất thơm ngon.
2. Kem đậu đỏ
Nguyên liệu:
- Đậu đỏ: 250g
- Sữa tươi có đường: 300ml
- Đường trắng: 150g
- Kem tươi: 400ml
- Sữa đặc có đường: 100ml
- Trứng gà: 2 quả, chọn trứng gà ta cho ngon nhé
- Nước cốt dừa: 100ml
- Vani: 3 ống
- Dụng cụ làm kem: Khuôn làm kem que (có thể thay thế bằng hộp nhựa làm kem), dụng cụ đánh trứng.
kem, tự làm kem
Cách làm:
- Đậu đỏ vo sạch rồi ngâm với nước khoảng 10 tiếng, sau đó cho vào nồi luộc chín. Tiếp đó cho 100g đường vào và khuấy đều rồi cho ra tô để riêng.
- Trứng gà: Tách riêng lòng đỏ rồi trộn với 50g đường còn lại và 3 ống vani đánh đều. Tiếp đó cho sữa tươi, kem tươi, sữa đặc có đường, nước cốt dừa, đậu đỏ vào khuấy đều.
- Đổ hỗn hợp kem đậu đỏ vào khuôn và để vào ngăn đông tủ lạnh, sau 7-8 tiếng là có thể thưởng thức.
3. Kem chanh dừa mát lạnh
Nguyên liệu:
- 60ml nước cốt chanh (khoảng 4 quả chanh nhỏ)
- Vỏ của 3 quả chanh bào sợi
- 250ml sữa chua
- 200ml nước cốt dừa
- 55g đường bột
- Máy xay sinh tố, khuôn làm kem và que kem gỗ
kem, tự làm kem
Cách làm:
- Bào nhuyễn vỏ chanh
- Vắt nước cốt chanh vào cùng với vỏ
- Thêm sữa chua vào hỗn hợp.
- Tiếp đó, cho cả đường bột vào
- Khuấy đều tất cả các nguyên liệu trong tô.
- Cho hỗn hợp vào máy xay sinh tố cùng với nước cốt dừa. Sau đó xay cho đến khi thật mịn.
- Đổ hỗn hợp vào từng khay làm kem.
- Cắm que gỗ vào rồi để trong tủ lạnh khoảng 3 tiếng, đến khi kem đông lại là thưởng thức.
4. Kem đậu xanh
Nguyên liệu:
- Đậu xanh : 150g
- Nước cốt dừa: 100ml
- Đường: 50g
- Sữa tươi: 200ml
- Nước lọc: 100ml
- Bột ngô: 1 thìa nhỏ
- Bột mì: 1 thìa nhỏ
- Khuôn làm kem
kem, tự làm kem
Cách làm:
- Đậu xanh rửa sạch, ngâm nước cho tách vỏ sau đó hấp chín. Lấy muôi nghiền nát ¾ đậu xanh và bớt lại ¼ không nghiền.
- Trộn đều hai thìa bột mì + bột ngô + chút nước.
- Bật bếp đun đường sữa rồi cho đậu xanh đã được hấp chín, hỗn hợp bột mì + bột ngô vào khuấy đều đến khi sôi.
- Đổ nước cốt dừa vào và tắt bếp sau khi sôi thêm 1-2 phút, chờ hỗn hợp nguội.
- Rót sữa vào khay và để vào tủ đá, sau vài tiếng có thể dùng được.
5. Kem bơ
Nguyên liệu:
- 2-3 quả bơ sáp
- 1 hộp sữa chua
- 200ml kem tươi
- 150g đường bột
- 1 gói hạt lạc hoặc hạt điều rang
kem, tự làm kem
Cách làm:
- Bơ bỏ vỏ rồi cho vào máy xay nhuyễn cùng với sữa chua và đường bột.
- Đánh bông kem tươi, trộn đều với hỗn hợp bơ vừa xay.
- Đập dập hạt điều hoặc lạc rang rồi trộn đều vào hỗn hợp trên.
- Bọc kín hỗn hợp bằng giấy bạc rồi để trong ngăn đá quan đêm là có món kem bơ lạc.
6. Kem cà phê
Nguyên liệu:
- Lòng đỏ trứng gà: 8 quả
- Đường: 140g
- Sữa tươi: 500g
- Cà phê hòa tan: 15g
- Cà phê hạt: 50g
- Lá thạch: 25g
- Kem tươi: 500g
kem, tự làm kem
Cách làm:
- Đánh bông kem tươi đến khi kem cứng thì để tủ lạnh.
- Rang cà phê hạt sau đó xay, đun cùng cà phê hòa tan lấy vị thơm và lọc lấy nước.
- Đánh đều lòng đỏ trứng, cho từ từ nước đường và nước cà phê vào.
- Trộn đều nguyên liệu trên với kem tươi đã đánh và cho vào ly để lạnh.
Minh Thùy (tổng hợp)

Thịt bò tái: Vì sao nên đoạn tuyệt?....


Thịt bò tái tuy là món ăn khoái khẩu của nhiều người nhưng thực sự món ăn này chứa rất nhiều hiểm họa nên dù thích mấy cũng nên từ bỏ thói quen này.

Hàng năm, viện Sốt rét Ký sinh trùng Trung ương tiếp nhận rất nhiều bệnh nhân nhiễm ký sinh trùng do ăn thực phẩm tái sống. Một trong những ca bệnh đó là anh Đ.Đ.C ở Cửa Lò, Nghệ An.
Anh Đ.Đ.C nhập viện trong tình trạng đau thượng vị, dạ dày bị tổn thương, rối loạn tiêu hóa, sốt rất cao. Trước đó bệnh nhân đã nằm điều trị ở tuyến dưới nửa tháng nhưng không tìm ra bệnh nên các bác sỹ đã cho chuyển viện.
Tại đây, các bác sĩ nhận định, bệnh nhân này có nhiều dấu hiệu của bệnh sán lá gan lớn nên đã cho làm xét nghiệm tìm kiếm sán lá gan.
Kết quả xét nghiệm cho thấy, thông số bạch cầu ái toan của bệnh nhân tăng cao 70%. Kiểm tra máu bằng kỹ thuật miễn dịch tìm thấy kháng thể sán lá gan lớn trong huyết thanh. Ngoài ra, kết quả xét nghiệm phân còn cho thấy có trứng ấu trùng sán lá gan.
Qua điều tra thói quen sinh hoạt cho thấy, bệnh nhân C. có sở thích ăn thịt bò tái hàng ngày. Các bác sĩ nhận định đây chính là nguyên nhân khiến bệnh nhân bị nhiễm sán lá gan lớn.
Theo các bác sĩ, thịt bò tái tuy là món ăn khoái khẩu của nhiều người vì cách ăn này khiến cho thịt bò mềm và ngọt hơn so với khi nấu chín hẳn nhưng thực sự món ăn này chứa rất nhiều hiểm họa nên dù thích mấy cũng nên từ bỏ thói quen này.
Khi ăn thịt bò tái, nguy cơ lớn nhất của người ăn là bị nhiễm ký sinh trùng. Khi ăn thịt bò tái thường xuyên, người ăn có nguy cơ nhiễm 2 căn bệnh điển hình do ký sinh trùng gây nên như:
Bác sĩ Trần Hữu Thọ, Trưởng khoa Khám bệnh Viện sốt rét ký sinh trùng Trung ương: "Trong thịt bò tái có chứa các nang ấu trùng, chúng sẽ xâm nhập vào cơ thể bằng đường miệng di qua dạ dày, tá tràng vào ổ bụng rồi di chuyển đến gan.
Ấu trùng đục thủng bao gan chui vào nhu mô gan để sinh trưởng và tiết ra các chất độc phá huỷ nhu mô gan, gây cảm giác đau bụng, đau vùng rốn, và gây tắc đường ruột". - Theo Pháp luật và Đời sống
- Bệnh sán lá gan lớn: Sán lá gan lớn là loại ký sinh trùng ký sinh ở gan và đường mật của động vật ăn cỏ như trâu, bò, dê... Nếu giết ổ những động vật này không đúng quy trình vệ sinh sẽ khiến cho ký sinh trùng xâm nhập vào thịt.
Ngoài ra, trong quá trình tiêu hóa của động vật ăn cỏ, phân của chúng thường chứa ấu trùng sán lá gan. Khi ra ngoài, chúng phát triển ở ngoài không khí, sống trong môi trường nước và bám vào các loại rau thủy sinh như rau ngổ, rau muống, rau cần...
Nếu con người ăn sống các loại rau này cũng có nguy cơ cao nhiễm bệnh sán lá gan.
- Bệnh sán giải bò: Bệnh này do loài sán ký sinh trong ruột bò có tên khoa học là Taenie Saginata gây ra.
Nang sán có trong thịt bò nấu không chín kỹ, khi vào ruột sẽ phóng thích cho ra ấu trùng sán, có thể thâm nhập qua thành ruột và đi khắp cơ thể, gây nên bệnh sán ở mô.



7 loại trà nên uống khi bụng “bất an”............

Khi bị đầy bụng, khó tiêu, tiêu chảy, co thắt đường tiêu hoá hoá, hội chứng ruột kích thích.... những loại trà thảo dược dưới đây sẽ giúp giảm thiểu các triệu chứng khó chịu này đấy.


Trà gừng
Củ gừng đã được dùng làm thuốc từ hàng ngàn năm trước ở nhiều nơi như châu Á vào Ấn Độ. Gừng giúp làm giảm đau bụng, khó tiêu, say tàu xe và buồn nôn.

Trà hoa cúc
Một trong những loại thảo dược phổ biến nhất trên thế giới, cúc chamomile có đặc tính chống chống viêm, chống co thắt và giảm đầy hơi, khiến nó trở thành một phương thuốc hiệu quả để làm dịu dạ dày. Trà hoa cúc có thể làm giảm kích ứng dạ dày, đau bụng, hội chứng ruột kích thích, khó tiêu và đầy hơi.

Trà bạc hà cay (peppermint)
Lá và dầu bạc hà đã được y học cổ truyền sử dụng làm thuốc. Bạc hà giúp yên bụng nhờ xoa dịu các cơ của dạ dày và cải thiện lưu thông mật. Trà bạc hà cũng giúp làm giảm buồn nôn, đau bụng kinh, đầy hơi và gần như tất cả các bệnh dạ dày khác.

Trà bạc hà lục (spearmint)
Bạc hà lục là loại thảo dược thường được dùng để giảm buồn nôn, đầy hơi, khó tiêu, tiêu chảy, co thắt đường tiêu hóa trên, hội chứng ruột kích thích, sưng đường mật và túi mật và sỏi mật.
Trà húng quế
Một phương thuốc phổ biến trong y học cổ truyền Ấn Độ, húng quế thường được dùng để trị các chứng kích ứng dạ dày, co thắt dạ dày và đầy hơi.

Trà cam thảo
Rễ cam thảo có thể giúp ngăn ngừa loét dạ dày – căn bệnh gây đau bụng, chướng bụng và khó tiêu – do tác dụng bảo vệ trên các tế bào niêm mạc dạ dày.


Trà xanh
Trà xanh được cho giúp làm giảm chướng bụng và đầy hơi. Tuy nhiên do có chứa chất caffein nên đôi khi trà xanh có thể gây cồn cào trong bụng.
Cẩm Tú
Theo Thedailymeal

Trượt Ảnh Ngang Dọc Với CSS3 ....

Đây là hiệu ứng trượt ảnh theo chiều ngang và chiều dọc khi ta rê chuột vào ảnh thường thấy ở các web/blog có giao diện mang phong cách metro.
Tuy sử dụng hoàn toàn là css nhưng hình ảnh di chuyển rất mượt mà uyển chuyển.
Có thể điều chỉnh theo các khung hình có kích thước khác nhau.
Và khả năng tùy biến là rất cao.

làm thế nào để áp dụng vào blogspot
Code gồm 2 phần là css và HTML ta có thể bỏ CSS vào trong mẫu khi sử dụng thì ta chỉ việc dùng phần HTML hoặc ta gộp cả css và HTML trong 1 code như bên dưới:


<style type="text/css>
#dtb{width:750px; height:320px; border:0px solid #333; float:left;overflow:hidden;}
.ngang, .doc {float:left; margin:5px; padding:5px; border:1px solid #aaa;display: block;overflow:hidden;box-align:center;text-align:center; min-width:74px; min-height:138px; position: relative;
display: table-cell;vertical-align: middle;
}
/*ngang*/
.ngang .trai {float: left;position: absolute;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; -o-transition-duration: 1s;
}

.ngang .phai { float: right;width: ;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; -o-transition-duration: 1s;}

.ngang:hover .trai {margin-left: 128px;}
.ngang:hover .phai {margin-right: 128px;}
/*doc*/
.doc .tren {position: absolute;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; -o-transition-duration: 1s;top:0px}

.doc .duoi {position: absolute;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s; -o-transition-duration: 1s;bottom:0px
}

.doc:hover .tren {margin-top: 69px;}
.doc:hover .duoi {margin-bottom: 69px;}
</style>

<div id="dtb">
<div class="ngang" style="width:256px; ">
<div class="trai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RZbMLHco0PzIUQegeS60xlC4s2Xc_B2Zmvu8oZBrjqDwTWfu5gXS4HZxkLQMwg-Yx1kXKWsPz1xkXhNFJemy1Fuy3Dz-sAS_VABhKUAr87hDe4crNNj7Dicyi8Hsy8vHww7aZ7JTifs/s1600/home-icon.png"/></div>
<div class="phai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLixC0Wl0iSCl0IUe6hRLoWeASMv5lzKcASWw3m1449H3LCHPq0CoJHxJzKU0k9h19brWQvhQkqVcdQVRakng4DeAebCDoouzmHf6rmOvvN8WGhBqAcw9C4bB14qAQ90OjZxZe2YmnlLs/s1600/House-icon.png"/></div>
</div>
<div class="doc" style="width:; height:128px;">
<div class="tren">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjB3yZ09uK3KwLn2P5C4lt4BXuMSnPOTmADRTTBYGbSxQy3T9kcXLGyrpO4OYiM4zjQQP62smhWR81bgzgom9ZU1Mi3kvAg52Ysw5PXnWttt5ni1wfTjP-s1JN_Xk_W8j4IbpWIlpMB8/s1600/dog-icon.png"/></div>
<div class="duoi">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCc0sYb8fxHaCDZ4zYdMOVWAQoFZgHUZZakxOnhJe4RRZhqE3fKPjKJWtrkWmg1vorcB9unX4B89R8BN7AatwKNHT0B4hqwOGWGObHxw2k8SyqiAvNvYHmjYd3hNZyI-MsV0rTpCdAQj4/s1600/santa-dog-icon.png"/></div>
</div>
<div class="doc" style="width:; height:128px;">
<div class="tren">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOh_SOx14xewXSIyznrRDIPILNSvVElPyOfb0zrJ98_XuvgJwRFAUTG8YIMbJK8kW6ugb9NcStJNFlmZKD4r2c4kCHUuoJXvb3N0tfZqisp41gBuoXGeBuL_tN7yjvl5fBMhzZ6vtCI0/s1600/home-icon.png"/></div>
<div class="duoi">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwVZQXBTGwSDdC5EMfgi97SRNkRgln-k6SMbw7ksN6sxCGelShb5-zwmeY9o1blvu5QbIFxsGmg7Kb_yGXQuoT7W6OMvNNGU3VnYk5oIeAMd8cASngXLo1Y2QtlBo_t3adrUg9Vw30xU/s1600/House-icon.png"/></div>
</div>
<div class="ngang" style="width:256px; height:;">
<div class="trai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk0GnVlOximtvalzi1fqHU-Ou6uu3xRXp1DMbgSDBZb-K2R48V8uFSPl_g_hlWVjRETZ3LAzYVfGWXbqQI6ZUJFTUHsLguuF7atDbLo2W9HJ5qYhcF2Ruu602rmVa-sHKvQesgWFkTkbk/s1600/dog-icon.png"/></div>
<div class="phai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3Au1dFxpmVKKvnRVzBZEoxbcBJVbqOAo84LRihKR2tVoXTTE1mwHSb4mpDcLSmPJyqFp4HZEFH3yNGUJiHPGCVFqdRd0yw2-oCj7YyZVs7yPP4IxjIodLAmUi5sJtqsibIviEzPtixU/s1600/santa-dog-icon.png"/></div>
</div>
<div class="ngang" style="width:256px; height:;">
<div class="trai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk0GnVlOximtvalzi1fqHU-Ou6uu3xRXp1DMbgSDBZb-K2R48V8uFSPl_g_hlWVjRETZ3LAzYVfGWXbqQI6ZUJFTUHsLguuF7atDbLo2W9HJ5qYhcF2Ruu602rmVa-sHKvQesgWFkTkbk/s1600/dog-icon.png"/></div>
<div class="phai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3Au1dFxpmVKKvnRVzBZEoxbcBJVbqOAo84LRihKR2tVoXTTE1mwHSb4mpDcLSmPJyqFp4HZEFH3yNGUJiHPGCVFqdRd0yw2-oCj7YyZVs7yPP4IxjIodLAmUi5sJtqsibIviEzPtixU/s1600/santa-dog-icon.png"/></div>
</div>
<div class="doc" style="width:; height:;">
<div class="tren">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOh_SOx14xewXSIyznrRDIPILNSvVElPyOfb0zrJ98_XuvgJwRFAUTG8YIMbJK8kW6ugb9NcStJNFlmZKD4r2c4kCHUuoJXvb3N0tfZqisp41gBuoXGeBuL_tN7yjvl5fBMhzZ6vtCI0/s1600/home-icon.png"/></div>
<div class="duoi">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwVZQXBTGwSDdC5EMfgi97SRNkRgln-k6SMbw7ksN6sxCGelShb5-zwmeY9o1blvu5QbIFxsGmg7Kb_yGXQuoT7W6OMvNNGU3VnYk5oIeAMd8cASngXLo1Y2QtlBo_t3adrUg9Vw30xU/s1600/House-icon.png"/></div>
</div>
<div class="ngang" style="width:256px; height:;">
<div class="trai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RZbMLHco0PzIUQegeS60xlC4s2Xc_B2Zmvu8oZBrjqDwTWfu5gXS4HZxkLQMwg-Yx1kXKWsPz1xkXhNFJemy1Fuy3Dz-sAS_VABhKUAr87hDe4crNNj7Dicyi8Hsy8vHww7aZ7JTifs/s1600/home-icon.png"/></div>
<div class="phai">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLixC0Wl0iSCl0IUe6hRLoWeASMv5lzKcASWw3m1449H3LCHPq0CoJHxJzKU0k9h19brWQvhQkqVcdQVRakng4DeAebCDoouzmHf6rmOvvN8WGhBqAcw9C4bB14qAQ90OjZxZe2YmnlLs/s1600/House-icon.png"/></div>
</div>
<div class="doc" style="width:; height:;">
<div class="tren">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAOh_SOx14xewXSIyznrRDIPILNSvVElPyOfb0zrJ98_XuvgJwRFAUTG8YIMbJK8kW6ugb9NcStJNFlmZKD4r2c4kCHUuoJXvb3N0tfZqisp41gBuoXGeBuL_tN7yjvl5fBMhzZ6vtCI0/s1600/home-icon.png"/></div>
<div class="duoi">
<img alt="demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwVZQXBTGwSDdC5EMfgi97SRNkRgln-k6SMbw7ksN6sxCGelShb5-zwmeY9o1blvu5QbIFxsGmg7Kb_yGXQuoT7W6OMvNNGU3VnYk5oIeAMd8cASngXLo1Y2QtlBo_t3adrUg9Vw30xU/s1600/House-icon.png" /></div>
</div>
</div>


Để có được một giao diện vừa ý ta cần hiệu chỉnh các thông số chiều rộng chiều cao cánh trái canh phải.
Ta cũng có thể gắn link vào từng ảnh dẫn đến những đích cụ thể

Powered by Blogger.