THAY ĐỔI KHUNG TRÌNH CHIẾU YOUTUBE

Hiện nay Youtube có thể được xem là kho Video clip "khổng lồ" được nhiều người chia sẻ từ phim ảnh, ca nhạc, hài kịch....đến những Video clip nhiều đề tài nhiều thể loại..

Để minh hoạ cho bài viết của mình, nhiều Blogger đã dùng mã nhúng của Youtube chèn vào bài viết ở blog của mình. Nếu bạn đã nhàm chán khung trình chiếu của Youtube, bạn có thể áp dụng 10 mẫu khung được dunghennessy chia sẻ dưới đây.

TẠO SLIDESHOW ẢNH (Kiểu 7)

Giống các kiểu slideshow khác đã được chia sẻ TẠI ĐÂY. Slideshow kiểu 7 này cũng không chiếm không gian của Blog, các hình ảnh của bạn được trình chiếu gọn gàng trong một khung ảnh, đặc biệt của slideshow này là hiệu ứng rơi ảnh khá ngộ nghĩnh. Lúc bắt đầu slideshow sẽ tự trình chiếu...Phía dưới có các thẻ XEM LẠI, XEM TRƯỚC VÀ STOP. 
Lưu ý khi slideshow đang được trình chiếu tự động, bạn bấm một trong các thẻ phía dưới sẽ làm mất đi chế độ autostart của slideshow...

Mời các bạn bấm vào Xem thử phía dưới để xem trước slideshow này nha.

TẠO SLIDESHOW (Kiểu 6)

Ở kiểu 6 này, dưới slideshow ảnh có các thẻ bấm bao gồm: XEM TIẾP, QUAY LẠI và XEM LẠI TỪ ĐÂU...

Trên đầu slideshow có dòng chữ chạy để các bạn giới thiệu mô tả vài nét về slideshow, ngoài ra các bạn có thể điều chỉnh kích thước ảnh mà mình mong muốn (không lệ thuộc vào ảnh gốc) và tốc độ load ảnh rất nhanh. Slideshow này có thể add các định dạng ảnh (ảnh động hoặc ảnh tĩnh đều được).

Mời các bạn xem thử slideshow phía dưới nha.

CHÈN VIDEO CLIP YOUTUBE VÀO KHUNG ẢNH

Bạn có thể dễ dàng chèn video clip YouTube hoặc nhaccuatui vào Blogspot bằng thẻ nhúng của "nó".

Để sinh động cho video clip, dunghennessy chia sẻ với các bạn một số khung ảnh để chèn video clip vào blog khá đẹp mắt. 

Ứng với mỗi mẫu là code để chèn ở phía dưới, các bạn chỉ cần thêm tiện ích HTML hoặc khi đăng bài ở chế độ HTML, các bạn dán code vào và thay đổi đường link màu đỏ là link của video clip hoặc link của nhaccuatui vào là xong...

TẠO SLIDESHOW (Kiểu 5)

Với kiểu 5 này, các ảnh lần lượt trình diễn với hiệu ứng thu nhỏ và phóng to rất đẹp mắt.
Ở mỗi ảnh bạn cũng có thể ghi vài dòng chú thích cho ảnh.

Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.

TẠO SLIDESHOW ẢNH (Kiểu 4)

Với kiểu 4 này, các ảnh sẽ được xếp lại khá gọn, khi muốn xem ảnh nào, các bạn rê chuột vào ảnh, ảnh sẽ tự động "bung" ra kèm theo những dòng chú thích cho ảnh...

Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.

TẠO SLIDESHOW ẢNH (Kiểu 3)

Bài trước, tôi đã giới thiệu cho các bạn cách tạo slideshow ảnh kiểu 1 (Xem TẠI ĐÂY), kiểu 2 (Xem TẠI ĐÂY). Tiếp tục bài này tôi xin giới thiệu thêm cách TẠO SLIDESHOW ẢNH (kiểu 3).

Ở kiểu 3 này, các ảnh này sẽ được trình diễn "chạy" từ trên xuống hoặc từ dưới lên, khi bạn rê chuột vào thì ảnh sẽ "dừng" lại và hiện ra dòng chú thích nhỏ cho ảnh. Khi bạn bấm vào "nó" sẽ dẫn bạn đến trang liên kết mà bạn muốn.

Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.

TẠO CHÚ THÍCH CHO ẢNH (Kiểu 2)

Trước đây, tôi có chia sẻ với các bạn cách tạo chú thích cho ảnh (Xem TẠI ĐÂY). Hôm nay, tiếp tục tôi chia sẻ thêm cho các bạn cách tạo chú thích cho ảnh (kiểu 2).

Cũng giống như kiểu 1, khi bạn rê chuột vào ảnh thì lập tức sẽ xuất hiện một bảng chú thích khá đẹp nhưng khác ở kiểu 1 là bảng chú thích này sẽ được trượt từ bên phải của hình ảnh ra phía ngoài. Khi bạn rê chuột ra ngoài ảnh thì bảng ghi chú sẽ được ẩn vào trong ảnh.

Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.

TẠO SLIDESHOW ẢNH (Kiểu 2)

Bài trước, tôi đã giới thiệu cho các bạn cách tạo slideshow ảnh kiểu 1 (Xem TẠI ĐÂY). Tiếp tục bài này tôi xin giới thiệu thêm cách TẠO SLIDESHOW ẢNH (kiểu 2).

Ở kiểu 2 này, các ảnh này sẽ được trình diễn "chạy" từ bên phải qua bên trái, khi bạn rê chuột vào thì ảnh sẽ "dừng" lại và hiện ra dòng chú thích nhỏ cho ảnh. Khi bạn bấm vào "nó" sẽ dẫn bạn đến trang liên kết mà bạn muốn.

Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.

HÌNH ẢNH "BAY" TRÊN NỀN BLOG

Để "trang hoàng" cho blog thêm đẹp, bạn có thể dùng thủ thuật này gắn các hình ảnh, các Icon, Avatar, Favicon, Logo hoặc những biểu tượng "độc quyền" của mình lên trên nền blog. Các hình ảnh này luôn luôn xuất hiện trên toàn bộ blog và "nó" sẽ chạy theo khi bạn kéo thanh trượt lên xuống...Đặc biệt hơn là khi bạn click chuột vào các hình ảnh này, "nó" sẽ dẫn bạn đến các trang liên kết mà bạn đã định trước (dùng để quảng cáo, blog liên kết...)

Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.

TẠO SLIDESHOW ẢNH (Kiểu 1)

Thủ thuật này sẽ giúp bạn có được một Slideshow ảnh trên Web/Blog để bạn khoe những hình ảnh đẹp của bạn, người thân và gia đình...

Các ảnh sẽ được thay đổi theo thời gian do bạn định trước, khi click vào một ảnh "nó" sẽ dẫn bạn đến trang liên kết do bạn chỉ định (dùng để quảng cáo, blog liên kết....)

Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.

TẠO CHÚ THÍCH CHO ẢNH (Kiểu 1)

Để minh hoạ cho bài viết, các bạn thường hay gắn các hình ảnh và những lời chú thích cho "nó".

Với thủ thuật dưới đây, khi bạn rê chuột vào ảnh thì lập tức sẽ xuất hiện một bảng chú thích khá đẹp được trượt từ trên hình ảnh xuống phía dưới.

Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật này.

TẠO LOGO TRỰC TUYẾN (Phần 3)

Trước đây, tôi có chia sẻ với các bạn một trang tạo Logo (Phần 2) Xem TẠI ĐÂY.

Tiếp hôm nay, tôi xin chia sẻ thêm cho các bạn một trang tạo Logo trực tuyến cũng khá đẹp với nhiều mẫu mã có sẳn để bạn tha hồ lựa chọn...

Tại trang này, bạn có thể add các dòng chữ hoặc tên Blog của mình vào các hình ảnh lạ mắt.

ICON ĐẸP CHO WEB/BLOG

Icon là thành phần không thể thiếu trên Web/Blog, ngoài việc trang trí thêm đẹp, các bạn cũng có thể dùng Icon để minh hoạ cho bài viết...

Hiện nay, bạn có thể dễ dàng tải Icon từ một số trang dịch vụ trực tuyến, các Icon trên dunghennessy thường được tải ở một trang dịch vụ này. Mời các bạn xem vài mẫu phía dưới.

TẠO LOGO TRỰC TUYẾN (Phần 2)

Trước đây, tôi có chia sẻ với các bạn một trang tạo Logo trực tuyến Flaming Text (Xem TẠI ĐÂY).

Tiếp hôm nay, tôi xin chia sẻ thêm cho các bạn một trang tạo Logo cũng khá đẹp với nhiều mẫu mã có sẳn.

Thật ra trang này dùng để làm hình nền động cho các dòng điện thoại nhưng bạn cũng có thể dùng nó để tạo ra một ảnh động có kèm theo tên blog mình với nhiều kích thước khác nhau để làm Logo, sau đó dán vào các sidebar để tạo thêm sinh động cho blog của mình.

WELCOME TO MY PAGES

Tôi có sưu tầm ở một vài trang Web nước ngoài một số ảnh động đi kèm với chữ: WELCOME, WELCOME TO MY PAGES... khá đẹp với nhiều kích thước khác nhau, với những hình ảnh động WELCOME này bạn có thể dùng để trang trí cho Blog mình thêm đẹp.

Bạn bấm phải chuột vào hình mình thích và chọn Save as...(lưu ảnh với dạng...) để tải ảnh về.

Mời các bạn xem các ảnh phía dưới.

TẠO LOGO TRỰC TUYẾN

Logo là thành phần không thể thiếu trong việc trang trí cho Web/blog, để tạo được một Logo ưng ý cho mình thì các bạn phải kiếm và cài đặt một phần mềm hỗ trợ hoặc sử dụng một số trang Web tạo Logo trực tuyến để tạo cho riêng mình một Logo "độc quyền".

GẮN LOGO CHO BLOG

Trong máy tính của bạn đang có nhiều ảnh đẹp và bạn muốn gắn làm Logo (ảnh đại diện) cho Blog? Bạn có thể gắn bất kỳ Logo nào (ảnh động ảnh tĩnh đều được) vào bên trái của blog, bên phải của blog, chính giữa hoặc ở góc trên bên phải, góc dưới bên trái....kèm theo là lời chào hoặc tên blog của bạn. Logo này sẽ trượt theo chuột khi bạn xem blog.

GẮN ICON TRƯỚC TIÊU ĐỀ BÀI VIẾT

Mặc định Blogger không cho chúng ta chèn các icon trước tiêu đề bài viết, để làm đươc điều này, các bạn cần làm một thủ thuật nhỏ sau đây:

Đầu tiên, bạn đăng nhập blog > Chọn Thiết kế > Chọn chỉnh sửa HTML và đánh dấu chọn Mở rộng mẫu tiện ích.

TẠO KHUNG CHỨA HÌNH ẢNH

Ngoài việc tạo khung chứa code, bạn cũng có thể tạo khung có thanh trượt để chứa các hình ảnh của mình.

Đầu tiên, bạn đăng nhập Blog > chọn Thiết kế > chọn Thêm Tiện ích > Thêm HTML/Javacript rồi dán tất cả các code này vào: