Mẹo Wordpress

WordPress – thủ thuật tạo Flash box giới thiệu bài viết mới nhất

feedburner8Mặc định, wordpress cung cấp cho chúng ta 1 chức năng thể hiện các bài viết gần đây thông qua công cụ Recent Post widget. Tuy nhiên, việc sử dụng công cụ đó khá đơn điệu và chiếm nhiều diện tích của side bar. Vì vậy, M4Ps xin giới thiệu 1 thủ thuật tạo Flash Box nhằm thể hiện tuần tự tiêu đề của các bài viết mới nhất, thông qua 1 công cụ của FeedBurner. Thủ thuật này có thể áp dụng đối với các blog của WordPress, Blogger, Typepad và My Space

Đầu tiên, chúng ta truy cập vào trang www.feedburner.com và đăng nhập vào trang này bằng tài khoản của google mail. Nếu chưa có tài khoản của gmail, thì bạn có thể tạo tại đây .

Sau khi đăng nhập, chúng ta nhập địa chỉ blog của mình vào khung nội dung như hình sau, rồi nhấn Next

feedburnerTiếp theo, hệ thống sẽ hiện trang Point your feed here, bạn cần tạo 1 địa chỉ để FeedBurner cập nhật các bài viết mới nhất của bạn. Mặc định, địa chỉ sẽ lấy theo tiêu đề blog của bạn. Do vậy, ta nên thay đổi để dễ nhớ

feedburner1Khi đó, địa chỉ cập nhật bài viết mới nhất của bạn trên feedburner sẽ có dạng: http://feeds2feedburner.com/feed address (Feed Address là tên mà bạn cung cấp trong ô Feed Address). Nếu địa chỉ đó đã có người dùng, thì hệ thống sẽ thông báo, và bạn cần chọn 1 địa chỉ mới.

Sau khi khởi tạo thành công, hệ thống sẽ hiện trang chúc mừng kèm địa chỉ mà bạn vừa tạo trang:

feedburner2Ta nhấn Next để sang bước kế tiếp: Tạo Flash Box thông báo trên blog của mình. Sau khi lựa chọn 1 số tính năng đối với việc thể hiện bài viết, bạn sẽ đến trang sau:

feedburner3

Chọn thẻ Publicize và chọn Headline Animator:

– Tùy theo kích cỡ của các cột trên blog của mình, mà bạn chọn Themes thích hợp. Ở đây, kích thước side bar của giao diện của M4Ps là 170 px, nên M4Ps chọn kích cỡ là 180 x 100. Kích cỡ này lớn hơn kích cỡ của sidebar, nhưng bạn cứ yên tâm. Chút nữa ta sẽ có thủ thuật làm cho nó phù hợp với kích cỡ củ blog.

– Ta khai báo các định dạng cho dòng tiêu đề blog, tiêu đề bài viết, chức năng tự động ngắt dòng nếu tiêu đề quá dài (tính năng này không hiệu nghiệm với thmes có kích cỡ 180 x 100), ngày đăng bài. Các định dạng về màu sắc ta phải sử dụng mã màu theo mã hex.

feedburner5Sau khi hoàn tất, bạn nhấn chọn nút Active ở phía cuối. Và chọn nền tảng blog phù hợp ở mục Add to MySpace, TypePad, etc. Ở đây, M4Ps chọn WordPress và nhấn Next:

feedburner6Khi đó, đoạn mã sử dụng cho blog wordpress sẽ hiện ra ở cửa sổ Pop-up (nếu trình duyệt của bạn ngăn chặn việc thể hiện Pop-up thì bạn nên cho phép FeedBurner được thực hiện điều này)

feedburner7Bạn nên đánh dấu bỏ chọn dòng Include a “Grab this” link để đoạn mã ngắn gọn hơn. Sau đó copy toàn bộ đoạn mã trong khung.

Bây giờ, để thể hiện nó trên thanh sidebar của wordpress, bạn vào phần quản trị của blog, chọn Appearence, chọn Widgets, và add thẻ Text widget vào vị trí thích hợp trên sidebar. Tiếp theo, bạn nhấn chọn Edit trên thẻ Text mới chọn và dán đoạn mã trên vào khung thứ 2 của Text widget (khung đầu dàng cho việc ghi tiêu đề).

Kế đến, bạn chỉ cần điều chỉnh lại kích cỡ Flash box cho phù hợp với giao diện của blog bằng cách bổ sung thêm từ khóa width=”170″ ngay sau style=”border:0″ . Cụ thể như sau:

<a href=”http://feeds2.feedburner.com/~r/2bo02b/~6/1″><img src=”http://feeds2.feedburner.com/2bo02b.1.gif&#8221; alt=”Maths 4 Physics(M4Ps) and more…” style=”border:0″ width=”170″></a>

Bằng thủ thuật này, bạn sẽ ép xung cho kích cỡ của Flash Box.

Cuối cùng bạn chỉ cần nhấn Save Changes thì lập tức tính năng này sẽ có hiệu lực.

2bo02b- thunhan.wordpress.com

Advertisements

About 2Bo02B

Nguyễn Vũ Thụ Nhân (Mr) Lecturer Physics Department. HCMC University of Pedagogy

Thảo luận

4 thoughts on “WordPress – thủ thuật tạo Flash box giới thiệu bài viết mới nhất

  1. You have very good site!
    Amor non est medicabilis herbis

    Số lượt thích

    Posted by gammamrketua | 17/06/2009, 09:14
  2. Thanks bạn, mình sẽ thử xem sao 🙂 !

    Số lượt thích

    Posted by haily | 03/04/2009, 01:44

Trackbacks/Pingbacks

  1. Pingback: MỘT SỐ TÍNH NĂNG WORDPRESS « phamsynam - 10/04/2012

  2. Pingback: Posts about Wordpress Widgets as of March 26, 2009 Wordpress Theme | Free Quality Wordpress Themes @ List-Your-Blog.com - 27/03/2009

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

Tài trợ cho M4Ps và tracnghiemToan12

Translators & RSS

English French RussiaMaths 4 Physics (M4Ps)


Bạn hãy nhập địa chỉ email của mình để đăng ký theo dõi tin tức từ blog này và nhận những bài viết mới nhất qua địa chỉ email.

Join 2 731 other followers

Đôi lời

Bạn có thể theo dõi các lời bình liên quan đến lời bình của mình qua email bằng cách chọn dòng thông báo Báo cho bạn khi có người bình luận tiếp theo đề tài này bằng điện thư mỗi khi viết 1 lời bình.


Rất mong các bạn viết lời nhắn bằng tiếng việt có dấu nhé.

Để viết tiếng việt có dấu bạn dùng font chữ Unicode và bảng mã là Unicode UTF-8.


Để biết cách gõ công thức Toán học trong các lời nhắn ở trang web này, mời bạn đọc bài hướng dẫn tại đây hoặc bạn có thể xem bài hướng dẫn dùng MathType tại đây và bài tạo công thức trực tuyến tại đây


Get Well

%d bloggers like this: