Thêm sắc màu cho web site Joomla! của bạn (Phần 5)

Thêm sắc màu cho web site Joomla! của bạn (Phần 4)

Trong phần 4 này của bài viết chúng ta sẽ cài đặt và sử dụng thành phần mở rộng cho phép tích hợp Google Webmaster Tools. Chúng ta có thể cung cấp cho Google một tập tin sitemap (chứa thông tin các đường link của website), kết quả là Google đánh chỉ mục đễ dàng, tìm kiếm chính xác hơn cho website của bạn.

Ngoài ra Google Webmaster Tools còn cung cấp cơ chế thống kê như “Top search queries”, “Links to your site”,…

Xác thực website

Đầu tiên, bạn truy cập vào http://www.google.com/webmasters/. Đăng nhập bằng tài khoản Google của bạn.

Click vào nút “Add a site…”

Nhập địa chỉ website và nhấp vào nút “Continue”.

Bạn sẽ nhận được thông điệp yêu cầu xác nhận quyền sử hữu website.

Thông tin gạch chân màu đỏ là thông tin cần để xác thực website ở bước sau.

Để xác thực website với Google, cần tải và cài đặt thành phần mở rộng Google Verify. Đăng nhập phần admin của Joomla!, chọn Extensions →Install/Uninstall. Chọn module đã download về và chọn Upload File & Install.

Chọn Extension →Plugin Manager →System – GoogleVerify để cấu hình:

• Key: Nhập thông tin gạch chân màu đỏ ở bước trên.
• Enabled: “Yes”

Lưu lại và quay trở lại trang Google Webmaster Tools và nhấp vào “Verify this site” để hoàn tất quá trình xác nhận quyền sử dụng.

Sử dụng sitemap

Bước tiếp theo là cần cài đặt một phần mở rộng khác là Joomap, tạo ra tập tin sitemap giúp Google đánh chỉ mục đễ dàng, tìm kiếm chính xác hơn cho website của bạn.

Bạn có thể download phần mở rộng này tại đây, sau đó cài đặt (tương tự bước trên).

Quay trở lai Google Webmaster Tools một lần nữa. Nhấp vào website của bạn chọn “Site configuration” và chọn Sitemaps, nhấp vào nút “Submit a Sitemap”. Nhập vào nội dung sau:

index2.php?option=com_joomap&view=google&no_html=1

Nhấp vào “Submit Sitemap”. Đến đây thì việc cài đặt đã hoàn tất. Bất khi nào bạn cũng có thể vào Google Webmaster Tools để theo dõi sự phát triển của website của bạn thông qua các công cụ thống kê của Google.

Trần Tùng.

Thêm sắc màu cho web site Joomla! của bạn (Phần 3)

hiệu ứng Flash và ảnh PNG Noel

Các bạn download file này về rồi giải nén… trong đó báo gồm những hình PNG chủ đề Noel để các bạn có thể ghép làm theme cho blog hay lồng vào hình hoặc bất cứ những gì bạn muốn ngoài ra còn có các hiệu ứng Flash như sao rơi, tuyết rơi, dây sao treo v.v… để lồng vào thiệp Flash cho mùa giáng sinh sắp tới.

Minh hoạ 1 :

Minh hoạ 2 :

Hướng dẫn tạo giao diện cho 360 plus

Bài viết này giới thiệu cho các bạn cách tạo giao diện của một blog 360 plus, tuy nhiên nó còn chưa thật hoàn thiện.Và www.webblogvn.com cũng lấy nguồn từ một bài viết khác.Vài ngày tới webblogvn.com sẽ ra mắt cho các bạn sổ tay làm blog 360 plus.Khi đó www.webblogvn.com sẽ hoàn thiện bài viết này hơn.

1. Bố cục của trang 360plus

1 Chung:Click vào Bố trí.360plus cho fép chọn 1 trong 5 kiểu bố cục cho site của mình:- Định dạng 2 cột – hẹp, rộng- Định dạng 2 cột – rộng, hẹp- Định dạng 3 cột – hẹp, rộng, hẹp (thông thường chúng ta chọn cái này)- Định dạng 3 cột – hẹp, hẹp, rộng - Định dạng 3 cột – rộng, hẹp, hẹpSau khi chọn xong, click vào “Lưu” nếu muốn thay đổi, nếu ko thì click vào “Huỷ”

1.2 Bố cục của từng moduleĐể thay đổi vị trí của các module cụ thể, click vào Bố trí để thấy hiển thị chữ sửa ở góc trên bên trái của module. Để chuột lên thanh tiêu đề (màu đen xám) jữ chuột kéo đến chỗ cần để module.

2. Tạo themeGiống như 360 cũ, với 360plus chúng ta có thể dùng các theme có sẵn hoặc tuỳ chỉnh theo ý mình..Click vào Bố trí > Theme >

2.1 Theme có sẵnClick vào Bố trí > Theme > Nhập hình nền thiết lậpCái này thì ai thích cái nào thì chọn thui..

2.2 Theme tự làmClick vào Bố trí > Theme > Chế độ tự chỉnh sửa.Ở đây cho phép bạn chọn:- màu link, màu nền, ảnh nền cho toàn bài- màu chữ, màu Title cho module chính / fụMột điều rất thú vị của 360plus là cho fép dùng CSS để trang trí ~~~> tha hồ thể hiện cá tính & phong cách (sẽ nói ở phần sau).Chú ý: 360plus ko cung cấp tuỳ chỉnh theme kiểu Top – Bottom như 360 cũ. Tuy nhiên, chúng ta vẫn có thể làm điều này bằng cách sử dụng các module thêm vào như sau:

a. Làm ảnh trên:Trước tiên bạn cần có một ảnh nền kích cỡ chiều ngang < 905pixels.Click Bố trí > Thêm Module > Tiếp > Chọn Cột tự thiết kế (bất kì) > Tiếp > Chọn vị trí ở đầu trang > Xong.Đợi mấy jây chờ trình duyệt tự động load lại.Bạn sẽ thấy một module mới đ.c tạo ra, chưa có nội dung.Click vào Bố trí để hiển thị chữ “Sửa” góc trên bên phải module đấy > Click vào sửa. Ở đây bạn copy đoạn code sau vào fần nội dung:

<p align=”center”>
<img  src=”Đường_dẫn_đến_ảnh_nền_trên” width=”905″></p>

Phần tên module, đặt là “Top”Click vào “Lưu” để thay đổi.

b. Làm ảnh dưới:Tương tự như làm ảnh trên nhưng ở chỗ chọn vị trí module, bạn chọn Cuối trang.Phần tên module, đặt là “Bottom”.

c. Làm ẩn đi tên của module:Bạn vào Bố trí > Theme > Chế độ tự chỉnh sửaỞ đây, bạn đổi màu Title của module chính jống như màu nền của toàn trang.Ví như màu nền site mình là đen thì mình chọn là “#000000″.

2.3 Sử dụng CSS:Một số đoạn mã CSS thông dụng: Ảnh nền theme của phần blog:

BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}

Ảnh nền Bảng tin nhắn: BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Ảnh nền của phần comments: #comment_new .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của phần Thư mục (tag) : #folder .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của phần lịch: #calendar .bd {background:#FFFFFF url(http://www.xxxxx.gif);} Ảnh nền của trang Profiles: BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;}

3. Thêm các module: Cách thêm module tổng wát:Click Bố trí > Thêm module > Chọn Cột tự thiết kế > Tiếp > Chọn vị trí tuỳ ý > XongĐợi mấy jây chờ trình duyệt tự động load lại.Bạn sẽ thấy một module mới đ.c tạo ra, chưa có nội dung.Click vào Bố trí để hiển thị chữ “Sửa” góc trên bên phải module đấy > Click vào “Sửa”.Viết nọi dung module.Đặt tên cho module.Click vào “Lưu” để thay đổi.

a. Page-Views tự tạo:Bạn lấy code từ các trang cung cấp counter miễn phí như simplehitcounter.com hay hit-counter-download.com.. rùi copy vào fần nội dung của module

b. Số người đang xem site:Bạn vào usersonline.com để lấy code.. rùi copy vào fần nội dung của module

c. Đồng hồ:Copy đoạn code sau vào fần nội dung của module

<iframe src=’http://www.locuspublishing.com/events/1111JM025/blog.swf’ width=”120″ height=”200″></iframe>

d. Làm một module tự tạo bất kỳ:Để làm một module theo ý bạn, bạn vào Sáng tác rùi viết, trang trí (chèn ảnh, chèn nhạc…) tuỳ ý rùi click vào HTML ngay dưới chỗ viết entry, copy lấy đoạn code vào fần nội dung của module.