Thứ Năm, 9 tháng 1, 2014

CHÈN SLIDESHOWS VÀO BLOG CỦA BẠN



22.CHÈN SLIDESHOWS
VÀO BLOG CỦA BẠN
NGÀY 10.1.2014  




Download bài viết:        http://tinyurl.com/utbinh938
Xem Video hướng dẫn: http://tinyurl.com/utbinh939

Bạn có thể tham khảo bài hướng dẫn tại: http://goo.gl/lqbeo

Để khoe các hình ảnh đẹp của mình lên Web/Blog, bạn phải tạo SlideShow cho "nó". Và để tạo được SlideShow, các bạn cần phải có ít nhất là một phần mềm hỗ trợ. Hiện nay, các bạn có thể dễ dàng tìm thấy được một số phần mềm hỗ trợ tạo SlideShow trên các diễn đàn hoặc trên các trang mạng chia sẻ...Nhưng nếu bạn "ngại" download và cài đặt phần mềm vào máy tính thì trang tạo SlideShow trực tuyến là lựa chọn "tối ưu".Trang Photo Snack là trang dịch vụ trực tuyến giúp bạn tạo được các SlideShow khá đẹp.


  1. Bạn vào trang web cho phép bạn tạo Slide show trên mạng: http://www.photosnack.com/
  2. Bấm nút: upload photo




  1. Bạn đăng nhập vào 1 trong những trang mạng xã hội, ở đây tôi bấm vào Sign in with Google.






  1. Vì trong Google tôi có 2 hộp thư nên tôi chọn hộp thư trên:  

  1. Xuất hiện trang tiếp theo, bạn đã thấy tên hộp thư của bạn vừa đăng nhập  (Photosnack dùng hộp thư của bạn để làm thủ tục đăng ký tạo account). Nêu 3 bước bạn sẽlàm là: Add Photos – Customize và Public. Bạn đăt tên cho Album trong mục Title. Dưới đó là các Tabs bạn cần vào để lấy hình. Bạn chọn mặc định là lấy hình trong My computer, nhấp nút Browse để đến lưu lưu hình. Bạn chọn các hình cần tạo Slide shows và bấm nút Open.  


  1. Xuất hiện trang My photos, bạn chờ upload từng hình khi hoàn tất sẽ hiện ra các hình. Bấm nút Next.  
  2. Xuất hiện trang kế tiếp, phần trên gồm:
Phần Album: Liệt kế các hình bạn đã Upload, nếu cần chỉnh sửa từng hình bấm Edit all.
Phần Choose Template: Chọn kiểu trình diễn, mặc định6 đang chọn kiểu đầu.  


Phần giữa có khung Preview: Nút trái xem toàn màn hình . Nút mủi tên tới và lui để xem hình trước và sau. Nút có 4 nút nhỏ để xem các hình thumbnails. Liệt kê số thứ tự hình đang xem. Dưới là kích cở hình đang xem.  


Phần dưới là Settings (cài đặt):
Custom Size: Kích cở mặc định 576 X 384 pixels, bạn có thể nhập kích cở tùy ý. Size lý  tưởng: 583X349. Bạn dùng ACD See sửa lại theo kích cở này sẽ trình diễn đẹp vừa khít khung hình.
Background: Có 4 lựa chọn. Khi lựa chọn xong một kiểu sẽ hiển thị các tùy chọn kế tiếp.  



Other settings:  Nên để mặc định.
Slideshow: Nên để mặc định.
Audio (âm thanh): Thử chọn kèm nhạc chọn Upload music. Khi Upload hoàn tất hiện chữ Done. Bạn nhấp nút Play trong Khung Preview.  


  1. Ra trang tiếp theo, bạn có thể”
Edite name: Sửa lại tên album.
Bấm nút Copy lấy links giới thiệu cho người xem.
Bạn cũng có thể chèn Album này vào FaceBook – Twitter hoặc Send Mail.
Sau cùng muốn lấy Code Album bạn bấm nút Embed.  




          Ra bảng Activate premium options? Bạn bấm Use Free.  
                  

Ra bảng Embed Code, bạn copy toàn bộ code và dán vào nút HTML của trang Web hoặc Blog.  


Kết nối Album này với FaceBook: Khi album trình diễn xong hiện ra giao diện này. Bạn bấm lên biểu tượng Facebook > Xuất hiện bảng đăng nhập Facebook, bạn nahp65 Email và Password, đánh dấu duy trì đăng nhập và bấm nút Đăng nhập. Như vậy là trong FaceBook của bạn sẽ hiển thị Album này. Muốn không nghe nhạc nửa thì bấm lên cái loa, nghe phát lại cũng bấm lên loa.  


  1. KHUNG XEM
Chỉnh kích cở khung xem: Bạn có thể chỉnh kích cở theo ý bạn. Bấm nút Chỉnh sửa góc phải của khung  


Xuất hiện bảng Định cấu hình HTML/Javascript, bạn nhập Tiêu đề và giá trị kích cở Khung Xem cho Width và Height. Sau đó bấm lưu. Nếu muốn hủy bỏ Album này bấm nút Xóa bỏ. Bạn cũng có thể tạo Khung Xem to và rê Module đặt vào giữa trên màn hình cũng được. 


  1. Xem SlideShow: Bạn có thể giới thiệu Link Album này cho người xem nhấp lên sẽ hiển thị Album. Bạn vào trang web: http://www.photosnack.com/ và đăng nhập. Khi bạn đặt con trỏ lên Hello và Usernam của bạn sẽ hiện ra các Menu bên dưới. Bạn bấm lên liên kết” “My public links” sẽ xuất hiện danh sách album mà bạn đã tạo. Bạn bấm nút Copy, lập tức bạn đã có link Album này trong Clipboard. Link album: http://snack.to/p7ki69mn 


TẠO FLASH SLIDE SHOWS BẰNG CHƯƠNG TRÌNH Flash Slideshow Maker Professional



21.TẠO FLASH SLIDE SHOWS BẰNG CHƯƠNG TRÌNH
Flash Slideshow Maker Professional
NGÀY 10.1.2014   



  1. Chuẩn bị một Folder tên SlideShows đặt tại Desktop. Tất cả hình đặt trong Folder này đều dùng chương trình ACD SEE (http://tinyurl.com/utbinh1098) đã Rename và Resize: 800 X 450 pixels.
  2. Mở chương trình Flash Slideshow Maker Professional . Các bạn có thể download bản Full tại: http://goo.gl/LW28Ba
  3. Bấm Tab PHOTO, chọn File Explrer, đến Folder lưu hình. Xuất hiện các hình bên phải. Chọn tất cả hình và bấm nút Add, Các hình này đã được chèn vào Khung bên dưới.

·         Bấm Thẻ Transition Effect, có 2 cách tạo Effect chuyển cảnh cho hình:
·         Cách 1:Chọn nút chuyển cảnh trước mỗi hình. Chọn một hiệu ứng, bấm nút Apply Selected. Nút chuyển cảnh trước hình đã thay đổi biểu tượng đã chọn. Bạn tiếp tục chọn từng hiệu ứng trước mỗi hình.




·         Cách 2: Chọn nút chuyển cảnh trước hình đầu tiên. Bấm ctrl+A để chọn hết các nút chuyển cảnh trong khung dưới. Chọn nút Effect RANDOM (ngẫu nhiên) và bấm nút Apply To All. Các nút Effect đều đã thay đổi giống nút Random.  




  1. Bấm Tab THEME. Bám nút Basic. Bạn nhập giá trị cho Width và Height cho trùng khớp với kích cở các hình. Bạn nhập giá trị cho Frame và Duration effect cho chuyển cảnh và cho hình nếu cần chọn lựa thêm bấm nút More Options. Bấm nút Add để chèn nhạc MP3 vào.


·         Bấm Advanced để xem Preview Slide Shos.  
                




  1. Bấm Tab PUBLISH:  Tạo một folder tên slideshow tại Desktop. Bấm Ô 3 chấm đến folder vừa tạo. Đã xuất hiện đường dẫn. Bấm Publish Now. Bấm nút Close.  


                       
·         Ra Desktop, bấm lên folder slideshow bạn có các files như sau. 



Bạn có thể downlaod 2 files này tại: https://shared.com/p0l98drpi8?s=l
·         Bạn dùng file .swf upload lên Google Sites để lấy Link URL.(Xem hướng dẫn trong bài trước) . Bấm nút Xem.  



·  Xuất hiện Slide Sow Flash trên trình duyệt. Bạn Copy Link hoặc Copy Link rút gọn gởi đến người Xem.  




Link URL rất dài của file SWF:
hoặc link rút gọn: http://goo.gl/B1ZPb8
Bạn lấy link này gởi Người Xem dán lên trình duyệt để xem.


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>

  1. Thay thế code tô màu xanh bằng: http://goo.gl/9mPh1r. Đây là Link URL đã upload file swf lên Google Sites.
  2. Đã 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>

  1. 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>


  1. 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>

  1. 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.