Gốc > TIN TỨC CÔNG ĐOÀN >

thủ thuật Blog

Mới sưu tầm được, thân tặng cô thầy THCS Vĩnh Chấp,

Để tạo tiêu đề bài viết nhấp nháy như trên các thầy, cô cho tiêu đề bài viết vào giữa 2 thẻ   ...

 

Chèn 1 menu xổ Drop-Down vào trang Violet !

  Nguồn : http://www.vietwebguide.com/2007/10/hng-dn-to-menu-x-xung-drop-down-menu.html

Đoạn code sau sẽ giúp các thầy cô tạo 1 menu xổ trong Website của mình.
Các thầy, cô lưu ý : giữa phần ...selectname ở dòng đầu tiên của code chỉ có 1 khoảng trống (space)

http://google.com">Google http://blogger.com">Blogger.com http://vietwebguide.blogspot.com" selected>Anh Võ http://mail.yahoo.com">Yahoo! Mail

Đoạn code này các thầy, cô bỏ gach chân đi mới có tác dụng.

Các chữ màu đỏ là các link liên kết và nội dung hiển thị ở menu, các thầy,cô thay đổi cho phù hợp. Phần selected chỉ ra rằng giá trị Anh Võ sẽ hiển thị mặc định.

Đây là phần hiển thị menu


GoogleBlogger.comAnh VõYahoo! Mail


Như trên thấy khung menu hơi hẹp, chưa trùng kích thước của cột bên phải trang Violet. Ta sẽ thay đổi khung này bằng cách thay đổi tên mặc định. Ở đây tôi sẽ tay Anh Võ bằng Lê Hoàng Giang. Đây là menu mới sau khi thay đổi :

GoogleBlogger.comLê Hoàng GiangYahoo! Mail

Đoạn code trên như các đoạn code khác, các thầy cô có thể chèn vào mục Hỗ trợ trực tuyến hay phần Điều tra ý kiến...

Nếu khó khăn gì các thầy cô vào đây : http://violet.vn/hotrotrekhiemthinh/entry/show/entry_id/1087522  , hoặc liên hệ tôi qua Yahoo : sayityourway2k8 laughing.

Tạo bài viết mới Hướng dẫn chèn Flash, Video, Nhạc.... vào trang bài viết VIOLET

      Trang viết bài của Violet tuy đã có sẵn khá nhiều chức năng của một trình soạn thảo WYSIWYG (What you see is what you get -Thấy gì có nấy ) nhưng cũng còn thiếu nhiều chức năng như chèn video ( .avi, .wmv,....) chèn flash (.flv, .swf....) chèn nhạc (.mp3), cũng như chưa cho thayđổi màu chữ, chưa cho tạo các liên kết Anchor (mỏ neo ) trong bài viết, chưa cho tạo mục lục (với bài viết quá dài nếu có mục lục xem sẽ rất thuận tiện ).

    Chắc chắn rằng trong nay mai những chức năng này sẽ được Violet thêm vào, nhưng trước mắt để giải quyết những điểm trên chúng ta có thể thông qua một sản phẩm khác là Zoho Writer.

    Có lẽ mọi người đã quen với Google Docs- 1 sản phẩm của Google có chức năng soạn thảo văn bản trực tuyến như bộ Office của Microsoft. Với Zoho Writer, Zoho Docs chúng ta có thể làm nhiều hơn thế, đó là có thể nhúng các đoạn mã chạy video, flash, nhạc,... trực tiếp vào văn bản. Sau đó sẽ nhúng văn bản này vào trang của Violet.

    Đây là trang chủ của Zoho Writer : http://writer.zoho.com

    Sau khi thầy, cô vào trang trên nhấn Sign up for Free để tạo 1 tài khoản sử dụng. Hoặc nếu đã có tài khoản Google (Gmail) hay Yahoo thì các thầy, cô chỉ cần nhấn vào mục Sign in using Google or Yahoo ở dưới là vào được Zoho Writer.

    Sau khi đã đăng nhập vào, các thầy cô nhấn vào New ở góc trên cùng bên trái để tạo một văn bản mới


  

    Trong cửa sổ văn bản, các thầy cô tiến hành soạn thảo như bình thường trong Word. Có thể đổi màu chữ, thiết lập mục lục cho bài viết ....

    Điều quan trọng ở đây là tôi muốn trình bày cách chèn các code HTML để nhúng video, flash... vào văn bản này.
 
    Để tiến hành nhúng 1 đoạn code HTML nào đó, các thầy cô hãy xác định vị trí đoạn hiển thị (video, flash..) sẽ ở đâu trong bài viết của mình. Sau đó các thầy cô hãy tạo ra 2 dòng BEGIN, END như tôi làm dưới đây

--------------------------BEGIN-------------------------
-->chèn code ở đây
----------------------------END-------------------------------
     Mục đích của việc tạo này là xác định vị trí sẽ chèn code HTML nhạc, video, flash....
   

    Muốn chèn 1 đoạn mã HTML nào đó các thầy cô đặt con trỏ ở dòng (--->chèn code ở đây) sau đó nhấn vào mục Insert và nhấn vào biểu tượng chèn HTML. Vấn đề là mã thế nào, các thầy , cô hãy đọc tiếp :
   


I. Nhúng Media vào văn bản Zoho Writer :
  
    Sau đây tôi xin trình bày các code HTML để nhúng Flash, Video, Nhạc....


1. Nhúng Flash :

    Đây là đường dẫn trực tiếp của 1 file flash mà cần nhúng vào Violet: http://d.violet.vn/uploads/resources/159/0.chaof.swf
( để biết đường dẫn của 1 file flash sau khi tải dạng tư liệu lên Violet và để chế độ Xem toàn màn hình thì địa chỉ trên thanh Address chính là link trực tiếp của file )

    Đây là đoạn mã HTML để nhúng flash bất kỳ :



    Ở đây các thầy, cô thay thế somefilenam.swf bằng đường dẫn của file flash. Vd: sẽ thay thành



    Đoạn mã này sau khi nhúng sẽ được file Flash canh lề trái, vì vậy ta phải bôi đen đoạn văn bản từ (--- BEGIN--- đến hết dòng ---END---) sau đó căn lề giữa ( khi đó đoạn code nằm giữa 2 dòng  BEGIN, END cũng sẽ căn lề giữa)

    Sau đây là file Flash đã được nhúng vào văn bản :
 ------Flash--

----End---

2. Nhúng Youtube Video :

    Trong mỗi trang video của Youtube hay Google Video, hay các trang chia sẻ vide khác đều có mục embed trong đó có chứa đoạn code HTML để các thầy, cô chèn vào như trên.

    VD : Đây là đoạn code chèn bài hát Hello Việt Nam



Và đây là kết quả
---------Hello VN------
 
---Phạm Quỳnh Anh---
Như các thầy cô thasay

3. Chèn mp3 :

    Đây là code chèn MP3 từ trang nhạc chacha.vn  (Hầu như tất cả trang nhạc đều có mã nhúng web, blog)



--------Nhạc phim Lương Sơn Bá- Chúc Anh Đài------

--------------End-------------
   Đây là đoạn mã chèn MP3 từ link trực tiếp :

[MP3 file address]
" pluginspage="http://www.macromedia.com/go/getflashplayer">

Các thầy, cô thay [MP3 file address] bằng link trực tiếp của file MP3 cần nhúng

    Với các thể loại media khác như video (avi, wmv..) các thầy cô cũng làm tương tự, chèn code vào là được thôi.

II. Chèn Zoho Writer vào Violet.
   
    Từ menu trên cùng các thầy, cô nhấn vào chữ Share -->Publish  để xuất bản bài viết
 

Nhấn vào Make Public



  Các thầy, cô chọn Publish




Sau khi xuất bản xong hộp trên sẽ xuất hiện, các thầy cô copy đoạn mã trong khung Embed Document on your webpage/blog.

    Bây giờ các thầy cô chuyển sang trang bài viết Violet

    VD: Đoạn mã HTML của chính bài này là

 

  
  Trong trang bài viết Violet sau khi đặt tiêu đề bài viết xong, các thầy cô copy đoạn mã này vào khung soạn thảo. Sau đó nhấn lưu lại.

 
    Khi này tuy đã chèn mã nhưng bài viết vẫn chưa hiển thị. Vẫn chỉ là đoạn mã như hình trên.

     Và đây là bước quan trọng nhất. Các thầy cô nhấn vào chỉnh sửa, màn hình soạn thảo sẽ từ từ hiện ra. Khi màn hình soạn thảo vừa hiện ra chữ Lưu lại như hình dưới ( trình soạn thảo chưa tải hết ). Các thầy cô nhanh tay nhấn ngay vào chữ Lưu lại.


    Và lạ chưa bài viết với đầy đủ các thành phần media đã chèn vào trong Zoho sẽ hiện ra trong Violet.

Chú ý : Khi này các thầy cô không được sửa bài trong Violet ( có thể comment tùy ý ). Vì nếu sửa bài, bài viết sẽ mất đi, các thầy cô lại phải copy đoạn mã trên dán lại. Muốn sửa bài các thầy cô hãy sửa chính file văn bản tạo trong Zoho Writer, sau đó save lại. Tất cả những gì sửa sẽ hiện bên Violet.

    Chúc các thầy, cô thành công !
 Violet đã thử nghiêm đưa file Excel vào trang riêng nhưng chưa hỗ trợ việc hiển thị file Excel trực tiếp trong bài viết. Các thầy, cô có thể dùng chức năng chèn mã tương tự trên của Zoho Sheet để hiển thị Excel trong bài viết . Trang Zoho Sheet : http://sheet.zoho.com

    Các thầy, cô cũng soạn Excel hoặc upload sau đó tiến hành như trên để lấy mã và chèn vào bài viết hoặc chèn vào Commetn.

    Việc chèn mã vào comment cũng tương tự vào bài viết, ta nhanh tay khi hộp thoại comment chưa xuất hiện đầu đủ các thành phần thì paste mã vào và nhấn Gửi ý kiến thật nhanh sẽ được thôi.

 

 

 

 

 

Hướng dẫn- Tạo menu dọc có Logo hình ảnh, Video, Flash...mà không bị lỗi code !


      Các thầy, cô nhiều người không rành lắm về code HTMl, Script khi nhúng các đoạn code HTML để chèn Logo ảnh, chèn Flash vào menu dọc ( Chèn vào những phần như Hỗ trợ trực tuyến, Điều tra ý kiến....) nếu đoạn code sai 1 chút, hoặc do ko tương thích Violet sẽ xảy ra tình trạng hư trang bài viết, nhẹ thì không hiển thị được trang chủ, nặng thì khóa mất chức năng xóa bài viết bị lỗi code....việc sửa chữa là rất khó khăn, phức tạp.

    Một chút thủ thuật sau sẽ giúp các thầy cô khắc phục điều này và vẫn có 1 menu dọc ấn tượng với các ảnh, flash minh họa.

    Đầu tiên các thầy cô vào trang này : http://writer.zoho.com

    Sau khi thầy, cô vào trang trên nhấn Sign up for Free để tạo 1 tài khoản sử dụng. Hoặc nếu đã có tài khoản Google (Gmail) hay Yahoo thì các thầy, cô chỉ cần nhấn vào mục Sign in using Google or Yahoo ở dưới là vào được Zoho Writer.

    Sau khi đã đăng nhập vào, các thầy cô nhấn vào New ở góc trên cùng bên trái để tạo một văn bản mới


  

    Trong cửa sổ văn bản, các thầy cô tiến hành soạn thảo như bình thường trong Word. Có thể đổi màu chữ, thiết lập mục lục cho bài viết ....

    
 






    Bước 1 :    Đầu tiên các thầy cô phải định dạng lại văn bản cho phù hợp kích thước menu dọc của Violet. Các thầy, cô nhấn vào Page Setup-->Page Format




        Trong Page Format các thầy cô đặt các giá trị như hình dưới



    Khi này khung soạn thảo Zoho Writer sẽ hẹp lại vừa đúng kích cỡ Menu dọc Violet.


    Bước 2 :    Bây giờ các thầy cô chuẩn bị sẵn các Logo mình cần dùng, cắt xén kích thước thành rộng= 190 và cao= tùy ý. VD đây là 1 logo :

    Bước 3 : Chèn Logo vào Zoho Writer. Các thầy cô nhấn vào mục Insert trên cùng, nhấn vào biểu tượng bức ảnh để upload Logo từ dưới máy lên.



    Bước 4 :     Tạo liên kết cho bức ảnh . Các thầy, cô chọn bức ảnh cần tạo liên kết trong Zoho Writer, nhấn Insert -->Insert/Modify link (Hình mắt xích bên cạnh mỏ neo )



    Bước 5 :    Để tạo thêm các Logo khác các thầy, cô làm lại từ bước 2->4 .
    Bước 6 :    Lưu văn bản vừa soạn thảo, nhấn Share-->Publish-->Make Publish-->Publish, hộp thoại sau sẽ xuất hiện



    Các thầy cô copy đoạn code ( )

    Bước 7 :     Vào phần quản trị Violet, các thầy cô vào phần điều tra ý kiến, soạn 1 câu điều tra mới. Dán (Paste ) phần code trên vào câu hỏi điều tra, sau đó lưu lại, và kích hoạt câu điều tra đó. Khi ra ngoài trang chủ các thầy cô sẽ thấy Logo của mình

    Sửa chữa, khắc phục lỗi sai :    Các thầy cô muốn thêm, bớt logo, flash, video... hãy sửa trực tiếp trên Zoho Writer ( Ko cần copy lại đoạn mã ), nếu như đoạn mã bị lỗi ảnh hưởng đến sự hiển thị bài viết, các thầy cô sửa ngay trên Zoho Writer hoặc đơn giản là xóa bài viết đi --> việc khắc phục sai sót do mã rất đơn giản.

    Đây là 1 đoạn mã ví dụ mà tôi đã làm :

 

    Các thầy cô có thể copy đoạn mã trên rồi dán vào mục câu hỏi điều tra ý kiến để xem thử.
Các thầy, cô có thể qua nhà xem thử ở mục Trao đổi logo : http://hotrotrekhiemthinh.violet.vn/
    Nếu có khó khăn gì các thầy cô nhắn tin vào yahoo: sayityourway2k8 hoặc chat trực tiếp ở đây :http://hotrotrekhiemthinh.violet.vn/entry/show/entry_id/1087522 để được trợ giúp.
 các cô thầy có thẻ tham khảo thêm ở trang này rất hay

Nhắn tin cho tác giả
Mai Quang Tiến @ 12:39 31/08/2009
Số lượt xem: 11429
Số lượt thích: 0 người
Avatar

Để tạo một album nhạc riêng cho mình ngay trên blog và được cập nhật liên tục theo các bài hát mình lựa chọn. Không cần chỉnh sửa code !

Các bạn làm theo các bước sau :

1. Vào trang http://www.nhaccuatui.com

Các bạn hãy đăng ký ngay một tài khoản cho mình

2. Sau khi kích hoạt tài khoản thông qua email các bạn vào lại trang  http://www.nhaccuatui.com và đăng nhập.

3. Lựa chọn thể loại nhạc yêu thích trên menu

4. Lựa chọn bài hát yêu thích để cho vào album bằng cách click chuột vào nút THÊM VÀO NHẠC CỦA TUI

5. Lấy code để chèn vào blog :

 Các bạn hãy click vào menu nghe nhạc của tui. Tại đây hãy copy mã code ngay trong ô "Copy vào blog" và dán mã code đó vào blog của bạn tại vị trí bạn muốn hiển thị

6. Cập nhật bài hát vào album. Để cập nhật bài hát vào album bạn hãy vào lại trang http://www.nhaccuatui.com và thực hiện lại bước 4.

Bây giờ bạn có thể tạo riêng cho mình một album nhạc theo sở thích riêng ngay trên blog của mình và dễ dàng cập nhật các bài hát mới.

Chúc các bạn thành công !

 
Gửi ý kiến