Hướng dẫn tạo ảnh đại diện cho thành viên(Avatar)

 

Hướng dẫn tạo ảnh đại diện cho thành viên(Avatar)

 

i

 

Rate This

Gravatar – a quick overview

▶

thêm tiện ích đánh giá cho blogg

 Share

Để giúp người đọc gắn kết với blog, Blogvn đề nghị một công cụ đánh giá bài viết khá hay từ trang JS-Kit. 5 sao là mức đánh giá cao nhất cho một bài đăng. Đây là một công cụ viết bằng JavaScript và dễ dàng chèn vào Template (Mẫu) của Blogger như hướng dẫn của người đề nghị trên. Tuy nhiên tôi xin cung cấp thêm vị trí đặt code khác hay hơn.

Tạo nội dung cho phần ghi chú

1. Tạo nội dung cho phần ghi chú

Sau khi bạn đăng nhập vào blogspot, hãy click vào phần "Cài đặt" cho blog mà bạn muốn thêm ghi chú comment.

Chọn cài đặt sau khi đăng nhập

Giao diện quản lý hiện lên, bạn nhấp vào tab "Nhận xét".

Chọn cài đặt cho phần nhận xét

Bạn kéo xuống dưới một chút, rồi nhập nội dung phần ghi chú vào mục "Thư thông báo Mẫu Nhận xét". Xong xuống cuối trang và bấm LƯU CÀI ĐẶT là OK.

Nhập nội dung cho phần ghi chú

chia làm nhiều cột cho blogger

Chia Post footer thành nhiều cột

| 14 Nhận xét

[FD's BlOg] - Tương tự bài viết trước (chia footer thành nhiều cột), bài viết này cũng áp dụng thủ thuật tương tự để chia Post Footer (bên dưới bài viết) thành nhiều cột.

Xem hình minh họa thủ thuật:

Còn đây là kết quả hiện thị ngòai blog

Bắt đầu:
1. Đăng nhập blog
2. Vào Bố cục(layout)
3. Vào chỉnh sửa code HTML (edit code HTML)
4. Chọn "mở rộng mẫu tiện ích" (expand widget template)
5. Chèn đọan code màu đỏ vào như bên dưới:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>

...
...
...

</b:section>

<div id='main-footer-content'>
<div id='main2' style='width: 240px; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col1' preferred='yes' style='float:left;'/>
</div>
<div id='main3' style='width: 240px; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col2' preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>

</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>

...
...
...

</b:section>
</div>

- Chú ý : bạn hãy điều chỉnh code màu xanh (là độ rộng của các cột) theo đúng kích thước của main post, ví dụ main post của bạn rộng 600px, thì mỗi cột sẽ là 300px, có thể nhỏ hơn (do có thể main post của bạn được căn lề). Và nếu bạn muốn chia thành 3 cột thì thêm một đọa code như bên dưới trước dòng <div style='clear:both;'/> , và chiều rộng mỗi cột bạn đổi lại là 200px.

<div id='main4' style='width: 240px; float: left; margin:0; text-align: left;'>
<b:section class='main-footer-column' id='main-col3' preferred='yes' style='float:left;'/>
</div>

- Về chiều rộng của các cột bạn không nhất thiết phải chỉnh bằng nhau, tùy theo thiết kế của bạn, bạn có thể tùy chỉnh chúng khác nhau, và phải đảm bảo là tổng chiều rộng phải nhỏ hơn độ rộng của main post.
- Ngòai ra để tạo giao diện các cột, bạn có thể thêm các đoạn code CSS cho nó.

6. Save template.