Theme cho Blogger có hai loại, một là kiểu cũ ( viết bằng CSS ) và kiểu mới (viết bằng XML ). Khi các bạn đăng kí một Blog ở www.blogger.com thì theme có sẵn của nó là theme kiểu mới, rất tiện lợi cho những người mới dùng.Ta có thể chỉnh sửa giao diện một cách dễ dàng mà không cần chút kiến thức về HTML hay gì cả, đơn giản chỉ là click chuột vài cái thôi.
Theme kiểu cũ là theme ngày xưa cái blogger.com này dùng, sau này nâng cấp lên phiên bản mới thì nó đưa ra cả kiểu theme viết bằng XML ở trên. Blogger có chức năng cho phép ta có thể dùng theme kiểu cũ hoặc mới cũng được. Để chuyển sang sử dụng theme kiểu cũ bạn vào Templates => Edit HTML => Revert to Classic Templates
Sau đó bạn copy đoạn mã CSS của cái theme bạn thích vào khung nhập mã.
Để chuyển lại sang dạng theme kiểu mới bạn vào Templates => Customize Design => Upgrade your Tempates
Bạn có thể tìm thấy theme cho Blogger rất nhiều trân mạng, chỉ cần dò tìm với Google là ta có thể tìm được hàng ngàn trang. Tôi xin giới thiệu các bạn các địa chỉ sau, bạn nào có địa chỉ nào có nhiều theme đẹp thì share cho mọi người nhé.
http://www.finalsense.com/services/blog_templates/index.htm
http://www.bloggertemplates.org
Xin được trích bài viết của anh Lê Ngọc Quốc Khánh – Step2 để hướng dẫn các bạn chỉnh sủa theme kiểu cũ
“Blogger sử dụng CSS, tôi chưa thấy CSS nào viết tốt như vậy :) Ngoài ra blogger còn sử dụng các thẻ đặc biệt của nó <$...$> (gọi là template tag), khi gặp các thẻ này blogger sẽ xử lý “đẩy” nội dung vào đó theo “lệnh” của thẻ. Nếu bạn hiểu rõ các thẻ này bạn có thể làm được rất nhiều việc với nó. Chúng ta sẽ chỉ đi vòng ngoài để tiến hành Việt hóa blog, điều kiện cần và đủ là bạn phải có một ít kiến thức cơ bản về HTML.
Bạn tìm đến dòng Begin #content, chúng ta sẽ bắt đầu từ đây. Trong phần nội dung từ đó về sau bạn sẽ bắt gặp các từ tiếng Anh, cách dễ nhất là bạn chọn Preview và xem thử những từ tiếng Anh nào xuất hiện trên blog của mình, sau đó quay lại tìm trong template và chuyển sang từ tiếng Việt tương ứng, tất nhiên là cùng với một bộ gõ tiếng Việt (như Unikey). Công việc này khá đơn giản, tuy hơi mất thời gian. Bên cạnh đó, bạn có thể thêm thắt nội dung bạn muốn ví dụ như link đến trang Web của người yêu chẳng hạn. Sau khi đã ưng ý với thành phẩm của mình, bạn Save Template Changes và Publish lại toàn bộ blog của mình. Và hãy thử truy cập vào blog của mình xem. Ồ, sao vẫn còn một số ký tự hiển thị không đúng? Mặc dù tôi đã chọn UTF-8 khi gởi bài? Đã có nhiều bạn hỏi tôi như thế. Chắc chắn bạn đang dùng Internet Explorer đúng không? Cách đơn giản nhất, chuyển qua dùng Mozilla Firefox, bạn sẽ ngạc nhiên sao blog của mình đẹp thế :). Nhưng bạn không thể bắt buộc tất cả người đọc dùng Firefox (mặc dù có thể khuyên họ như thế), vì vậy chúng ta sẽ quay về Template để làm thêm một số việc nữa.
Bạn vào phần CSS bắt đầu từ <style type="text/css">, hãy tìm đến dòng font:x-small..., bạn có thấy font Trebuchet MS không? Không hiểu sao Blogger lại rất thích font này và nó là “thủ phạm” chính. Hãy bỏ hẳn đi, bao gồm cả dấu nháy và dấu phẩy. Ngoài ra còn có thể có các font lạ khác, bạn có thể xóa đi hoặc thay bằng các font Unicode. Lưu lại, xuất bản lại. Mọi việc tốt chứ? Hi vọng là vậy :)
Chúc mừng bạn đã Việt hóa xong blog. Tuy nhiên bạn vẫn không thể Việt hoá hoàn toàn phần Profile và Comment vì chúng do một thẻ đặc biệt của blogger sinh ra, ngoài ra khi nhấp vào đây, người đọc sẽ được dẫn đến một trang tiếng Anh riêng của blogger mà bạn không thể can thiệp được vì vậy cứ để nó như vậy cũng được.
• Một số thủ thuật khác
Bây giờ bạn có thể vọc thêm một chút nữa trên trang blog. Bạn muốn có hình trong Profile? Bạn muốn các lời phản hồi được hiển thị ngay trang chính, không cần vào trang trong của bài? Bạn muốn có một bộ đếm người xem? Bạn muốn có quảng cáo Google AdSense? Rất dễ, hãy thử xem.
o Photo
Đầu tiên hãy bắt đầu với hình của bạn trong Profile. Hơi mất công một chút. Bạn hãy post một bài viết mới vào blog, trong bài post này, bạn sẽ post hình của bạn lên blog với tính năng Post Image của blogger. Sau khi post xong, hãy vào tính năng Edit bài viết, chuyển qua chế độ xem HTML, bạn sẽ lấy được địa chỉ hình của bạn trên blog, hãy copy nó vào clipboard. Sau đó quay về Dashboard, vào phần Edit Profile. Bạn sẽ thấy dòng Photo URL trong phần Photograph. Hãy paste địa chỉ đó vào đây, Save Profile, xuất bản lại blog bạn sẽ thấy hình của mình trên đấy.
o Comment
Tiếp theo, ta hãy thử với comment. Hãy tìm đến dòng có thẻ <$BlogItemCommentCreate$>, bạn sẽ thấy một cặp thẻ <BlogItemCommentsEnabled>, hãy mạnh dạn bỏ tất cả nội dung trong cặp thẻ này (bao gồm cả chính nó).
Bạn thấy dòng <!-- Begin #comments --> không? Đây là phần sẽ hiển thị các lời phản hồi của người đọc. Ngay dưới dòng này, bạn sẽ thấy thẻ <ItemPage>, thẻ này có ý nghĩa là tất cả nội dung nằm trong cặp thẻ sẽ chỉ hiện ra trong các trang trong, hãy Cut nó, không xóa vì chúng ta chỉ dời nó đi chỗ khác thôi. Bạn sẽ đem nó đi đâu? Bạn có thấy dòng <a href="<$BlogURL$>"> < Home</a> không? (Nếu bạn đã Việt hóa rồi thì có thể không thấy chữ Home), hãy paste vào trước dòng này. Đi xuống phía dưới vài ba dòng, bạn sẽ bắt gặp thẻ đóng </ItemPage>, hãy Cut nó và Paste tiếp sau dòng Home đó. Như vậy bạn đã bọc dòng Home trong cặp thẻ <ItemPage>...</ItemPage>. Mục đích để làm gì? Để hiện ra phần comment trên trang chính tuy nhiên giấu đi link đến trang chủ vì bạn đang ở trang chủ mà, chỉ hiện ra link Home này khi vào trang trong. Cũng đơn giản phải không?
Tác giả:
Dù bạn đã Việt hoá phần template nhưng vẫn còn một phần đó là phần About me chưa Việt hoá được
Bạn tìm đoạn <!-- Begin #sidebar --> bạn sẽ thấy đoạn mã
<h2 class="sidebar-title">Tác giả</h2>
<p><$BlogDescription$></p>
<!-- Begin #profile-container -->
<$BlogMemberProfile$>
<!-- End #profile -->
Xoá đi và thay bằng
<!-- Begin #profile-container -->
<div id="profile-container"> <h2 class="sidebar-title">Tác giả</h2>
<dl class="profile-datablock"> <dt class="profile-img"> <a href="<$BlogOwnerProfileUrl$>"> <img width="59" alt="My Photo" title="My Photo" height="71" src="<$BlogOwnerPhotoUrl$>"> </a> </dt>
<dd class="profile-data"> <strong>Tên :</strong><$BlogOwnerFullName$></dd>
</dl> <p class="profile-textblock"><$BlogOwnerAboutMe$></p>
<p class="profile-link"> <a href="<$BlogOwnerProfileUrl$>"
title="View my complete profile">Xem chi tiết về tác giả</a> </p>
</div>
o Hit Counter
Tiếp theo đến phần bộ đếm (counter). Hãy đọc ở đây, tôi chọn StatCounter, bạn có thể trang StatCounter để đăng ký thành viên, sau đó cấu hình một chút, lấy đoạn mã JavaScript về và Paste vào vị trí trong Template mà bạn cho là phù hợp nhất, tôi chọn trước dòng Powered by Blogger. Bạn lưu ý là chọn hiển thị Unique Visitors trong StatCounter nhé, vì đây mới thật sự là số lượt khách xem.
o Quảng cáo
Còn quảng cáo? Bạn muốn đặt quảng cáo để làm gì? Để kiếm tiền? Vậy thì hãy bỏ ý định này đi, vì tiền kiếm được chẳng bao nhiêu, thật lòng đấy (Không biết sau khi biết được điều này có ai tội nghiệp mà click vào quảng cáo giùm mình không). Tôi đặt quảng cáo trong blog không phải vì kiếm tiến, một phần là muốn trang blog mình đỡ trống trải một chút, hai là muốn cung cấp thêm một số thông tin tham khảo,biết đâu lại có ích cho người đọc, còn việc có click hay không thì không thành vấn đề. Bây giờ bạn vẫn còn muốn đặt quảng cáo chứ? Vậy thì hãy theo tôi.
Bạn cần phải đăng ký tài khoản với Google AdSense. Sau khi đăng ký xong, bạn phải đợi Google đồng ý kích hoạt tài khoản cho bạn. Sau đó bạn có thể đăng nhập vào Google AdSense và bắt đầu sử dụng. Bạn vào AdSense for Content để chọn layout, màu sắc bạn thích. Thường bạn sẽ đặt quảng cáo vào sidebar bên phải, do đó bạn nên chọn layout là Skyscraper (120x600) hoặc Vertical Banner (120 x 240), sau đó lấy AdSense Code và đưa vào Template, có thể là sau dòng Powered by Blogger. Muốn biết thêm chi tiết, bạn có thể vào đây.
Một blog hay, chủ yếu là do nội dung, nội dung độc đáo, cá tính, bổ ích thì sẽ thu hút nhiều người đọc. Do đó bạn hãy đầu tư cho nó và rồi bạn sẽ tự hào về đứa con tinh thần này. Nếu bạn muốn tiến hành một chiến dịch vận động, tiếp thị cho blog thì mục này của Blogger Help sẽ giúp ích cho bạn.
Chúc bạn vui với blog, có một blog hay và nhớ đừng quên mời tôi vào đọc nhé.
http://step2vn.blogspot.com
Không có nhận xét nào:
Đăng nhận xét