Trước tiên đây là demo sau khi các bạn thực hiện thành công:
Các bạn chỉ cần làm theo các bước sau:
Blogger -> Trang -> Trang mới chuyển sang chế độ HTML. Và sử dụng đoạn code dưới đây để sắp xếp hình ảnh là được.
<h3 style="text-align: center;">Tiêu đề cho Album ảnh</h3>
<section id="ruby-photogallery">
Thêm ảnh vào đây
</section>
<style>
h3{ text-align:center; text-shadow: 0px 5px 10px #234D3C; }
#ruby-photogallery{line-height:0;-webkit-column-count:4;-webkit-column-gap:0;-moz-column-count:4;-moz-column-gap:0;column-count:4;column-gap:0}
#ruby-photogallery img{width:97%!important;height:auto!important;padding:2px;margin:2px;box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);}
</style>
