Thứ Năm, 5 tháng 8, 2010

Cách tạo và chèn Facebook Like Box vào Blogspot

Bạn là một tín đồ của Blogger và Bạn đang là thành viên tích cực trên Facebook? Bạn muốn chia sẻ những thông tin của mình đến tất cả bạn bè? Bạn muốn kết nối và chia sẻ cùng bạn bè trên cộng đồng mạng?



Hiện nay, Facebook cung cấp rất nhiều công cụ để bạn có thể dễ dàng chia sẻ những bài viết, ứng dụng của bạn từ Blog lên Facebook và ngược lại. Những công cụ này đã và đang rất phổ biến và được nhiều Blogger sử dụng để thu hút sự quan tâm của bạn bè trên Facebook, hướng họ đến với Blog của mình.



Một trong những công cụ mà Facebook cung cấp là “Like Box”. Like Box như một trang Facebook thu nhỏ. Trong đó thể hiện Fans Page và những bài đăng trên trang Facebook riêng của bạn. Khi chèn Like Box vào Blog, bạn bè của bạn có thể xem nhanh nội dung trang Facebook của bạn và họ có thể kết nối để chia sẻ với bạn thông qua nút “Like” (thích) ngay phía trên hộp thoại.



Để tạo nút Like Box cho Blog, trước tiên bạn cần có một tài khoản trên Facebook và bạn cần tạo trang Facebook riêng.



Sau khi đã có tài khoản và trang Facebook riêng, bạn vào trang http://developers.facebook.com/docs/reference/plugins/like-box để bắt đầu.



Bạn chọn vào Like Box trong danh sách Plugin

Trang chủ sẽ xuất hiện như hình bên dưới

Tiếp theo, bạn vào trang Facebook riêng copy ID của trang.



Lưu ý: ID của trang chính là dãy số cuối cùng trên đường dẫn của trang.

Dán ID vào “Facebook Page ID” như trong hình bên dưới, hộp box sẽ thể hiện mẫu để bạn xem trước như trong hình:

Nhấn “Get code” để tạo code. Facebook tự tạo mã code để bạn chèn vào Blog.

Copy đoạn code trên vào đưa vào Blogspot. Để đưa vào Blogspot, bạn cần đăng nhập vào Blogger, chọn “Thiết kế”

Chọn “Thêm tiện ích”



Chọn tiện ích “HTML/ Javascrip” trong các tiện ích Blogspot cung cấp sẵn



Dán đoạn code vừa copy vào phần “Nội dung”



Lưu những thay đổi và vào Blog để xem kết quả.





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





Bài viết @ Xuân Hồng



Thứ Hai, 2 tháng 8, 2010

Cách tạo RSS cho Blog


Khi bạn muốn tạo Blog 1 cách hoàn chỉnh, thì Blog của bạn không thể thiếu những thành phần quan trọng như công cụ tìm kiếm, RSS, hay thành phần đếm số lượt người truy cập blog...

Sau đây tôi muốn trình bày cách thêm RSS cho blog của mình:

1. Cách 1: Đối với Blogger:
Đầu tiên các bạn copy đoạn mã sau vào vị trí trong Blog của bạn muốn đặt logo RSS



Thay các chữ Tên Blog của bạn bằng địa chỉ Blog của các bạn, thay dòng mô tả KIẾN THỨC TỔNG HỢP bằng các dòng bất kì theo ý thích. Vậy là xong.

2. Cách 2:
Bình thường, nếu không đăng ký FeedBurner và thay đổi Post Feed Redirect URL trong Site Feed (Settings -> Site Feed) liên kết đến Feed cho các bài đăng của blog sẽ có dạng: http://tencuaban.blogspot.com/feeds/posts/default. Từ chương trình đọc feed trên web hay các chương trình trên Windows người dùng có thể đọc một phần hoặc tất cả nội dung của một bài đăng dựa theo chế độ cài đặt của bạn tại Allow Blog Feeds.


Theo hướng dẫn của Blogger link đến Feed cho từng nhãn của bạn sẽ là:

http://tencuaban.blogspot.com/feeds/posts/default/-/labelname

Nhớ phải có dấu "-". Và như vậy có thể dùng link này kết hợp với một hình ảnh, bạn hoàn toàn có một một biểu tượng feed cho từng label.

Cách thực hiện:

- Đăng nhập Blogger và hãy bảo đảm bạn trên blog của bạn có ít nhất một tiện ích label được sử dụng.

- Tiếp theo vào Template -> Edit HTML, nhớ bấm Expand Widget Templates và tìm id='Label1' (hoặc id='Label2' nếu bạn sử dụng đến nhãn thứ 2 )( Có thể dùng Ctrl + F để tìm). Bạn lưu ý đoạn mã sẽ như thế này:

Photo Sharing and Video Hosting at Photobucket

Nào bây giờ hãy chép đoạn code:


Photo Sharing and Video Hosting at Photobucket

Trong đó Link đến biểu tượng Feed bạn có thể lựa chọn từ một trong các hình sau: (Đưa chuột phải lên hình bạn chọn và click Properties để lấy link) và dán theo một trong hai cách: phía dưới thẻ (hoặc phía dưới thẻ) để biểu tượng xuất hiện trước (hoặc sau tên của nhãn)

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

Tạo menu cực kỳ đơn giản trong Blogger in draft

Như các bạn đã biết Blogger in draft là một phiên bản của Blogger.com trong đó các tính năng mới được thử nghiệm trước khi trở thành chính thức với tất cả người dùng. Hôm nay Blogger in draft đã giới thiệu tính năng tạo menu cho blog một cách đơn giản và thuận tiện. Hãy cùng thử nghiệm tính năng mới này nhé.
Với các classic template thì việc bổ sung tính năng tạo menu (Ví dụ: Home - Contact - About - ....) này thực sự rất cần thiết, đặc biệt với các bạn không biết về code HTML. Trong khi đó đa số những Customs template đều đã có sẵn menu này.


Tuy nhiên việc đưa tính năng tạo menu giống như thêm một Gadget như thế này giúp cho việc quản lý trở nên dễ dàng và thuận tiện hơn.

Nếu bạn nào đã từng làm trang Contact và không muốn phần comment xuất hiện ở bên dưới thì đã biết rằng phải mất thời gian thực hiện một số điều chỉnh trong phần HTML. Nhưng nếu bạn tạo "Page" với tính năng mới này thì phần "Nhận xét" ở cuối trang sẽ biến mất mà không cần tùy chỉnh gì.

Để sử dụng tính năng mới bạn đăng nhập vào Blogspot qua Blogger in draft. Trong Dashboard chọn Edit posts bạn sẽ thấy mục Edit pages.

Blogger in draft

Chọn New page để tạo mới các trang cần thiết, bạn có thể tạo tối đa 10 pages. Việc tạo một page mới giống hoàn toàn như việc bạn soạn thảo một bài viết mới.

Blogger in draft

Khi bạn Publish một page, một cửa sổ mới hiện ra yêu cầu bạn chọn vị trí cho Page gadget.

Blogger in draft

Để chỉnh sửa "Pages" bạn vào phần Layout, Pages Elements.

Blogger in draft

Trong phần này bạn có thể kéo thả để sắp xếp vị trí hiển thị của các link, ẩn hoặc hiện link.

Một cải tiến khá hữu ích phải không các bạn.
Girls Generation - Korean