Hướng dẫn tuỳ chỉnh Header của Blogger

Blogger bất kỳ nào đều phải có Header (Tiêu đề), mỗi một Blogger có một mẫu đặc trưng, tuy nhiên nếu bạn không thích hoặc cảm thấy nhàm chán với Header đã có, bạn có thế thay thế nó với header đồ họa của riêng mình, cùng với một liên kết quay lại trang web của mình. Muốn biết chi tiết thực hiện như thế nào? Các bạn đọc tiếp phần hướng dẫn sau:



Trước tiên, bạn cần phải tạo tiêu đề blog mới với hình ảnh mà bạn yêu thích bằng cách sử dụng các phần mềm đồ hoạ để sáng tạo (ví dụ như: Paint, CorelDraw, Gimp, Photoshop...) Hãy xem trong mẫu HTML blog để lưu ý chiều rộng header blog của bạn, bởi chiều rộng của header trong blog là một số giới hạn, không thể rộng quá biên độ rộng của blog, về chiều cao: nó có thể được như nguyên vẹn hoặc ngắn như bạn muốn nên bạn không cần phải lo lắng về nó.
Sau khi đã hoàn thành bạn cần chỉnh sửa mẫu HTML một chút, trước khi thực hiện việc này bạn hãy chắc chắn bạn sao lưu mẫu hiện tại của bạn trước khi làm bất cứ điều gì, để chỉ cần trong trường hợp có gì đó sai và bạn cần phải sử dụng lại mẫu hiện tại. Sau đó, hãy tìm đoạn mã của như dưới đây:

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='header1' locked='true' title='header (header)' type='header'/> </b:section> </div>

Những yếu tố in đậm cần phải được thay đổi:
* Thay đổi maxwidgets ='1 ' tới giá trị tối đa là 2 trong để có thể thêm các yếu tố khác trong phần tiêu đề.
* Thay đổi showaddelement='no' thành showaddelement='yes' để có thể thêm một yếu tố khác vào các mục của Header (hình ảnh mới của bạn)
* Thay thế locked='true' bằng locked='false' để bạn có thể loại bỏ sau các tiêu đề cũ.
Bây giờ lưu mẫu của bạn, và quay lại Bố cục (Layout) trong bảng điều khiển (Dashboard) của bạn. You'll notice that you can now add another element to your blog header! Bạn sẽ nhận thấy rằng bây giờ đã có thêm một yếu tố tiện ích phía trên blog của bạn!
Nếu bạn chỉ muốn thêm tiêu đề blog mới của bạn, và không muốn này có liên kết đến trang chủ của bạn, bạn có thể dễ dàng làm điều này bằng cách chọn để thêm một tiện ích "Picture" để tải tiêu đề mới lên blog của bạn. Tuy nhiên, nếu bạn thích tiêu đề của bạn liên kết đến trang chủ của bạn (như trong các mẫu mặc định Blogger), bạn sẽ cần phải làm thêm một số việc đơn giản.
Tải lên hình ảnh của bạn vào một số host (có rất nhiều host miễn phí, chẳng hạn như FreeImageHosting.net). Sau đó, chọn để thêm một tiện ích "HTML / Javascript" và thêm mã sau vào:

<img src="http://www.yoursite.com/images/yourimage.jpg">

Thay thế http://www.yoursite.com/images/yourimage.jpg bằng địa chỉ lưu trữ của hình hình ảnh bạn upload lên blog. Để hiển thị tiêu đề blog mới với liên kết trở lại trang chủ blog của bạn, bạn sẽ cần phải thêm thẻ liên kết như sau:

<a href="http://yourblogaddress.blogspot.com"><img src="http://www.yoursite.com/images/yourimage.jpg">

Lưu và xem blog của bạn. Bạn sẽ thấy cả hai tiêu đề gốc blog và các tiêu đề blog mới của bạn. Hãy chắc chắn tiêu đề blog mới của bạn như ý muốn, sau đó quay lại để chỉnh sửa cách bố trí.
Lần này, bấm vào Tiện ích "Header"(tiêu đề ban đầu blog), và chọn "gỡ bỏ trang tiện ích". Khi bạn làm được điều này, tiêu đề ban đầu sẽ được loại bỏ hoàn toàn, để lại một duy nhất tiêu đề tùy chỉnh của bạn (một lý do chính đáng để có một sao lưu các mẫu của bạn, phòng dùng trong trường hợp thất bại!).
Tuy nhiên, tôi chắc chắn bạn đã làm được một tiêu đề được tùy chỉnh theo ý thích mà không gặp rắc rối với hướng dẫn trên, rất mong các bạn comment đóng góp ý kiến cho bài viết trên

Nguồn: Vnpressnet

Posted in: Thiết kế blogspot