Khi viết bài trong blogspot các công cụ chưa thể hỗ trợ hết để mình viết bài thật bắt mắt mà không phải tự code html, qua đó bài này hướng dẫn cho bạn cách để có thế là những điều đó
- Lợi ích:
+ chèn được video, hình ảnh ... vào comment (điều này blogspot không cho phép chèn html vào bình luận)
+ Thao tác nhanh không cần chỉnh HTML rắc rồi
- Tiến Hành:
Về bảng điều khiển Blogger -> (Mẫu) Template -> Chỉnh sửa HTML (Edit HTML)
Tìm kiếm đến </ body>
Dán các tập tin JS tự động cập nhật sau ngay phía trên nó
<script src='http://downloads.mybloggertricks.com/shortcodes.js' type='text/javascript'></script>
Tiếp theo tìm đến <head>
Dán code CSS dưới đây ngay dưới nó
<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
- Hướng dẫn sử dụng:
Shortcodes có một tên và các thuộc tính. Các thuộc tính này là tùy chọn giúp bạn cấu hình một đối tượng. Shortcodes được tượng trưng bởi các dấu ngoặc vuông. Các dấu ngoặc đóng và mở giống như HTML, nhưng với một định dạng đơn giản hơn nhiều như hình dưới đây:
Giả sử bạn cần nhúng một đoạn video Dailymotion bên trong bài đăng trên blog của bạn, sidebar hoặc blog ý kiến sau đó bạn có thể làm điều đó trong hai cách.
[youtube src="xqYTfr0ZEHg"][/youtube]
Hoặc đơn giản hơn là
[youtube src="xqYTfr0ZEHg" /]
Bây giờ nếu bạn muốn thay đổi màu sắc của các nút chơi, ẩn thông tin máy nghe nhạc và chỉnh sửa kích thước máy nghe nhạc sau đó bạn có thể chèn các thuộc tính như hình dưới đây
[youtube src="xqYTfr0ZEHg" width="100%" background="0080ff" height="100" info="0"][/youtube]
Sự phát triển cho đến nay khoảng 10 shortcodes và hy vọng trong thời gian tới có khoảng 50 shortcodes nữa cho những phiên bản cập nhật. Shortcodes sẽ được tạo ra dựa trên tầm quan trọng và khả năng sử dụng của họ. Mỗi shortcode với một hướng dẫn riêng.
Một shortcode bản thân nó không phải là một mã nhưng một TEXT được chế biến dưới dạng HTML.
Mô tả các Shortcode
[accordion]: Accordion là danh sách xếp chồng lên nhau theo chiều dọc của các mặt hàng trong đó mỗi hàng có thể được "mở rộng" hoặc "kéo dài" tiết lộ những nội dung liên quan đến hạng mục đó. Mục có thể được bật và tắt một cách dễ dàng. Một ví dụ là các widget accordion.
[tab]: Widget Tab cho phép nhiều tài liệu hoặc các tấm được chứa trong một cửa sổ duy nhất, sử dụng các tab như một widget điều hướng để chuyển đổi giữa các bộ tài liệu. Một ví dụ là nhiều Tab Widget
[code]: Nhúng Highlighter cú pháp mà bảo tồn các định dạng ban đầu của mã nguồn
[quote]: Chèn một Fancy Blockquote
[button]: Chèn Buttons CSS3 đầy màu sắc
[icon]: Chèn biểu tượng FontAwesome bất cứ nơi nào với các tùy chọn tùy chỉnh hỗ trợ
[soundcloud]: Nhúng theo dõi SoundCloud
[dailymotion]: Chèn Dailymotion Video
[youtube]: Chèn YouTube Video
[divider]: Chèn một Separator ngang để phân chia một phần, cũng có chứa một nút Back To Top
[num]: Chèn một con số kèm theo bên trong một nền tròn
[warning]: Chèn một hộp với thông điệp cảnh báo
[success]: Chèn một hộp với tin nhắn thành công
[alert]: Chèn một hộp với thông điệp cảnh báo
[info]: Chèn một hộp với một số thông tin
[update]: Chèn một hộp với Cập nhật thông báo trạng thái
[facebook]: Nhúng Facebook Page Plugin
[image]: Nhúng hình ảnh bất cứ nơi nào bạn muốn trong độ phân giải cắt rõ ràng!!
[tooltip]: Chèn một Fancy CSS3 Tooltip trên hoặc dưới siêu liên kết để hiển thị thông tin thêm
Danh sách Shortcode hỗ trợ
Sự phát triển cho đến nay khoảng 10 shortcodes và hy vọng trong thời gian tới có khoảng 50 shortcodes nữa cho những phiên bản cập nhật. Shortcodes sẽ được tạo ra dựa trên tầm quan trọng và khả năng sử dụng của họ. Mỗi shortcode với một hướng dẫn riêng.
Một shortcode bản thân nó không phải là một mã nhưng một TEXT được chế biến dưới dạng HTML.
Mô tả các Shortcode
[accordion]: Accordion là danh sách xếp chồng lên nhau theo chiều dọc của các mặt hàng trong đó mỗi hàng có thể được "mở rộng" hoặc "kéo dài" tiết lộ những nội dung liên quan đến hạng mục đó. Mục có thể được bật và tắt một cách dễ dàng. Một ví dụ là các widget accordion.
[tab]: Widget Tab cho phép nhiều tài liệu hoặc các tấm được chứa trong một cửa sổ duy nhất, sử dụng các tab như một widget điều hướng để chuyển đổi giữa các bộ tài liệu. Một ví dụ là nhiều Tab Widget
[code]: Nhúng Highlighter cú pháp mà bảo tồn các định dạng ban đầu của mã nguồn
[quote]: Chèn một Fancy Blockquote
[button]: Chèn Buttons CSS3 đầy màu sắc
[icon]: Chèn biểu tượng FontAwesome bất cứ nơi nào với các tùy chọn tùy chỉnh hỗ trợ
[soundcloud]: Nhúng theo dõi SoundCloud
[dailymotion]: Chèn Dailymotion Video
[youtube]: Chèn YouTube Video
[divider]: Chèn một Separator ngang để phân chia một phần, cũng có chứa một nút Back To Top
[num]: Chèn một con số kèm theo bên trong một nền tròn
[warning]: Chèn một hộp với thông điệp cảnh báo
[success]: Chèn một hộp với tin nhắn thành công
[alert]: Chèn một hộp với thông điệp cảnh báo
[info]: Chèn một hộp với một số thông tin
[update]: Chèn một hộp với Cập nhật thông báo trạng thái
[facebook]: Nhúng Facebook Page Plugin
[image]: Nhúng hình ảnh bất cứ nơi nào bạn muốn trong độ phân giải cắt rõ ràng!!
[tooltip]: Chèn một Fancy CSS3 Tooltip trên hoặc dưới siêu liên kết để hiển thị thông tin thêm
Nguồn: Thuthuatcongnghe247
[youtube src="xqYTfr0ZEHg" /]
Trả lờiXóa[youtube src="1ZTCSdx7Qnc"/]
Trả lờiXóa[youtube src="1ZTCSdx7Qnc"/]
Trả lờiXóa