CHÈN BANNER FLASH ĐỘNG VÀO BLOGSPOT (blogspot) NGÀY 9.1.2014

20.CHÈN BANNER FLASH ĐỘNG

   VÀO BLOGSPOT (blogspot)

   NGÀY 9.1.2014  

Download bài viết PDF tại: http://gg.gg/utbinh20

Xem file video hướng dẫn: http://gg.gg/utbinh21

Download Banner Mẫu: Vào trình duyệt gỏ: banner.

  

Download 2 files html và swf của Út Bỉnh đã tạo sẵn cho các bạn : http://gg.gg/xy88

Trong bài Dùng GOOGLE SITES lấy Link URL cho file SWF các bạn đã có 2 files SWF và HTML được tạo từ chương trình Flash Slideshow Maker Professional.   

Út Bỉnh xin giải thích tại sao cần phải có 2 files HTML và SWF này để tạo Banner Flash Động.  Ví dụ đơn giản cho dễ hiểu: File HTML như là cái chén. File SWL như là cơm trong cái chén. Cần phải đưa cái chén  cơm lên mạng thì mới có File Banner Flash Động chạy trình chiếu. Một mình File SWF thì không trình chiếu được, phải dùng Google Sites lấy link URL mới có thể biến thành Cơm được. Khi thành Cơm rồi thì phải chèn vào File HTML (cái chén) để thành chén cơm, sau đó mối Up lên Mạng (blog) được.

Bạn có thể dùng Google Sites lấy link URL (cách này dễ nhất) hoặc dùng Hosting BYETHOST, hoặc HOSTINGER. Hosting nào cho phép bạn Upload lên bằng Folder đều được cả.

I.CHỈNH SỬA TRONG TIÊU ĐỀ

1. Bấm Bố cục cột trái. Bấm Chỉnh sửa của Module Tiêu đề Blog là: utbinh270122013   

·      Quan trọng: Bấm nút Browse và tìm một ảnh làm Banner cho Blog. Sau khi xuất hiện ảnh trong Cửa sổ này bạn chọn Thay cho tiêu đề và mô tả. Bấm nút Lưu. Bạn phải làm động tác chèn trước một ảnh vào Blog rồi sau đó mới bấm chọn Thay thế tiêu đề và mô tả nếu không thì khi mở lại nó sẽ không còn lưu như đã chọn.   

II.CHỈNH SỬA CODE

1. Bấm phải lên file: anh banner.html . Chọn Edit with Notepad++(Phải cài Notepad ++ trước đó). Xuất hiện đoạn code này.   

<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="1000" height="250" id="tech" align="middle">

                   <param name="allowScriptAccess" value="sameDomain" />

                   <param name="movie" value="anh banner.swf" />

                   <param name="quality" value="high" />

                   <embed src="anh banner.sw" quality="high" width="1000" height="250" name="tech" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

          </object>

2. Thay thế code tô màu xanh bằng: http://goo.gl/9mPh1r. Đây là Link URL đã upload file swf lên Google Sites.
3. Đã thay thế đoạn code tô màu đỏ. Bạn copy đoạn code này.

<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=”1000” height=”250” id=”tech” align=”middle”>

                   <param name=”allowScriptAccess” value=”sameDomain” />

                   <param name=”movie” value=”anh banner.swf” />

                   <param name=”quality” value=”high” />

                   <embed src=” http://goo.gl/9mPh1r” quality=”high” width=”1000” height=”250” name=”tech” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://www.macromedia.com/go/getflashplayer” />

          </object>

4. Vào một Blog bất kỳ, bấm Thiết kế. Bấm Mẫu cột trái. Bấm Chỉnh sửa HTML. Bấm vào Khung HTML vừa xuất hiện. Bấm Ctrl+F xuất hiện Ô Search. Bạn nhập : header-inner. Bấm Enter. Các đoạn header-inner được tô màu vàng. Bấm Enter nhiều lần cho đến khi xuất hiện header-inner  trên nó có văn bản là: Show the image only.  

 <!--Show the image only-->

      <div id='header-inner'>

        <a expr:href='data:blog.homepageUrl' style='display: block'>

          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

        </a>

        <!--Show the description-->

        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>

          <b:include name='description'/>

        </b:if>

      </div>

5. Bạn dán Code vào trong thẻ <div  và </div>  

<!--Show the image only-->

      <div id='header-inner'>

        <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=”1000” height=”250” id=”tech” align=”middle”>

              <param name=”allowScriptAccess” value=”sameDomain” />

              <param name=”movie” value=”anh banner.swf” />

              <param name=”quality” value=”high” />

              <embed src=” http://goo.gl/9mPh1r” quality=”high” width=”1000” height=”250” name=”tech” align=”middle” allowScriptAccess=”sameDomain” type=”application/x-shockwave-flash” pluginspage=”http://ww

      </div>

6. Bấm nút Lưu mẫu. Chữ Đang lưu xuất hiện rất mờ cho biết đang lưu. Khi thấy Đang lưu lâu thì hy vọng là bạn đã làm đúng. Khi lưu hoàn tất xuất hiện chữ Đang lưu. Bấm nút Xem blog.