II. Tạo trang landingpage với Static FBML 1 Landing page
FBML Tips: Tùy chọn hiển thị nội dung trang landingpage cho đối tượng fan hoặc chưa là fan
đối tượng fan hoặc chưa là fan
Có nhi u cách ề để thu hút s tò mò c a khách hàng, ngự ủ ười dùng khi ghé th m trang fanpage c a b n, m t trong nh ngă ủ ạ ộ ữ
cách ó là dùng mã FBML đ để tùy ch n hi n thọ ể ị n i dungộ trang landing page! Hãy tham kh o ví d sau:ả ụ
http://www.lisp4.facebook.com/FreeMobileGames?v=app_4949752878
làm c i u này khá d dàng, b n ch c n thêm o n mã sau vào ng d ng
Để đượ đ ề ễ ạ ỉ ầ đ ạ ứ ụ Static FBML:
<style type=”text/css”>
div#content-fans { width: 520px; margin: 0 auto; border: 0; padding: 0; position: relative; } div#content-non-fans { width: 520px; position: absolute; top: 0; left: 0; }
</style>
<div id=”content-fans”>
<h2> Hi hi !!! Demo gi i phápả thôi nhé! Thanks!
<img src=”http://www.gps.info/elly.jpg” style=”border: none;” />
</div>
<fb:else>
<div id=”content-non-fans”>
<h2>Hãy click vào nút like phía trên để khám phá bí m t c a b c nh!</h2>ậ ủ ứ ả
<img src=”http://www.gps.info/elly1.jpg” style=”border: none;” />
</div>
</fb:else>
</fb:visible-to-connection>
* Ghi chú:
- o n mã màu cam là o n mã giúp nh d ng style cho n i dung (CSS)Đ ạ đ ạ đị ạ ộ
- o n mã màu xanh lá là o n mã cho phép tùy ch n n i dung hi n th cho 2 lo i Đ ạ đ ạ ọ ộ ể ị ạ đố ượi t ng ã là fan ho c ch a là đ ặ ư
fan.
- o n mã màu en là n i dung, b n có th thay Đ ạ đ ộ ạ ể đổi tùy theo m c ích c ng nh s thích (c n ki n th c c b n v ụ đ ũ ư ở ầ ế ứ ơ ả ề
HTML)
- Đặt tab FBML là tab m c nh (Landing page) cho trang fanpage!ặ đị
* Chú ý: N u b n là admin c a trang fanpage thì khi view k t qu có th b l i hi n th . Nên logout ho c dùng tài kho n ế ạ ủ ế ả ể ị ỗ ể ị ặ ả
khác để test! Chú ý d uấ “” khi copy vào code s b thay ẽ ị đổi, do ó sau khi dán xong nên s a l i.đ ử ạ