CÁCH TẠO BANNER FLASH CHO BLOG

 Các bạn thân mến! Chúng ta đã bước qua năm mới dương lịch 2013 được 5 ngày, và chỉ còn 35 ngày nữa chúng ta sẽ chào đón Tết Nguyên Đán Quý Tỵ 2013. Trong những ngày vừa qua, Thi Hồng muốn trang trí cho blog của mình 1 banner flash chúc mừng năm mới, nhưng ít thấy banner nào có code (CSS) để đưa vào blog.
 Qua bài hướng dẫn trên 1 trang web, TH đã thực hiện được banner flash từ trang web của Trung Quốc. Thi Hồng xin chia sẻ kinh nghiệm làm và một số banner mà Thi Hồng đã làm được để các bạn xem nhé. Dưới mỗi banner là đoạn code tương ứng. Các bạn có thể đưa vào “Thêm tiện ích HTML/Javacript” (trong blogspot) hoặc đưa vào “Nguồn bên ngoài” (trong blog yahoo).

 Sau đây là kinh nghiệm làm của Thi Hồng:
1. Trước tiên các bạn vào: http://www.alimama.com/membersvc/member/login.html?forward=http://banner.alimama.com.
2. Vào trang web nầy để đăng ký: http://www.alimama.com/membersvc/member/register.html.
 - Đây là website toàn tiếng TQ, nên nếu không biết , bạn làm theo sau: + ô đầu tiên là tên người dùng
 + 2 ô kế là email – email
 + ô mật khẩu
+ ô nhỏ phía dưới có mũi tên xổ xuống là giới tính. Nếu là nữ thì chọn hàng cuối cùng chữ QQ; nếu là nam thì kế trên
+ nhập chuỗi ký tự như mẫu
+ click vào ô cuối cùng để tạo tài khoản
 - Nếu đăng ký không được, thì có thể dùng tài khoản sau:
User name (Tên người dùng – ô đầu tiên): hotro@webmienphi.vn Password: webmienphi2011
 3. Truy cập vào trang : http://banner.alimama.com/templets?channel id=aboard
4. website nầy có hàng ngàn banner. Nếu chọn được cái ưng ý, bạn click vào, sẽ hiện ra cửa sổ mới. Bạn chú ý:
- Bên tay phải phía trên có 6 ô trắng và 1 ô xanh:
+ Bạn click vào ô đầu tiên có bánh xe răng cưa để chỉnh kích thước banner theo ý muốn.
 + Ô kế có chữ A dùng để viết chữ vào flash. Nếu bạn dùng chữ không dấu, thì click vào ô có chữ T đầu tiên. Nếu muốn dùng chữ có dấu tiếng Việt, thì click vào chữ T kế đó.
+ Ô thứ 3 là các hiệu ứng tùy bạn chọn.
 + Nhấp vào ô màu xanh bên phải để lưu
5. hiện ra hình mẫu banner, phía dưới có khung màu đen , có mũi tên. Bạn nhấn vào mũi tên để tải về
6. Hiện ra cửa sổ khác. Bạn copy các code HTML, javacript trong đây để dán vào “Thêm tiện ích HTML/Javacript” của blogspot, hoặc đưa vào “Nguồn bên ngoài” trong blog yahoo. (Bạn nên nhớ lưu vào máy để phòng khi sử dụng lại).
* Nếu chèn ảnh mới: đoạn dưới đây là nguyên mẫu hướng dẫn trong bài trên trang web (TH xin lỗi vì không nhớ chính xác tên tác giả và trang web)
- Để chèn ảnh mới vào banner: bạn chọn hình cái cây, trong hình cái cây lại chia ra 4 tab, 3 tab đầu chứa rất nhiều hoạt họa động đẹp mắt có thể sử dụng ngay, tab cuối cùng có hình đầu người dành cho phần upload của bạn. Cần đăng nhập để upload. Sau khi up ảnh bạn có thể thay đổi vị trí các lớp đối tượng để ảnh nằm trên hay dưới đối tượng mong muốn.
- Save ảnh, flash về máy. Sau khi download ảnh có dạng….swf. - Upload banner lên website của bạn: Vào menu quản lý, chọn mục “giao diện banner” – “banner chính” đổi kiểu banner sang loại 3-flash, sau đó upload file swf mà bạn vừa tải về. Quay lại website của bạn, nhấn ctrl F5 để cập nhật lại cache và xem kết quả.
=> Website nầy hiện không sử dụng tiếng Việt, nếu muốn dùng tiếng Việt có dấu thì chuyển chữ thành ảnh và upload lên hoặc sử dụng biểu tượng chữ T bên phải, đây là loại chữ đơn giản dùng font arial unicode có thể viết dấu tiếng Việt. Dưới đây là một số banner Thi Hồng đã tạo được từ trang web nầy:
Hình đầu tiên giống banner có hình nền tím phía trên, có chữ : Happy new year và Quý Tỵ 2013

<embed height="300" width="950" flashvars="bannerWidth=950&bannerHeight=300&bannerSID=http://img1.tbcdn.cn/tfscom/T1xSgEXfNhXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=34345849&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="34345849" id="34345849" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/></embed>

<embed height="300" width="950" flashvars="bannerWidth=950&bannerHeight=300&bannerSID=http://img3.tbcdn.cn/tfscom/T1D8wwXmNhXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=34345587&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="34345587" id="34345587" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/></embed>

<embed height="300" width="950" flashvars="bannerWidth=950&bannerHeight=300&bannerSID=http://img1.tbcdn.cn/tfscom/T1HF.TXbVbXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=34346492&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="34346492" id="34346492" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/></embed>

<embed height="300" width="950" flashvars="bannerWidth=950&bannerHeight=300&bannerSID=http://img3.tbcdn.cn/tfscom/T1wWoTXc8bXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=34347383&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="34347383" id="34347383" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/></embed>

<embed height="300" width="950" flashvars="bannerWidth=950&bannerHeight=300&bannerSID=http://img1.tbcdn.cn/tfscom/T1TFoUXbXXXXXgzXjX.xml&bannerXML=&bannerLink=http%3A%2F%2F&dataSource=&bid=34348171&appSource=default" wmode="transparent" allowscriptaccess="always" quality="high" name="34348171" id="34348171" style="" src="http://img.uu1001.cn/bcv3.swf?v=20121219" type="application/x-shockwave-flash"/></embed>