[TUT] Hướng dẫn tạo 1 bbcode trình bày bài viết cho Bo-Blog - Thanh'sBlog - Blog công nghệ, chia sẻ niềm đam mê!

[TUT] Hướng dẫn tạo 1 bbcode trình bày bài viết cho Bo-Blog

06/07/2014 Đăng bởi: Admin , Nhận xét(0) , Đọc(1165) Lớn | Vừa | Nhỏ

Bạn sử dụng boblog như 1 trang web về software, ebook, hay bất cứ 1 lĩnh vực khác, bạn thường xuyên phải trình bày bài viết theo 1 chuẩn nhất định, chính vì vậy, việc tạo ra 1 bbcode để sử dụng riêng cho công việc mình là cần thiết.

Bài viết này mình sẽ hướng dẫn cách tạo 1 bbcode trình bày bài viết như bên dưới:

Highslide JS


Ở khung soạn thảo: Khi bạn click vào “ảnh hiển thị bbcode” thì ở phần nội dung sẽ hiển thị “nội dung hiển thị bbcode”:

Highslide JS


Để việc trình bày bài viết được đẹp, bạn nên sử dụng Plugin Highslide. Download Plugin HighSlide 4.0.8 for Bo-Blog 2.1.1 ở link sau : http://thanhb...og-InFo_6159/

Bây giờ chúng ta bắt đầu vào việc tạo 1 bbcode :

1. Mở file root\editor\ubb\editordef.php lên (có thể dùng Notepad ++):


2. Bạn có thể thêm bbcode mình vào đoạn nào mà bạn thuận tiện, ở đây mình chèn trước đoạn:

<a href="javascript: void(0); "><IMG border=0 onclick="AddText('[newpage]')" title="{$lna[702]}" src="editor/ubb/images/newpage.gif" ></a>


Đoạn code như sau :

<a href="javascript: void(0); "><IMG border=0 onclick="AddText('[COLOR=black][img align=l width=150]http://[/img][/COLOR]')" title="[COLOR=red]Chèn ảnh Mặc định[/COLOR]" src="[COLOR=red]editor/ubb/images/59.png[/COLOR]" ></a>


Trong đó :
[img align=r width=150]http://[/img]


là nội dung xuất ra khung soạn thảo: Đoạn này sẽ chèn 1 ảnh có địa chỉ http:// có độ rộng 150pixel nằm bên phải bài viết (như hình minh họa trên)
editor/ubb/images/59.png :


là đia chỉ của “ảnh hiện thị bbcode”.

Như vậy là các bạn đã tự tạo cho mình một code ubb do để đăng bài. Chúc các bạn thành công!


Nhấn Like và +1 nếu thấy bài viết có ý nghĩa!

  • Đăng lên ZingMe
  • Đăng Lên Facebook
  • Đăng Lên Twitter
  • LinkedIn
  • Đăng lên ZingMe
  • Đăng Lên Google Buzz
  • Đăng Lên FriendFeed
  • Đăng Lên Reddit
  • Đăng Lên MySpace
  • Đăng Lên Yahoo! Bookmarks
  • Đăng Lên Digg
  • Đăng Lên Yahoo Buzz
  • Đăng Lên Baidu
Đăng bình luận lên Facebook của bạn:
Khuyến cáo: Không hổ trợ comment bằng facebook nhé!


Sửa lần cuối bởi Admin Sửa vào 06/07/2014 22:13
Tags: , , , , , , , , , , ,
Viết nhận xét

Tên gọi

Facebook của bạn

Email

You can also login with your OpenID:
HTML code BBcode Mặt cười Ẩn giấu Hãy nhớ [Đăng nhập] [Đăng ký. ]
               
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot

Bạn muốn hình đại diện hiển thị ngay bên cạnh lời bình luận của bạn không?
Hãy tham gia vào Gravatar và thiết lập hình đại diện hoàn toàn miễn phí!
Gravatar là gì? Avatar hình đại diện toàn cầu, bạn đã có avatar chưa? click đăng ký ngay!
TÌNH HÌNH WEBSITE

Thống kê Online trên website.

Hiện có 121 người đang online
(0 thành viên và 121 khách)

Tổng quan tình hình trên ThanhBlog.InFo

Thống kê đến thời điểm hiện tại số lượt khách ghé thăm blog là: 3981745
Số người đã ghé thăm blog trong ngày là: 521
Số bài viết: 6854 Số comment hiện tại là: 2843 Số trích dẫn 1
Số thành viên đã đăng ký là: 24332
Nào cùng nâng ly chào mừng bạn vuptge đến với ThanhBlog. Chúc các bạn có những giây phút bổ ích và hạnh phúc !