tạo phân cách bài viết cho blogger bằng hình ảnh

Hôm nay mình sẽ hướng dẫn các bạn trang trí blog của các bạn bằng cách ngăn bài viết cho blogspot bằng hình ảnh rất đẹp mắt.

+ Dưới đây là một số mẫu hình ảnh bạn có thể sử dụng để bắt đầu:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2P88X7aYP7OYflnR8g7TMsPE2f5MpP8VYflnVOh4-Lf9sGOaStRmhjIHrMgApxDlKOS0Sw6oDAdNyLYr4al-2i5HFwkSra7rK1yl5DhLYUmbu9aiT7Js4GAlXJ6xxOg4ibej54dDIag/s400/ribbon.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2P88X7aYP7OYflnR8g7TMsPE2f5MpP8VYflnVOh4-Lf9sGOaStRmhjIHrMgApxDlKOS0Sw6oDAdNyLYr4al-2i5HFwkSra7rK1yl5DhLYUmbu9aiT7Js4GAlXJ6xxOg4ibej54dDIag/s400/ribbon.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYY8KYvIP5_woq73PCi9Dw5FcuFrqVbZH5J7bvodVdrdogQ8UY0AIujH4g6FXejfj9L9V-UnyBTt8mXid5DTLIVL9LY3s2-JKLndUjAitfgok2uLbtfhsIGStoyUtpZRZI6_DiQ4uzWd4/s400/barbsmpl.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWoH3sJWkP4wHoYy5LFVpmJfol80BJpqZzz3IY42WRgrT4W0ZxHVJBgT-h_53Z4RNZjbVPSW8O9vNDdQE4_ooIMm5_wsb8rkdxg3ifAaCYG0evN3Ye_u-Zv2i32ww3_XhktoYYqBI-C84/s400/bar47.gif

1. Đăng nhập vào Blogger nếu chưa đăng nhập

2. Từ Bảng điều khiển điều hướng đến Layout > Edit HTML

3. Sao lưu mẫu Blogger của bạn như một biện pháp phòng ngừa bằng cách tải nó vào máy tính của bạn

4. Tìm đoạn mã sau đây trong mẫu của bạn:
.post {

Hoặc tương tự trong mẫu của bạn :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
Và sửa lại thành :
.post {
background: url(Thay địa chỉ hình ảnh của bạn vào đây);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:1.5em;
}
5. lưu mẫu và xem kết quả.

Nguồn : Internet

Bài viết bạn vừa đọc thuộc thể loại : phân cách bài viết / thủ thuật blogspot » Theo tiêu đề : tạo phân cách bài viết cho blogger bằng hình ảnh. Khi coppy bài viết xin ghi rõ nguồn : https://vuamang.blogspot.com/2013/07/tao-phan-cach-bai-viet-cho-blogger-bang_15.html. Thank!

Chia sẻ

+ Chia sẻ bài viết :