Hiển thị các bài đăng có nhãn Thủ thuật web. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ thuật web. Hiển thị tất cả bài đăng

Thứ Hai, 8 tháng 6, 2009

Adieu Yahoo! 360

Adieu Yahoo! 360 là một công cụ nhỏ chạy trên nền Windows XP do mình viết, hỗ trợ bạn chuyển các file chứa nội dung blog được download từ trang http://download.360.yahoo.com, sang các file XML nhập liệu vào Blogspot hoặc Wordpress.

Ngoài ra, Adieu Yahoo! 360 cũng hỗ trợ bạn chuyển các ảnh minh họa ở đầu mỗi entry ở Yahoo! 360 blog trước đây trở thành ảnh minh họa ở đầu mỗi bài viết ở blog mới. Hướng dẫn cụ thể, bạn đọc ở phía dưới.

Download Adieu Yahoo! 360


1. Download Yahoo! 360 blog

Bạn đăng nhập vào trang http://download.360.yahoo.com rồi nhấn "Prepare my download". Sau đó bạn đợi một lúc và Yahoo sẽ gửi đường link download blog vào email của bạn.

adieu360_2

Sau khi download blog xong, bạn giải nén file ZIP có được và các file chứa nội dung blog là các file Text (.txt) như trong hình:

adieu360_1


2. Sử dụng Adieu Yahoo! 360

Bạn download Adieu Yahoo! 360 (AY360) theo link ở trên, giải nén và chạy công cụ này mà không cần cài đặt. Dưới đây là giao diện của AY360:

adieu360_3

Bạn Browse đến file chứa nội dung blog ở phần "Input file" để AY360 xử lý.

Ở phần "Number entries in a Output file", bạn nhập vào số entry mà bạn muốn có trong 1 file XML được tạo ra.

Phần "XML type", bạn chọn định dạng file XML được tạo ra cho Blogspot hay Wordpress.

Để có thể chuyển các ảnh minh họa ở đầu mỗi entry ở Yahoo! 360 blog trước đây trở thành ảnh minh họa ở đầu mỗi bài viết ở blog mới, trước tiên bạn cần upload các file ảnh có trong folder images mà bạn download được từ trang download.360.yahoo.com, lên một nơi lưu trữ ảnh nào đó trên internet.

Một nơi lưu trữ như vậy cần thỏa mãn 2 điều kiện: 1 là các file ảnh phải giữ được đúng tên gốc sau khi upload; 2 là các file ảnh phải có chung một mẫu đường link trỏ đến các file ảnh đó.

Photobucket
là một dịch vụ cho phép bạn làm điều này. Ví dụ mình tạo một album đặt tên là y360 trong tài khoản Photobucket của mình, sau đó mình upload 2 file ảnh 1159228574-sc-154.jpg và 1211212951-sc-2187.jpg vào album y360, thì mình có được 2 ảnh với direct link là như sau:

http://i6.photobucket.com/albums/y247/Kazenka/y360/1159228574-sc-154.jpg
http://i6.photobucket.com/albums/y247/Kazenka/y360/1211212951-sc-2187.jpg

Như vậy mẫu đường link là: http://i6.photobucket.com/albums/y247/Kazenka/y360/

Bạn nhập mẫu đường link của bạn vào phần "Yahoo! 360 pictures album link", hoặc để trống phần này nếu không muốn đặt các ảnh minh họa ở đầu mỗi bài viết trong blog mới.

Cuối cùng bạn nhấn "CONVERT" để AY360 thực hiện việc tạo ra các file XML. Các file XML được tạo ra sẽ nằm trong cùng folder với file chứa nội dung blog:

adieu360_4


3. Nhập dữ liệu vào Blogspot hoặc Wordpress

Sau khi có được các file XML nhập liệu ở bước trên, nếu bạn muốn nhập liệu vào Blogspot thì bạn xem hướng dẫn ở đây (làm từ bước 2 trở đi); nếu bạn muốn nhập liệu vào Wordpress thì bạn xem hướng dẫn ở đây.

Cũng như khi sao chép Yahoo! 360 blog sang Yahoo! Profile, các file chứa nội dung blog cũng bị lỗi font ở một số ký tự tiếng Việt trong các comment. Bên cạnh đó, một số comment không có tên người gửi.

Thứ Bảy, 6 tháng 6, 2009

Cách thêm khung Quick Comments cho Blogspot

Bạn thêm một gadget dạng HTML/Javascript bằng cách vào Layout -> Page Elements -> Add a Gadget như ở bước 1, rồi vào mục Basic (mặc định) -> nhấn dấu + ở phần HTML/Javascript:

tutor_blogspot_2

Bạn đặt tên (Title) của gadget là Quick Comments hay là gì tuỳ thích, sau đó copy & paste đoạn mã phía dưới vào vùng soạn thảo nội dung (Content) của gadget.

Tiếp theo, bạn tìm chuỗi site-id (bôi đỏ đậm) trong đoạn mã và thay nó bằng Site ID của bạn:



Ngoài ra, bạn có thể sửa lại màu sắc của chữ, đường link sẽ hiển thị trong khung Quick Comments theo ý thích, bằng cách thay đổi các tham số tương ứng trong đoạn code trên.

tutor_blogspot_7

Cuối cùng bạn nhấn Save và View Blog để xem kết quả.

Để có thể gửi comment trong gadget Quick Comments thì trước đó bạn cần "Sign in" theo đường link trong gadget này hoặc trong gadget Followers.

Trình bày khung Profile và tạo Total Page Views cho Blogspot

A. Trình bày khung Profile



1. Thêm một gadget HTML/Javascript



Vào Layout -> Page Elements -> Add a Gadget:



tutor_blogspot_1





Vào mục Basic (mặc định) -> nhấn dấu + ở phần HTML/Javascript:



tutor_blogspot_2





2. Thêm đoạn mã HTML



Paste vào đoạn mã HTML dưới đây vào khung soạn thảo gadget HTML/Javascript, bỏ trống mục Title, rồi nhấn Save:

Kazenka's Blog


Vodka Ukraina





http://i6.photobucket.com/albums/y247/Kazenka/kazenka-1.jpg"/>


Kazenka


Saigon, Vietnam


http://kazenka.blogspot.com/atom.xml
">Site Feed


tutor_blogspot_3





3. Xem kết quả tạm thời



Sau bước trên thì phần khung Profile của bạn sẽ được trình bày giống như của mình.



Bạn nhấn View Blog, tìm đến phần khung Profile và nhấn vào nút có biểu tượng ốc vít để chỉnh sửa lại đoạn mã HTML cho phù hợp với bạn (cách chỉnh sửa mình sẽ nói tiếp ở bước 4):



tutor_blogspot_4





4. Cách chỉnh sửa đoạn mã HTML



Các chuỗi bôi đậm trong đoạn mã HTML phía trên là những chỗ bạn cần chỉnh sửa cho phù hợp với trang của bạn. Ví dụ:



- Link to Top page có dạng http://kazenka.blogspot.com/



- Link to Followers page: bạn nhấn vào biểu tượng 2 hình vuông chồng nhau ở khung Followers (Người theo dõi), trình duyệt sẽ mở một trang mới, bạn copy & paste đường link trên thanh Address để thay thế cho chuỗi này

tutor_blogspot_5



- Link to Profile page: bạn vào Dashboard và copy & paste đường link ở mục View Profile



- http://i6.photobucket.com/albums/y247/Kazenka/kazenka-1.jpg: là đường link trỏ tới avatar của mình, bạn thay bằng đường link trỏ tới avatar của bạn



Ngoài ra bạn có thể chỉnh sửa về màu sắc chữ, kiểu chữ, cỡ chữ:



- Chỉ định màu chữ có dạng: #628c2a;



- Chỉ định kiểu chữ có dạng: font-family: trebuchet ms,sans-serif;



- Chỉ định cỡ chữ có dạng: font-size: 8pt;



Cách dễ dàng nhất để thực hiện công việc trên đây là bạn vào khung soạn thảo bài viết trong Blogspot, trình bày khung Profile theo ý mình, rồi chuyển sang chế độ "Edit Html", copy đoạn mã HTML tương ứng để paste vào gadget đã tạo.





B. Total Page Views



Có một số trang web cung cấp dịch vụ này, mình sử dụng trang:



http://www.statcounter.com/



Bạn vào trang trên, đăng ký một tài khoản, làm theo các bước hướng dẫn để được cung cấp một đoạn mã HTML/Javascript.



Tiếp theo bạn tạo một gadget HTML/Javascript đặt title là "Total Page Views" và paste đoạn mã được cung cấp vào.

Sao chép dữ liệu từ Y!360 sang Blogspot

0. Dẫn nhập

Các dịch vụ blog chuyên nghiệp như Wordpress hay Blogspot đều hỗ trợ việc sao lưu dữ liệu blog và xuất (Export) dữ liệu thành file XML. Khi có sự cố với blog của mình và muốn khôi phục lại blog, người dùng có thể lấy file XML sao lưu đẩy cho dịch vụ blog thực hiện việc nhập (Import) lại dữ liệu từ file này.

Hiện nay trên Internet có trang VietAjax.net/360Exp hỗ trợ sao chép dữ liệu từ một trang blog Y!360 (nội dung entry, các comment, các tag..., ngoại trừ ảnh minh hoạ ở đầu entry) rồi xuất thành file XML có định dạng tương thích với việc nhập liệu vào Wordpress hoặc Blogspot.


1. Lấy file XML tương thích với việc nhập liệu từ Y!360 vào Wordpress hoặc Blogspot

Rất đơn giản, bạn chỉ cần vào trang VietAjax.net/360Exp và thực hiện theo các chỉ dẫn trong trang đó.

Sau bước này bạn sẽ có được 1 file XML tương thích với việc nhập liệu vào Wordpress hoặc Blogspot.

Nếu bạn muốn sử dụng Wordpress thì bạn có thể xem thêm các chỉ dẫn ở đây, còn nếu muốn dùng Blogspot thì mời bạn theo dõi tiếp bước 2.


2. Nhập dữ liệu vào Blogspot

a. Bước 2a này này rất quan trọng để có thể đảm bảo việc nhập dữ liệu thành công.

Bạn vào Settings -> Comments -> đến mục Who Can Comment? và chọn "Anyone - Includes Anonymous Users" rồi nhấn SAVE SETTINGS:

tutor_blogspot_8

b. Bạn vào Settings -> Basic -> Import blog:

tutor_blogspot_8

Tiếp theo, duyệt đến file XML tương thích với việc nhập liệu vào Blogspot có được ở bước 1, gõ vào mấy con chữ xác nhận, chọn "Automatically publish all imported posts", sau đó nhấn IMPORT BLOG để thực hiện việc nhập liệu:

tutor_blogspot_9


3. Chú ý

- Khi nhập dữ liệu từ file XML, blog trên Blogspot của bạn không nhất thiết phải trống trơn, Blogspot sẽ tự động nhập thêm dữ liệu và sắp xếp lại các entry theo thứ tự ngày tháng.

- Trong quá trình Import blog, nếu có xuất hiện thông báo lỗi thì bạn vào Dashboard -> Posting -> Edit Posts để kiểm tra xem đã xuất hiện các entry mới được
nhập vào hay chưa? Nếu sau vài lần kiểm tra mà vẫn chưa thấy các entry đó xuất hiện thì bạn thực hiện lại quá trình Import.

- Nếu sau nhiều lần thực hiện việc import mà vẫn không thành công, bạn có thể thực hiện giải pháp cắt nhỏ file XML và thử lại.

Google Friend Connect và cách khác để thêm Quick Comments cho Blogspot

Google Friend Connect (GFC) là một dịch vụ trực tuyến của Google cho phép người dùng Internet có thể kết nối với bạn bè của họ ở trên các website khác nhau.

Hiện nay có một số gadget cho Blogspot đã tích hợp GFC, điển hình như gadget Followers (Người theo dõi). Ngoài ra GFC còn cung cấp một số gadget tiện ích khác cho Blogspot như Quick Comments, Polls, Reviews...

Thế mạnh của việc sử dụng các gadget có tích hợp GFC là bạn sẽ có thể cấu hình, quản lý chúng thông qua một tài khoản Google duy nhất.

Dưới đây mình sẽ giới thiệu một cách khác để thêm khung Quick Comments cho Blogspot. Cách làm này "chính tắc" và dễ dàng hơn cách làm trước.


1. Đăng nhập vào Google Friend Connect

Trước tiên bạn đăng nhập vào dịch vụ Google Friend Connect bằng tài khoản Google của bạn:

http://www.google.com/friendconnect/

gfc1


2. Lấy đoạn mã HTML cho khung Quick Comments

Sau khi đăng nhập, bạn nhấn vào mục Social gadgets, trong này hỗ trợ bạn thêm vào Blogspot một số dịch vụ như Comments, Polls, Reviews...

gfc2

Bạn chọn thêm gadget Comments:

gfc3

Tiếp theo, bạn làm theo vài hướng dẫn của Google Friend Connect (chọn màu sắc, đặt tên tiêu đề, cấu hình người dùng...) trước khi lấy được đoạn mã HTML cho khung Quick Comments của bạn:

gfc4

Bạn copy đoạn mã HTML có được để sử dụng cho bước 3.


3. Thêm khung Quick Comments cho Blogspot

Trước tiên, bạn thêm một gadget dạng HTML/Javascript bằng cách vào Dashboard -> Layout -> Page Elements -> Add a Gadget, rồi vào mục Basic (mặc định) -> nhấn dấu + ở phần HTML/Javascript:

tutor_blogspot_2

Bạn đặt tên (Title) của gadget là Quick Comments hay là gì tuỳ thích, sau đó copy đoạn mã HTML lấy được ở bước 2 và paste vào vùng soạn thảo nội dung (Content) của gadget.

tutor_blogspot_7

Cuối cùng bạn nhấn Save và View Blog để xem kết quả.

Trong trường hợp ở bước 2 bạn cấu hình không cho phép người dùng ẩn danh comment, thì để có thể gửi comment trong khung Quick Comments thì trước đó bạn cần "Sign in" theo đường link trong gadget này hoặc trong khung Followers.

Yahoo! Profile



Trước tình trạng chập chờn và có những dấu hiệu ngừng hoạt động của Yahoo! 360 thì khá nhiều người đang tập làm quen với Facebook, Yume..., những mạng xã hội có hỗ trợ dịch vụ blog. Tuy thế thì có lẽ sớm hay muộn, và dù Yahoo! 360 có ngừng hay không ngừng hoạt động, những người dùng này sẽ quay lại với Yahoo, bởi sự xuất hiện của Yahoo! Profile vài tháng trước.

Như một phân tích trước đây, có 4 lý do chính giải thích cho sự thành công của Yahoo! 360 ở Việt Nam là:

1. Có sự liên kết, tương tác rất thuận tiện với Yahoo! Messenger - phần mềm chat mà tuyệt đại đa số người Việt Nam sử dụng, thông qua một Yahoo! ID chung

2. Có tính năng kết nối các blog trong mạng lưới, hiển thị các cập nhật về blog của bạn bè và người mình quan tâm, một cách đơn giản, tiện lợi

3. Đáp ứng một cách khá đầy đủ các nhu cầu cơ bản cho đa số người dùng khi viết blog như trang trí màu mè cho văn bản, chèn hình ảnh, nhạc, phim...

4. Giao diện giản dị, sử dụng dễ dàng

Lý do thứ 2 được thể hiện rõ ở trang Yahoo! 360 Home. Ở đó các bạn có thể theo dõi xem các Friend của mình cập nhật blast gì, có entry mới nào một cách rất thuận tiện. Bây giờ bạn thử tưởng tượng, trong trang Yahoo! 360 Home, khi bạn nhấn "View blog" của một Friend nào đó, thay vì vào Yahoo! 360 Blog để xem entry mới, bây giờ trình duyệt sẽ chuyển vào một dịch vụ blog bất kỳ mà Friend của bạn đăng ký sử dụng. Người dùng sẽ không còn phải cân nhắc sử dụng dịch vụ blog nào để duy trì các kết nối cũ nữa. Yahoo! Profile là một dịch vụ đáp ứng một cách chính xác tính năng nêu trên.

Lấy một ví dụ đơn giản. Mình có một blog trên Blogspot và mình muốn các mối quan hệ của mình trên Yahoo! Profile (Connections, hiểu nôm na như Friends trên Yahoo! 360) có thể cập nhật các entry mới của mình trên trang Blogspot đó, thì mình sẽ làm như sau:

Trước tiên là mình vào trang Yahoo! Profile và đăng nhập, sau đó mình vào phần "Updates" -> "Share More", đây là nơi để mình đăng ký và thiết lập thêm các dịch vụ mạng của bên thứ 3 (ngoài các dịch vụ do Yahoo cung cấp cho bạn) mà mình muốn chia sẻ với các mối quan hệ của mình.

yprofiles1

Tiếp theo, mình kéo trang "Share more" xuống dưới, chuyển đến phần các dịch vụ blog. Ở đó mình chọn dịch vụ Blogger (tên gọi khác của Blogspot) và gõ vào các thông số: username của mình trên Blogspot (kazenka), trang blog của mình trên Blogspot (http://kazenka.blogspot.com). Sau khi thiết lập xong các thông số thì mình nhấn Add.

yprofiles2

Kết quả là ở phía đầu trang "Share more", Blogger đã được thêm vào danh sách các dịch vụ mạng mà mình muốn chia sẻ với các mối quan hệ của mình:

yprofiles3

Nếu bạn và mình có kết nối trên Yahoo! Profile, thì khi bạn đăng nhập vào trang Yahoo! Profile của bạn, rồi tới phần "Updates" -> "My Connections", bạn sẽ có thể cập nhật entry mới mình viết trên Blogger như trong hình dưới đây mà không cần phải có tài khoản trên Blogger:

yprofiles4

Ngoài ra Blogger, hiện tại Yahoo! Profile còn hỗ trợ quản lý thông tin entry mới trên Yahoo! 360 (hoạt động chưa tốt), Xanga, Tumblr... và trong tương lai sẽ hỗ trợ thêm Wordpress. Theo dõi hình trên thì bạn có thể nhận bạn cũng có thể theo dõi xem mình mới upload video mới nào lên Youtube, và không chỉ có thế, hàng tá các dịch vụ của bên thứ 3 khác cũng có thể được thiết lập dễ dàng như trên để bạn có thể chia sẻ với các mối quan hệ của bạn. Như vậy trong trường hợp Yahoo! 360 ngừng hoạt động và Yahoo không đưa ra dịch vụ thay thế, mình sẽ sử dụng một dịch blog mà Yahoo! Profile hỗ trợ cập nhật như Blogger hay Tumblr, Wordpress...

Yahoo! Profile đang được hoàn thiện để trở thành trung tâm quản lý thông tin dịch vụ mạng cho người dùng, tức là Yahoo có tham vọng thông qua Yahoo! Profile sẽ tạo dựng được cộng đồng mạng xã hội rộng lớn và vững mạnh. Và điều này hoàn toàn khả thi ở Việt Nam chừng nào người sử dụng Internet ở Việt Nam còn sử dụng Yahoo Messenger để trao đổi, liên lạc với nhau. Và Yahoo! Profile cũng là sự lựa chọn của mình thay cho Facebook, Yume... - những dịch vụ đôi khi hơi rườm rà, màu mè, khác với sự giản dị của Yahoo mà mình vẫn quen dùng và đặc biệt là không có sự kết nối với Yahoo! ID.

Yahoo! Profile: http://profiles.yahoo.com/

Blog cập nhật các tính năng mới, hỗ trợ sử dụng Yahoo! Profile: http://www.yprofileblog.com/

Cắt nhỏ file XML nhập liệu cho Blogspot

Một số bạn khi import file XML có kích cỡ lớn thì sẽ gặp báo lỗi và quá trình import không thành công. Tuy nhiên khi cắt nhỏ file XML ban đầu thành các file có kích cỡ nhỏ hơn thì lại import thành công. Bạn có thể dùng Notepad, Wordpad hoặc Microsoft Word để thực hiện việc cắt nhỏ file XML nhập liệu cho Blogspot.

Khi dùng các chương trình soạn thảo văn bản trên để mở file XML nhập liệu cho Blogspot download từ VietAjax.net/360exp ra thì bạn có thể thấy file đó có cấu trúc như sau:

1. Phần mở đầu:


ABC's Blog
Blogger


2009-06-04T05:15:29Z

2. Phần nội dung:
Nội dung các entry và các comment

3. Phần kết thúc:

Nội dung mỗi entry hoặc mỗi comment được bao trong cặp thẻ

Nội dung của mỗi entry thì sẽ chứa đoạn mã có dạng post-32 (nội dung của entry thứ 32).

Còn nội dung mỗi comment thì sẽ chứa đoạn mã có dạng post-32.comment-5 (nội dung comment thứ 5 của entry thứ 32).

Như vậy bạn có thể cắt nhỏ file XML bằng cách cắt nhỏ Phần nội dung, rồi tạo ra các file XML mới có định dạng như sau:
Phần mở đầu
Phần nội dung đã được cắt nhỏ (chứa khoảng 50 entry)
Phần kết thúc
Chú ý là phần nội dung đã được cắt nhỏ cần chứa nội dung mỗi entry kèm theo nội dung TẤT CẢ các comment của mỗi entry đó.

Thứ Bảy, 2 tháng 5, 2009

Làm sinh động bức ảnh trong Blog với BritePic

Đối với các blogger, mỗi khi viết 1 bài mới thì việc trang trí cho bài viết khá quan trọng, góp phần tạo sự thích thú cho người đọc; mà trong đó , hình ảnh minh họa góp phần lớn để tạo thêm sự hấp dẫn và sinh động cho bài viết. Vậy phải làm sao để có thể khiến bức hình trở nên sinh động, không đơn điệu như các bức ảnh thông thường. Thủ thuật này sẽ giúp bạn đấy !

Đầu tiên, mình sẽ minh họa 2 bức hình : 1 bức ảnh thông thường , và 1 bức đã qua xử lý



Ảnh thường




Ảnh đã xử lý


Chắc hẳn các bạn sẽ thấy sự khác biệt khi rê chuột vào bức ảnh đã qua xử lý đúng không ! Nó thực chất là một file flash dùng để hiển thị ảnh. Nhìn vào góc trái bên dưới, bạn sẽ thấy bảng Menu nhỏ để thực hiện vài thao tác như Zoom, gửi Email về bức ảnh , Link tới ảnh gốc, Mã nhúng ... thật sự rất tiện dụng.

Để tạo được một bức ảnh như thế, thì đầu tiên, ảnh của bạn phải được up lên host nào đó (Khuyên dùng ImageShack.us cho tiện). Sau đó, bạn sử dụng đoạn code sau :

http://img11.imageshack.us/img11/3617/62421183758409firefox35xy9.jpg&show_ads=0&show_menu=1&href=http://boyprodx.blogspot.com&caption=Mo ta buc anh (Tieng viet khong dau)&width=420&height=315&" allowscriptaccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" type="application/x-shockwave-flash" width="420" height="315">
Các thông số trên sẽ được chỉnh sửa như sau :

- http://img11.imageshack.us/img11/3617/62421183758409firefox35xy9.jpg >> Sửa thành link ảnh của bạn.

- http://boyprodx.blogspot.com >> Sửa thành URL mà bạn muốn trình duyệt mở ra khi nhấp vào bức ảnh.

- Mo ta buc anh (Tieng viet khong dau) >> Phần mô tả.

- 420 >> Chiều rộng.

- 315 >> Chiều cao.

Trong đó, link ảnh và độ dài - rộng bắt buộc phải điền, còn URL và Mô tả có thể bỏ qua bằng cách xóa đi. Đặc biệt, hình ảnh được dùng ở đây phải có định dạng là JPG , nếu là định dạng khác thì ảnh sẽ không hiển thị (lý do bởi vì dung lượng của JPG nhẹ hơn nhiều so với PNG , giảm thời gian load hình). Lưu ý nhỏ : Phần mô tả, bạn có thể ghi tên blog để giữ bản quyền , còn chiều dài - rộng nên để theo kích thước bức ảnh.



P/s : Để thuận tiện cho việc sử dụng code này, bạn hãy copy nó và dán vào 1 file notepad nào đó, để khi dùng chỉ việc dán lại vào bài viết, thế là xong. Thủ thuật này thực sự đơn giản đúng không nào ! Bạn hãy thử qua để đánh giá tính năng của nó nhé. Chúc vui!

Chèn emoticons (biểu tượng cảm xúc) người củ hành

Ngoài bộ emoticons Yahoo dành cho phần comment của Blogger, thì hôm nay mình xin giới thiệu thêm bộ emoticons Người củ hành cho các bạn, giúp độc giả có nhiều lựa chọn hơn trong việc thể hiện cảm xúc thông qua các emoticons này.



- Đầu tiên, các bạn hãy đăng nhập vào Blogger > Layout > Edit HTML .

- Sau đó, bạn kéo xuống gần cuối mã nguồn template và thêm đoạn code này vào ngay trước thẻ

Một số hiệu ứng cho ảnh trong Blogger

Như các bạn đều biết, để 1 bài đăng thật sự hiệu quả, gây sự chú ý của người đọc thì hình ảnh minh họa là không thể thiếu. Vì thế, hôm nay mình xin hướng dẫn cách tạo 1 số hiệu ứng lạ mắt cho ảnh minh họa, góp phần làm sinh động cho bài viết.



1. Tạo hiệu ứng thay đổi ảnh khi rê chuột (Rollover Image)

Để tạo được hiệu ứng này, thì hầu hết các trang hướng dẫn về ngôn ngữ HTML luôn đòi hòi phải cài thêm Javascript/ CSS cho Blog thì mới thực hiện được.

Tuy nhiên, để tránh rắc rối , dài dòng khi phải thêm những dòng code Javascript đó, thì Blogger Divya Sai đã hướng dẫn 1 thủ thuật HTML hết sức đơn giản, bạn chỉ việc chèn code dưới đây vào bài đăng theo như sau :

Xem demo



2. Tạo viền tròn cho ảnh

Thủ thuật này sẽ giúp bạn tạo đường viền tròn cho bức ảnh, thay vì 4 góc vuông góc thường thấy mà không cần dùng tới Photoshop để chỉnh sửa. Tất cả việc bạn cần làm là upload ảnh từ PC hay copy link ảnh trên website (hỗ trợ định dạng JPG, PNG, GIF và BMP) và để Roundpic hoàn tất giùm bạn.

Xem demo





Image:
hay URL:


3. Tạo bóng mờ cho ảnh

Với trang web Dropshadowz , bạn có thể tạo thêm bóng mờ cho các bức ảnh minh họa của mình mà không hề tốn chút công sức nào. Bạn chỉ việc chọn File ảnh từ PC hay từ URL, rồi chỉnh sửa kích cỡ và màu nền cho ảnh , cuối cùng nhấn Generate Drop Shawdow để hoàn tất (hỗ trợ định dạng jpg, gif, png với dung lượng tối đa 300KB). Thanks bạn vuluganck đã chia sẻ thông tin cho mình :D

Xem demo



4. Tạo hiệu ứng phản chiếu cho ảnh

Có lẽ hiệu ứng reflect (phản chiếu) cho ảnh cũng không quá xa lạ đối với bạn, khi đây là 1 trong những hiệu ứng được sử dụng rộng rãi ở các trang web/blog . Photoshop có thể giúp bạn làm điều này, nhưng thật cầu kì và không cần thiết khi bạn đã có Reflectz . Cũng tương tự thủ thuật tạo bóng mờ, bạn chỉ việc upload hình hay chọn URL của ảnh , thiết lập độ dài của ảnh phản chiếu (Reflection Size) và độ mờ (Transparency) , cuối cùng nhấn Generate Image Reflection để hoàn tất.

Xem demo





Cập nhật vào 25/4 : Trên đây là 4 thủ thuật để tạo hiệu ứng cho ảnh minh họa. Hy vọng các bạn sẽ hài lòng, mình sẽ cố gắng cập nhật thêm các thủ thuật khác cho các bạn trong thời gian tới. Thân !

10 thủ thuật với link Youtube mà bạn nên biết

Youtube là 1 dịch vụ chia sẻ video trực tuyến hàng đầu thế giới với số lượng video và thành viên rất đông. Để việc xem các clips trên Youtube 1 cách tiện lợi hơn, thì bên dưới đây là 10 thủ thuật về Youtube mà bạn nên biết.

1. Xem video với chất lượng cao hơn

Đối với những clips không hiển thị tùy chọn Xem ở chất lượng HD, bạn có thể kiểm tra xem clips đó thật sự có chất lượng HD không bằng cách thêm vào sau URL &fmt=18 (stereo, độ phân giải 480 x 270) hoặc &fmt=22 (stereo, độ phân giải 1280 x 720).

VD : http://www.youtube.com/watch?v=i7jImLudvNY&fmt=18

2. Chèn video vào Blog/Web với chất lượng cao hơn

Ngoài xem trực tiếp trên Youtube , bạn có thể chèn Youtube vào Blog với chất lượng cao hơn bằng cách thêm &ap=%2526fmt%3D18 hay &ap=%2526fmt%3D22 ngay sau đường link gốc của code embed.

VD : &ap=%2526fmt%3D18” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”425″ height=”344″>

3. Xem video ở thời điểm xác định

Nếu bạn muốn tua nhanh tới 1 đoạn nhất định của clips trên Youtube, bạn có thể chèn vào sau URL mã #t=XXmYYs (thay XX thành phút và YY thành giây).

4. Ẩn khung tìm kiếm

Những video được embed trong Blog thường xuất hiện khung tìm kiếm khi rê chuột vào. Để ẩn khung Search đi, bạn thêm &showsearch=0 ngay sau đường link gốc của code embed.

5. Chỉ chèn 1 đoạn của Video vào Blog

Chèn &start=30 vào ngay sau đường link gốc của code embed để bỏ qua 30 giây đầu tiên của clips. Nếu muốn bỏ qua nhiều/ít hơn thì chỉ cần thế số 30 thành số giây bạn muốn.

6. Tự động chạy video được Embed trong Blog

Thông thường, khi embed video vào Blog/Web thì Youtube sẽ xuất hiện nút Play và yêu cầu bạn nhấp vào để chạy video. Bạn có thể bỏ qua việc này bằng cách thêm &autoplay=1 vào ngay sau đường link gốc của code embed.

7. Thêm tính năng Replay cho Embed video

Thêm &loop=1 vào ngay sau đường link gốc của code embed để video tự động replay sau khi chạy xong.

8. Tắt tính năng Related Videos

Thêm &rel=0 vào ngay sau đường link gốc của code embed và video của bạn sẽ không xuất hiện Related Video sau khi chạy xong.

9. Xem các video bị chặn bởi từng vùng.

Một số video chỉ cho phép người sử dụng của 1 vùng nhất định xem được. Tuy nhiên, bạn có thể vượt qua lệnh chặn bằng cách thay http://www.youtube.com/watch?v= thành http://www.youtube.com/v/

VD : http://www.youtube.com/v/i7jImLudvNY

10. Download video

Chỉ cần thay http://www.youtube.com/watch?v= thành http://www.KICKyoutube.com/watch?v=, bạn sẽ được chuyển đến web hỗ trợ download từ Youtube.

Lưu ý : Bạn nên dùng IDM để bắt link nhanh và tiện lợi hơn.

http://boyprodx.blogspot.com