Với một blog dùng nền tảng Blogspot của Google, việc tạo cho mình một bộ shortcode để trình bày giao diện bắt mắt, nhẹ, nhanh, chuẩn SEO rất quan trọng trong quá trình phát triển blog. Bạn nên địn hướng phát triển từ đầu để có được lợi ích lâu dài.
Các Shortcode cho blogspot
Mình thống kê ở đây các shortcode hữu ích cho blogspot (bạn có thể xem Shortcode cho wordpress ở đây)
1. Short code cho khung code
Cái này rất hay dùng, vì bạn thường đặt code minh họa cho bài viết. Tạo một form đặt code riêng cho mình thì quá tuyệt phải không.
Đặt đoạn code dưới đây vào ngay phía trên của thẻ ]]>
pre.code {
display: block;
font: 1em 'Courier New', Fixed, monospace;
font-size: 100%;
color: #666666;
background: #fff;
overflow: auto;
text-align: left;
border: 1px solid #99cc66;
padding: 0px 20px 0 30px;
margin: 1em 0 1em 0;
line-height: 17px;
max-height:300px}
...
Cách sử dụng: nơi nào muốn nhét code vào, bạn cho đoạn code đó vào thay cho đoạn "Đặt code vào đây" dưới
<pre class="code">
Đặt code vào đây
</pre>
Chú ý:
Nên chuyển đổi mã HTML sang XML trước khi dán và dòng Đặt code vào đây, chứ không nó thực hiện code (tức tạo khung code luôn) chứ không phải code mình định minh họa.
2. Bộ shortcode đa năng
Đây là bộ shortcode được phát triển bởi STC Network, khotuts có tùy chỉnh lại một số cho phù hợp (và bạn cũng có thể).
Thực chất đây là các code javascipt được viết và lưu sẵn ở host nào đó trên mạng. Trong template của blogger, ta sẽ khai báo đường dẫn đến file javascipt đó để mỗi lần đọc một trang blog, trình duyệt web sẽ tự biết đường mà đến đó đọc code rồi xử lý, cho ra hình ảnh cuối cùng của code.
Đầu tiên, tìm đến thẻ
rồi dán đoạn code sau vào ngay trên nó (để khai báo đường dẫn)
<!-- Blogger Shortcode Plugin SCT Network & khotuts.com -->
<script src='https://googledrive.com/host/0B7CJMZHvn5wqYzRtYlBBLUl5NFE' type='text/javascript'></script>
Sau đó, tìm đến thẻ rồi dán đoạn code khai báo sau ngay dưới nó và dán đoạn code sau vào ngay dưới nó
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<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'/>
Cần lưu ý xem trong template của mình có đoạn nào chưa, nếu có rồi thì bạn xem phiên bản version rồi xóa đi cái cũ nhé.
Lưu Template lại và bạn có thể dùng các shortcode tuyệt vời này rồi đó.
(để chỉnh sửa, các bạn dùng notepad chỉnh sửa file javescript rồi up lại lên host nào đó, chỉ đường dẫn về nó trong khai báo là dùng được bản mới rồi)
Cách sử dụng shortcode trong bài post của Blogger
Các shortcode thường được dùng bằng cách chèn đoạn code nhỏ với dấu [], giống BBcode hơn là html.
Nguồn: http://www.mybloggertricks.com/2015/04/blogger-shortcode-plugin.html
