TRANG TRÍ BANNER, BACKGROUND NHÀ CŨ....

VIẾT CHO BẠN CẦN DÙNG YAHOO

          Lẽ ra mình không nên viết bài nầy, nhưng vì có một số bạn còn blog cũ yahoo 360 độ (đời đầu), nay muốn quay lại và  hỏi mình cách trang trí blog yahoo mới ! Bạn đã có blog.yahoo theo mặc định . Vấn đề là làm sao trang trí  cho đẹp, cách đây  5 tháng, có rất nhiều bài viết của các blogger hướng dẫn,  hôm nay mình tóm tắt lại cho các bạn nào còn mến nhà cũ quay về định cư lâu dài…

Phantran giới thiệu hai phần quan trọng là trang trí nền background và banner. Khi nào bạn đã tạm hài lòng thì sẽ sang phần cách làm trong suốt, trang trí từng module, chèn clip, flash, nhạc, tự làm ảnh động cá nhân …. ( bạn truy cập các code bên goole hoặc mình sẽ có hướng dẫn riêng…)

Có hai cách trang trí mặc định và tùy biến.

I. Trang trí mặc định:

1. Nhìn vào dòng trên cùng trang blog, bạn bấm vào ô “Bảng điều khiển”(My Dashboard), xuất hiện cửa sổ “Cài đặt chung”

a.Click vào “Quyền xem” đánh dấu các lựa chế độ cá nhân xem hay pubic…

b.Click vào “URL” để chọn nickname riêng (mới) để truy cập trang dễ dàng

c. Còn các mục khác bạn tự khám phá.

d.Click vào “Trình hướng dẫn chủ đề”

2.Bấm vào “Mở rộng” và chọn background nền mặc định theo phong cách thông dụng, hiện đại ….

II. BẤM VÀO TÙY CHỈNH:

Xuất hiện cửa sổ mới:

a/- Bấm vào “Bố Trí” chọn hình thức trang blog 2 cột , 3 cột .. ( khi nào bạn rảnh sẽ làm sau)

b/-Bấm vào “Tiện Ích” -> (Widget) xuất hiện cửa sổ mới, bên phải là các module bạn có thể nắm kéo dời chuyển lên xuống qua lại tùy ý.

Phía bên trái là các module cần sử dụng, bấm chéo đánh dấu.  bạn chọn hết, hoặc bỏ bớt tùy ý,

c/- Phía bên dưới là 5 ô (nguồn ngòai chưa hoạt động- (Extermal Source)), bạn bấm đánh dấu chọn một ô, thí dụ bấm chọn ô số 5, bên phải sẽ xuất hiện ô số 5 nguồn ngoài hoạt động.

Phía dưới ô số 5 nguồn ngoài hoạt động, bấm vào “Thiết lập” (Setting)

( GHI CHÚ: 05 cái ô nầy xem như 5 cái CSS để bạn chèn dán vào, cò lẽ để phân loại theo nhóm cho tiện theo dõi sửa chữa nên BQT tạo 5 ô cho mình tùy nghi sử dụng cài đặt).

d/- Đến đây bạn đã thấy một cửa sổ mới để dán các code HTML  của mình chính là hình ảnh nền (dạng HTML) của background, banner, ( động hoặc tỉnh riêng của mình tự chọn )

Tiếp tục , tại cửa sổ nầy bạn ghi tiêu đề  (thí dụ như “KÍNH CHÀO”…)

Dưới tiêu đề bạn dán code hình ảnh tùy thích, hoặc HTML nền, banner…)

(Nhớ khi dán các code HTML ảnh, nền …. , mỗi cái code cách nhau hai dòng để dễ tìm khi cần thay đổi.)

e/- Sau khi dán code xong, bạn bấm vào “Cập nhật” , bấm vào “Xác nhận” ….(lưu)

Thế là xong , bạn sẽ có trang blog đẹp do chính mình thiết kế .

III- Các code làm banner, background:

Phantran sử dụng code làm banner, ảnh nền từ hướng dẫn của các blogger Hữu Hợp, Phương Lê, HungN01, Huandrum như sau:

1/ Code đưa banner lên đầu trang:

***********************************

Copy code nầy dán vào nguồn ngoài hoạt động:

*****************************

<style>  TẠO NỀN TOP TRANG BÀI VIẾT {}

#asb-header-ctn{background:url(LINK ẢNH BANNER) center top no-repeat;height:340px;width:970px;}

#asb-header-ctn img{height:0px;width:0px;}

</style>

****************************

*Chiều cao banner (height = của ảnh riêng - Thí dụ trên =340px)

*Chiều rộng banner (width = của trang blog- Thí dụ trên 970px)

****************************

2- Code chèn ảnh nền background:

****************************

(copy code nầy dán vào nguồn ngoài hoạt động)

<style>body {background-image:url(LINK ẢNH NỀN TỰ CHỌN);background-attachment:fixed;}</style>

*************************

CODE XÓA BẢN QUYỀN

<style>body #ft{background:transparent;}#ft .ft .provider p, #ft .ft .info p, #ft .ft .rights p, #ft .ft .privacy p, #ft .ft .disclaimer p, #ft .ft .provider h4, #ft a, .rights, #ft {font-size:0px;color:transparent;}</style>

CODE CHÈN ẢNH ĐÁY BLOG

<style>body #ft{background:transparent url(http://dl7.glitter-graphics.net/pub/729/729747d8za2kbusq.gif ) repeat bottom center;height:15px;}</style>

Chúc các bạn thành công. Thân mến.