Làm Baner Động cho Nóc Nhà từ Ảnh Động

Làm Baner Động cho Nóc Nhà  từ Ảnh Động

            Tôi rất thích treo Hình Động lên Nóc nhà cho nó Vui vẻ. Vừa qua tôi đã làm được Banner động từ các đường Link Flash. Bây giờ sẽ làm Banner Động từ các Ảnh Động. Thật ra tôi đã nghĩ đến điều này ngay từ đầu nhưng đã không làm được. Ảnh Động thường dung lượng lớn, Khi phải kéo ra cho vừa với kích thước nóc nhà thì dung lượng lại càng quá lớn nên rất nặng, tải rất lâu. Vấn đề là phải làm sao giảm dung lượng ảnh. Từ gần chục MB xuống dưới 1MB mà không giảm nhiều chất lượng ảnh. Tôi đã giải quyết được việc này bằng cách giảm số lượng  khung hình và điều chỉnh lại thời gian của các khung hình cho phù hợp.

            Dưới đây là một số Banner động tôi làm ra từ mấy ảnh động tìm thấy trong máy tính của mình, nếu có thì giờ tìm trên mạng thì sẽ có nhiều và đẹp hơn. Dưới mỗi Banner là Mã để đưa vào Nguồn bên ngoài. Các bạn có thể dùng nó để thử đưa lên Blog của mình. Để dùng chung cho mọi người nên tôi chưa  viết chữ, nếu bạn muốn viểt thêm chữ cho riêng mình vào ảnh thì bạn copy ảnh này về máy  tính của mình bằng cách nhấn phím chuột phải vào ảnh rồi “ Copy hình ảnh thành” ( Save as). Sau đó bạn đưa ảnh vào Photoshop để viết chữ và tạo ra ảnh mới. Ảnh này sau đó phải đưa vào Photobucket để tải lên mạng và lấy đường Link. Thay đường Link này cho đường Link cũ trong Bảng Mã, rồi lại đưa vào Nguồn bên ngoài như bình thường.

            Các bạn cần lưu ý : - Mỗi khi muốn thay nóc nhà, dù chỉ thử thôi, thì việc đầu tiên là các bạn phải copy nội
dung cũ của mã nóc nhà trong “ Nguồn bên ngoài” và cất đi. Các bạn có thể quay lại trạng thái cũ bất kỳlúcnào.
                                                  - Sau khi nạp cho nguồn bên ngoài nội dung mới rồi nhấn “ Cập nhật” hoặc OK mà thấy không bình thường, nội dung bay mất chẳng hạn. Thì bạn nhấn phím F5, nội dung sẽ được khôi phục lại để bạn làm tiếp.

            Các Banner đã tạo.

                        1- Đập nước, Ảnh này tôi đang treo trên nóc nhà.

            Mã cho Nguồn bên ngoài :

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/dapnuocc.gif) no-repeat center;}</style>

                        2-  Cây Hoa đỏ to

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/cayhoato1b.gif) no-repeat center;}</style>

                        3- Biển Động

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/biendong.gif) no-repeat center;}</style>

                       4-Sao Băng

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/saobang.gif) no-repeat center;}</style>

       
               5-Hoa bay

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/hoabay.gif)

                        6- Bóng đỏ

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/bongdo.gif) no-repeat center;}</style>

                        7-Mưa Thu

<style> #hd{border-bottom:0px;} #asb-uh{border:0px;height:350px;background-color:#086996;}#asb-nav {height:430px;background:url(http://i1118.photobucket.com/albums/k615/anhnguyet43/muathuduoimua1.gif) no-repeat center;}</style>