Chia sẻ thủ thuật blogspot - blogger

luat1x1

10/14/2011

Code tạo theme một mảnh cho blog 360 Plus

Đầu tiên ta cần có link direct của hình ta muốn làm hình nền. Nếu muốn lấy hình trong máy tính làm hình nền thì trước hết bạn cần up hình đó lên các host hình ảnh. Tham khảo thêm ở đây >>> [360Plus Beta Ready] Đăng ký và sử dụng tài khoản ở Photobucket và ImageShack. Hoặc bạn thấy một tấm hình trên mạng mà muốn làm hình nền thì nhấp chuột phải chọn Copy Image Lication. Chức năng này chỉ có ở Mozilla Firefox. Để cài đặt và sử dụng Mozilla Firefox thì tham khảo bài viết sau >>> [360Plus Beta Ready] Cài đặt và sử dụng trình duyệt web Mozilla Firefox 



Còn đối với Internet Explorer thì nhấp chuột phải chọn Properties



Ở bảng hiện ra, copy dòng Address (URL)



Sau đó ở menu đầu blog chọn Blog Của Tôi rồi chọn Đổi Theme



Đánh dấu chọn ở chế độ tự chỉnh sửa rồi ấn nút Tiếp



Bảng chỉnh theme hiển thị. Chú ý đến khung Ảnh nền. Lấy link direct mà ta đã lấy ở trang photobucket, ImageShack hoặc copy image location cho vào khung ấy rồi ấn nút Xong



Theme đã được áp dụng cho blog



Hình nền này được áp dụng không chỉ cho trang chính của blog mà còn áp dụng cho nhiều trang khác của blog, ví dụ trang profile



Ngoài ra ta cũng có thể dùng code CSS. Cho code vào khung CSS rồi ấn nút xong



Code để chèn theme một mảnh

Quote:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery{background:#FFFFFF url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/top543636565.jpg) repeat fixed top center;} /*olympia41124*/
Phần sau của code

{background:#FFFFFF url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/top543636565.jpg) repeat fixed top center;}

có thể thay đổi theo ý muốn của bạn

#FFFFFF : là mã màu của nền trang, thông thường khi hình nền chưa kịp load vì một lý do nào đó (mạng chậm, lag...) thì nền sẽ mang màu quy định này. Bạn có thể thay đổi mã màu này theo ý muốn, nhưng lời khuyên được đưa ra là nên lấy màu tương tự với màu của ảnh làm hình nền. Ngoài ra thay vì dùng mã màu chúng ta có thể sử dụng chữ transparent để thay thế cho #FFFFFF.

url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/top543636565.jpg) : quy định link hình sẽ được làm hình nền. Có thể thay đổi http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/top543636565.jpgbằng link hình mà bạn muốn.

repeat : quy định tính lặp hay không lặp của hình. Khi hình làm nền nhỏ hơn màn hình thì mặc định nó sẽ được lặp cả về chiều ngang và chiều dọc để tràn hết màn hình. Có thể thay thế repeat bằng các giá trị khác :
no-repeat : không lặp lại
repeat-x : lặp lại theo chiều ngang
repeat-y : lặp lại theo chiều dọc

fixed : quy định tính cố định hình khi di chuột cuộn trang. Có thể thay fixed bằng scroll nhưng vì scroll là mặc định nên không cần ghi scroll mà chỉ cần đơn giản xóa đi fixed cũng được.

top center : quy định hình sẽ được chèn ở vị trí nào của blog. Bạn không cần hiểu ý nghĩa phần này nhiều lắm. Chỉ cần thay đổi top center bằng một trong những kiểu sau cho đến khi bạn thấy đẹp và vừa ý :
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right

Ở trên là cách chèn code CSS để chèn theme một mảnh cho Beta Plus. Ngoài ra ta cũng có thể sử dụng code sau để chèn theme một mảnh cho blog, thay link hình bằng link bạn muốn

Quote:
html {background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Theme_Blog/top543636565.jpg) repeat fixed top center;} /*olympia41124*/
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery{background:transparent;}/*vietnam360plus.com*/
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top