Tuesday, February 18, 2014

CÁCH DÁN BANNER FLASH ĐỘNG VÀO WEBSITE JOOM

Labels:


CÁCH DÁN BANNER FLASH ĐỘNG
VÀO WEBSITE JOOMLA
NGÀY 18.2.2014 (Joomla - Thủ thuật)
Download Mẫu banner: http://gg.gg/utbinh64   


Nều chưa có chèn banner vào Trang web thì bạn sẽ theo dõi bài viết trước để tạo một Flash Banner Động và tạo Code cho nó. Bài này hướng dẫn cho các bạn xóa một Banner hiện hành: Bạn mở trang Web bằng trình duyệt Chrome và bấm F12 để hiển thị Source Code, Bạn nhấp lên Banner để hiện ra Code của Banner. Sau đó bạn vào Edit Code sẽ thấy Code đó. Và bạn delete nó đi.
Cách dán Banner vào Trang Web Joomla: Trong bài trước có hướng dẫn bạn lấy Code Banner từ file html sau khi dán URL của file swf vào. Bạn Copty code này và dán vào Code Editot là xong. Hướng dẫn chi tiết có viết dưới đây bạn tuần tự thực hiện từng bước bảo đảm thành công.
Thiết kế Banner cho Blog khác nội dung và khác kích cở. Do đó bạn cần thiết kế lại Banner cho Web Joomla (Width: 915 px – Height: khoảng 150 px).


I.XÓA BỎ BANNER HIỆN HÀNH

  1. Đăng nhập vào trang web Joomla Chùa Thái Nguyên: http://utbinhdesign.com/chuathainguyen/
  2. Bấm Menu Extensions > Template Manager > Trong cột Default bạn thấy đang sử dụng Tempalte tên : Rhuk Milkyway.
  3. Vào Hosting chứa trang web Chùa Thái Nguyên. Bấm File Manger > Bấm Public HTML > Bấm Chùa Thai Nguyen > Bấm Templates > Bấm lên tên Tempalte đang sử dụng > Bấm chọn Index.php > Bấm nút Code Editor > Bấm nút Edit. Bạn chú ý đoạn code từ <oblect đến </object> chúa banner.
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="249" id="tech" width="1000">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="newbanner.swf">
<param name="quality" value="high">
<embed align="middle" allowscriptaccess="sameDomain" height="249" name="tech" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://goo.gl/9d1bAa" type="application/x-shockwave-flash" width="1200">
</object>
</div>

  1. Mở trình duyệt Chrome, mở trang web Chùa Thái Nguyên, bấm Phím F12 để xuát hiện View Source Code (Nếu không thấy xuất hiện bạn bấm phải lên chọn View page source). Bấm kính lúp góc trái trên Khung Source, nó trở thành màu xanh. Bấm lên Banner, bạn đã thấy tô xanh Banner đồng thời bên Khung Source có Code tô xanh đậm.  



  1. Bạn đã tìm đúng Code của banner giống với nội dung của Code Editor.
  1. Bạn trở lại Code Editor,  bấm Ctrl+F để tạo Khung Searh. Bạn nhập: logo > bấm nút Find. Bạn thấy header l- Header r và logo . Vậy là đúng vị trí Banner. Bạn bôi đen Code từ <object đến </object> và Delete để xóa Banner. Bấm nút save Change góc phải trên. Xuất hiện thông báo hoàn tất. Bấm nút Close.
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="249" id="tech" width="1000">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="newbanner.swf">
<param name="quality" value="high">
<embed align="middle" allowscriptaccess="sameDomain" height="249" name="tech" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://goo.gl/9d1bAa" type="application/x-shockwave-flash" width="1200">
</object>
</div>

II.DÁN  BANNER MỚI

  1. Lấy Code đã tạo là:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1200" height="249" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="11 banner.swf" />
<param name="quality" value="high" />
<embed src="http://goo.gl/BDmKIH" quality="high" width="1200" height="249" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

  1. Dán vào dưới  <div id="logo"> . Bấm nút Save Changes. Xuất hiện thông báo: Successful. Bấm nút Close.

<div id="logo">
<object align='middle' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0' height='249' id='tech' width='1200'>
                   <param name='allowScriptAccess' value='sameDomain'/>
                   <param name='movie' value='newbanner.swf'/>
                   <param name='quality' value='high'/>
                   <embed align='middle' allowScriptAccess='sameDomain' height='249' name='tech' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='http://goo.gl/9d1bAa' type='application/x-shockwave-flash' width='1200'/>
          </object>

  1. Mở trình duyệt, bạn thấy Banner lớn vượt Khung. Xem:  http://utbinhdesign.com/chuathainguyen/
  2. Bạn cần tạo Banner khác cho vừa khít Khung xem mới đẹp. Khung banner mới bạn tạo kích cở: Width 916 px- Height bao nhiêu cũng được, sau đó chỉnh nội dung bên dưới nới xuống.  



III.TẠO BANNER MỚI VÀ DÁN VÀO WEBSITE

Bài này hướng dẫn các bạn cách tạo mới các Banner. Dùng chương trình Flash Slideshow Maker Professional tạo 2 files: html và swf. Dùng Google Sites lấy Link URL cho file swf và cách dán Code vào bằng Code Editor. Rất nhanh chóng và dễ dàng.

  1. Bạn nhập từ khóa trong trinh duyệt: banner facebook đẹp và chọn lưu 10 ảnh trong một folder tại desktop.
  2. Dùng chương trình Photoshop cắt đồng kích cở Width: 915 và Height 150 pixels. Sau đó chèn văn bản lên từng ảnh có nội dung giống nhau.
  3. Dùng chương trình Flash Slideshow Maker Professional tạo 2 files: html và swf.
  4. Dùng Google Sites lấy Link URL của file sfw. Bạn đã có link URL: http://goo.gl/68S3yH
  5. Bạn thay thế URL mới vào. Code này bạn có thể áp dụng cho bất cứ Blog-Website nào cũng được.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1200" height="249" id="tech" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="11 banner.swf" />
<param name="quality" value="high" />
<embed src="http://goo.gl/68S3yH" quality="high" width="1200" height="249" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

6.    Bạn vào Code Editor của Website Chùa Thái Nguyên. Xóa bỏ Code hiện hành từ <object đến </object>. Bấm nút Save changes. Chờ thông báo hoàn tất. Dán Code đã tạo ở trên vào. Bấm nút Save changes. Hiện thông báo Success. Bấm nút Close.
7.    Vào trang web Chùa Tahí Nguyên : http://utbinhdesign.com/chuathainguyen/  để xem kết quả dán banner Flash Động.




THÁNG 2 NĂM 2014
Links Út Bỉnh ngày 3.2.2014:
https://shared.com/8b5u2xuhr3
Thủ thuật 4.2.2014:
http://goo.gl/UVYAjm
165 Hình ảnh sáng Mùng 1 Tết:
http://goo.gl/NrGCw3
Hội ngộ danh hài xuân:
http://goo.gl/3whgxG
Links 47 quyển sách Free:
http://goo.gl/nIjdQP
Link download 22 mẫu khung:
http://goo.gl/vy9MNO
10 Bài tạo Banner Flash Động:
http://gg.gg/utbinh63 
Links Út Bỉnh Dd: https://shared.com/8b5u2xuhr3
Links 47 quyển sách Free:
http://goo.gl/nIjdQP
TĂNG NHƯ BỈNH
22 Nguyễn Duy Trinh, P. Bình Trưng Tây, Quận 2, Saigon.
Phone: 3890.2100 – 0909.359.937
Email: utbinhdesign@gmail.com

FaceBook :               http://goo.gl/4bsBUw
Youtube:                     http://goo.gl/709nb
Blogspot:                   http://goo.gl/6yaHd
Website 1803:         http://goo.gl/Cxab9U
Chùa Thái Nguyên: http://goo.gl/qXpwQj

FaceBook :               http://gg.gg/utbinh030
Youtube:                  http://gg.gg/utbinh070
Blogspot:                 http://gg.gg/utbinh040
Website 1803:        http://gg.gg/utbinh010
Chùa Thái Nguyên: http://gg.gg/utbinh020


Share | Yahoo! Messenger
at
utbinhdesign

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)
quangnm