Share template Blogspot làm trang lưu trữ, chia sẻ ảnh đẹp và chuyên nghiệp

Mô tả chung

Download:	Miễn phí	Người gửi:	admin
Thể loại:	Template Blogspot	Dung lượng:	57 Kb
Thiết kế:	N/a	Phiên bản:	N/A
Website demo:	http://vqaphoto01.blogspot.com/	Test File:	Chưa test
Giá File:	FREE

Hướng dẫn cài đặt

Vào mục "Cài đặt" → "Bài đăng và nhận xét". Cho hiển thị 12 bài/trang.


Cài đặt template.

Cách 1:Sau khi down file ở trên về giải nén bạn sẽ được 3 file. 1 file hướng dẫn, 1 file word và 1 file xml.
Vào template, chọn vào mục "Mở rộng mẫu tiện ích", xóa toàn bộ đoạn code trong đó và paste nội dung của file word vào đây.


Cách 2:Vào mục "Mẫu" → chọn "Sao lưu/Khôi phục" rồi up file XML lên đây.
Lưu ý:Trong file word có 1 số dòng mình đánh dấu màu đỏ, bạn cần thay đổi lại cho phù hợp với nội dung blog của bạn.

Nếu up bằng file xml thì bạn đọc file word để điều chỉnh lại cho phù hợp với blog
Vấn đề size ảnh

Do ảnh có nhiều kích thước khác nhau nên để tránh tình trạng ảnh hiện lên với kích thước tùy ý gây mất thẩm mỹ mình đã qui định kích thước chiều rộng, chiều cao của ảnh lại.

Mặc định tất cả các bức ảnh sẽ có chiều rộng là 240px. (Kích thước này là có tính toán nếu thay đổi sẽ dẫn đến nhiều thay đổi của blog)
Ở trang index mặc định ảnh cao 240px
Ở trang bài viết có 2 loại size. Ảnh ngang (size1) có chiều cao là 160px. Ảnh đứng (size2) có chiều cao là 320px.

Để thay đổi các kích thước này bạn tìm các đoạn code bên dưới trong template.

Chiều ngang toàn bộ ảnh trong template

.post-body img{margin:5px; float:left; box-shadow: 0px 0px 7px #000; border-radius:15px 0; width:240px;}

Chiều cao ảnh ở trang index.
.post-body img {height:240px}

Chiều cao ảnh ở trang bài viết:

.post-body .size1 img{height: 160px}.post-body .size2 img{height:320px}

Mẫu bài viết để đăng ảnh

<div class='size1'><div class="separator"><a href="Link ảnh 1" imageanchor="1"><img src="Link ảnh 1" /></a></div><!--more--><div class="separator"><a href="Link ảnh 2" imageanchor="1"><img src="Link ảnh 2" /></a></div><div class="separator"><a href="Link ảnh 3" imageanchor="1"><img src="Link ảnh 3" /></a></div><div class="separator"><a href="Link ảnh 4" imageanchor="1"><img src="Link ảnh 4" /></a></div></div>

Thay size1 thành size2 nếu là ảnh đứng.Lưu ý cuối cùng:Mẫu template này là do mình thiết kế nên nếu sử dụng bạn vui lòng không xóa hoặc chỉnh sửa liên kết ở chân blog. Hãy để người khác tôn trọng bạn.