CHFI - Chương 1 Nghiệp Vụ Điều Tra Máy Tính Và Truy Tìm Chứng Cứ Số
Lesson 7 Tạo menu
Menu hay trình đơn giúp người dùng nhanh chóng truy cập thông tin cần quan tâm. Trong hệ thống Joomla các bạn có thể tạo menu liên kết với 1 category hay 1 bài viết, hoặc trỏ tới một thành phần như diễn đàn, shoping cart hay có thể là một liên kết ngoài. Sau đây là các bài hướng dẫn về cách tạo các menu thích hợp.
7.1 Tạo menu liên kết với category
7.2 Tạo menu liên kết với 1 bài viết
7.1 Tạo menu liên kết với category
7.2 Tạo menu liên kết với 1 bài viết
Lesson 6 - Post Tin / Bài Cho Trang Web
Ngoài ra, đối với các bài viết có nhiều hình ảnh chúng tôi có hướng dẫn thủ thuật dùng DreamWaver để copy nội dung từ Word sang sau đó upload hình ảnh lên FTP rồi hiệu chỉnh lại đường dẫn thích hợp. Trong bài hướng dẫn sau chúng ta sẽ tìm hiểu cách đưa tin đơn giãn nhất là copy từ website khác và chèn một số liên kết ngoài (liên kết đến website khác) cho website www.hoctructuyen.info
Lesson 5 - Tạo Category
Như vậy, các bạn hãy thiết kế cấu trúc chuyên mục thích hợp cho website của mình trên sổ tay trước để quá trình khởi tạo diễn ra nhanh chóng và tránh sai sót. Một khi đã có bản thiết kế sơ bộ thì login vào trang quản trị và chọn phần Category Manager để thêm / xóa hay sữa các chuyên mục cho website của mình. Sau đây là video hướng dẫn tạo category cho website minh họa http://www.hoctructuyen.info
Lesson 4 - Giới Thiệu Về Trang Quản Trị Của Joomla
Có một điều lưu ý là trong quá trình trình bày và hướng dẫn thì instructor đã thực hiện khá tốt, tuy nhiên có đôi chút trục trặc của hệ thống audio, micro nên âm lượng phần sau hơi nhỏ hơn phần đầu, các bạn hãy tăng volume để nghe rõ hơn. Chúng tôi sẽ khắc phục sự cố này trong các bài hướng dẫn sau, mong các bạn thông cảm. Nếu có điều gì không hiểu cần giải thích thêm hãy comment tại đây.
Lesson 3 - Cài Đặt Website Joomla Hay Wordpress, Prestashop ...
Trong bài 3 các bạn sẽ tham khảo cách cài đặt website với các mã nguồn Wordpress hoặc Joomla. Trong chương trình học này trung tâm sẽ giới thiệu cách xây dựng và quản trị web với Joomla trước, sau đó là các hệ thống khác như diễn đàn VBB, trang nội dung Wordpress hay cửa hàng trực tuyến PrestaShop.
Hãy đăng nhập vào cpanel với tài khỏan đã đăng kí và truy cập vào Cpanel (chọn mục Hành Động rồi nhấn Chuyển), sau đó chọn vào menu Cài tự động để tiến hành cài đặt. Trên trang cài đặt tự động chúng ta chọn mã nguồn mà mình muốn cài như trong video hướng dẫn chúng tôi chọn cài Joomla trên domain hoctructuyen.info và webhostingmienphi.tk, ngòai ra cài thêm ứng dụng Wordpress trên thư mục web của domain www.webhostingmienphi.tk/web
Việc cài đặt tự động rất nhanh chóng và dễ dàng. Các bạn chỉ cần cung cấp thông tin như cài trên domain nào, vị trí cài đặt là trang chủ hay thư mục con, tên và mật khẩu của tài khỏan quản trị rồi nhấn nút cài đặt là xong. Các bạn có thể xem các trang demo tại địa chỉ :
http://www.hoctructuyen.info
http://www.webhostingmienphi.tk
http://www.webhostingmienphi.tk/web
Lưu ý, với tài khỏan miễn phí mỗi domain chỉ có tối đa 2 database, do đó các bạn chỉ có thể cài tối đa 2 source web khác nhau trên một domain. Sau đây là video hướng dẫn chi tiết :
Hãy đăng nhập vào cpanel với tài khỏan đã đăng kí và truy cập vào Cpanel (chọn mục Hành Động rồi nhấn Chuyển), sau đó chọn vào menu Cài tự động để tiến hành cài đặt. Trên trang cài đặt tự động chúng ta chọn mã nguồn mà mình muốn cài như trong video hướng dẫn chúng tôi chọn cài Joomla trên domain hoctructuyen.info và webhostingmienphi.tk, ngòai ra cài thêm ứng dụng Wordpress trên thư mục web của domain www.webhostingmienphi.tk/web
Việc cài đặt tự động rất nhanh chóng và dễ dàng. Các bạn chỉ cần cung cấp thông tin như cài trên domain nào, vị trí cài đặt là trang chủ hay thư mục con, tên và mật khẩu của tài khỏan quản trị rồi nhấn nút cài đặt là xong. Các bạn có thể xem các trang demo tại địa chỉ :
http://www.hoctructuyen.info
http://www.webhostingmienphi.tk
http://www.webhostingmienphi.tk/web
Lưu ý, với tài khỏan miễn phí mỗi domain chỉ có tối đa 2 database, do đó các bạn chỉ có thể cài tối đa 2 source web khác nhau trên một domain. Sau đây là video hướng dẫn chi tiết :
Lesson 2 - Đăng Kí Domain Miễn Phí Và Add Domain Vào Hosting
Trong phần 2 chúng ta lại tiếp tục đăng kí một domain name cũng miễn phí tại nhà cung cấp dot.tk, quá trình đăng kí cũng khá đơn giãn các bạn chỉ cần truy cập vào trang web dot.tk và tạo 1 tài khỏan (sử dụng email của mình để đăng kí), sau đó tìm kiếm domain name chưa có ai chiếm như trong trường hợp này là webhostingmienphi.tk và đăng kí. Các bạn có thể chọn domain name tùy ý, phù hợp với mục tiêu web site mà mình dự định xây dựng. Trong bài học này chúng tôi sẽ đăng kí domain là webhostingmienphi.tk để cài đặt Joomla CMS lên trang chủ và Wordpress vào thư mục con.
Sau khi có domain name ta sẽ add chúng vào tài khỏan hosting của mình bằng cách đăng nhập hostinger và tạo 1 account (lưu ý mỗi ngày chúng ta chỉ tạo được 1 account với tài khỏan miễn phí, nghĩa là các bạn chỉ được add 1 domain mỗi ngày). Do đó tôi tạo 2 tài khỏan miễn phí khác nhau để demo thêm tình huống add vào domain hoctructuyen.info mà chúng tôi đăng kí có trả phí tại PA VIETNAM.
Sau khi add domain ta cần thay đổi lại địa chỉ DNS của chúng là :
Một khi domain của các bạn có hiệu lực hãy truy cập vào địa chỉ trang web sẽ thấy trang khởi đầu / chào mừng của hostinger. Lúc này chúng ta có thể tiến hành cài đặt website của mình. Sau đây là video hướng dẫn cách add domain vào hosting miễn phí hostinger.
Sau khi có domain name ta sẽ add chúng vào tài khỏan hosting của mình bằng cách đăng nhập hostinger và tạo 1 account (lưu ý mỗi ngày chúng ta chỉ tạo được 1 account với tài khỏan miễn phí, nghĩa là các bạn chỉ được add 1 domain mỗi ngày). Do đó tôi tạo 2 tài khỏan miễn phí khác nhau để demo thêm tình huống add vào domain hoctructuyen.info mà chúng tôi đăng kí có trả phí tại PA VIETNAM.
Sau khi add domain ta cần thay đổi lại địa chỉ DNS của chúng là :
- ns1.hostinger.vn
- ns2.hostinger.vn
- ns3.hostinger.vn
- ns4.hostinger.vn
Một khi domain của các bạn có hiệu lực hãy truy cập vào địa chỉ trang web sẽ thấy trang khởi đầu / chào mừng của hostinger. Lúc này chúng ta có thể tiến hành cài đặt website của mình. Sau đây là video hướng dẫn cách add domain vào hosting miễn phí hostinger.
Lesson 1 - Đăng Kí Web Hosting Miễn Phí Nhanh & Không Có Quảng Cáo Tại Hostinger
Đầu tiên, chúng ta cần đăng kí một tài khỏan web hosting miễn phí tại Hostinger, đây là một trong những dịhc vụ cung cấp web hosting thú vị nhất hiện nay. Nói là "thú vị" vì dịch vụ hosting miễn phí của Hostinger chạy rất nhanh, ổn định mà lại miễn phí và không có quảng cáo kèm theo.
PHP và MySQL, Site Builder
Không quảng cáo và banner
Ngòai ra, dịch vụ hosting này còn hỗ trợ MySQL, PHP, zend, Apache ... rất thích hợp cho việc triển khai các ứng dụng web nguồn mở như Joomla, Wordpress, PrestaShop hay xây dựng diễn đàn VBB.
Để đăng kí các bạn hãy truy cập trang web http://goo.gl/52sQy và tiến hành đăng kí theo video hướng dẫn sau đây :
Quá trình đăng kí khá đơn giãn và nhanh chóng, các bạn chỉ cần khai báo tên và địa chỉ email sau đó xác nhận thông tin đăng kí trong thư gởi về là hòan tất.
Hosting miễn phí
2,000 MB Space, 100 GB TrafficPHP và MySQL, Site Builder
Không quảng cáo và banner
Ngòai ra, dịch vụ hosting này còn hỗ trợ MySQL, PHP, zend, Apache ... rất thích hợp cho việc triển khai các ứng dụng web nguồn mở như Joomla, Wordpress, PrestaShop hay xây dựng diễn đàn VBB.
Để đăng kí các bạn hãy truy cập trang web http://goo.gl/52sQy và tiến hành đăng kí theo video hướng dẫn sau đây :
Quá trình đăng kí khá đơn giãn và nhanh chóng, các bạn chỉ cần khai báo tên và địa chỉ email sau đó xác nhận thông tin đăng kí trong thư gởi về là hòan tất.
Web Hosting Mien Phi
Để đăng kí tài khỏan web hosting miễn phí các bạn hãy truy cập website http://goo.gl/52sQy và tiến hành đăng kí theo hướng dẫn tại đây...(hãy đăng kí theo dõi khóa học thiết kế và quản trị website miễn phí của trung tâm tin học trực tuyến www.hoctructuyen.org).
All IN One Elearning
Để tham gia các khóa học các bạn cần tiến hành đăng kí tháng đầu tiên với phí 1.000.000 VND, sau khi đăng kí các bạn có thể tùy chọn môn học mình quan tâm trong danh sách khóa học và hoàn tất những bài học của chương trình đào tạo. Và tài khoản của bạn có quyền truy cập vào kho tài liệu, thư viên giáo trình, cộng cụ, lab lên đến hàng trăm GB.
Vì là học trực tuyến nên các học viên có thể đăng nhập vào lớp học vào bất kì lúc nào, tại bất cứ nơi đâu. Có thể tham gia học tập trên điện thoại thông minh, máy tính bảng, máy tính để bàn nhưng linh động và hiệu quả nhất là sử dụng máy tính xách tay.
Nếu các bạn chuyên cần và dành nhiều thời gian học tập thì có thể hoàn tất nhiều môn học chỉ với chi phí 1.000.000 VND, còn trong trường hợp các bạn muốn gia hạn để học thêm các môn khác hay cập nhập những bài mới thì chỉ cần đóng phí gia hạn tài khoản theo từng tháng là 100.000 VND.
Cách xóa tài khoản Gmail và tài khoản Google
Bạn muốn hủy một tài khoản Gmail không còn sử dụng hoặc xóa toàn bộ tài khoản Google? Dưới đây là các bước để tiến hành việc đó.
Bước 1: Nhấp chuột vào địa chỉ email ở góc trên cùng bên phải màn hình. Trong trình đơn xuất hiện, nhấn vào liên kết “Account”.
Bước 2: Trong trang Accounts, bạn sẽ được cung cấp thông tin liên quan tới toàn bộ tài khoản Google, chứ không chỉ tài khoản Gmail. Tại đây nhấn vào mục “Products” ở phía bên trái.
Bước 3: Bạn sẽ được liệt kê tất cả các sản phẩm Google gắn với tài khoản của mình. Nhấn vào liên kết “Edit” ở cạnh “Your Products”.
Bước 4: Thông thường
khi tạo địa chỉ Gmail mới, bạn sẽ được cung cấp một tài khoản Google mới
đi kèm với địa chỉ Gmail đó. Đối với một tài khoản Google cũ không còn
sử dụng, có thể bạn sẽ muốn xóa hoàn toàn tài khoản Google đó. Tuy
nhiên, nếu bạn có nhiều địa chỉ Gmail gắn với một tài khoản Google, có
thể bạn chỉ muốn xóa một địa chỉ Gmail cụ thể, hãy chắc chắn là bạn xóa
đúng tài khoản Gmail mà mình không muốn dùng.
Nếu muốn xóa một tài khoản Gmail cụ thể, nhấn chuột vào “Remove Gmail permanently” và chuyển tới bước 5a.
Nếu bạn muốn xóa toàn bộ tài khoản Google, chọn “Close account and delete all services and info associated with it” và chuyển tới bước 5b.
Bước 5a: Nhấp chuột đánh dấu ô vuông trước “Yes, I want to permanently delete…” và nhập vào tài khoản Gmail chính gắn với tài khoản Google của bạn, nhập vào password (mật khẩu) hiện tại, nhấn nút “Remove Gmail”.
Bước 5b:
Nếu bạn chắc chắn muốn xóa toàn bộ tài khoản Google, nhấp chuột để đánh
dấu các ô trước mỗi dịch vụ Google mà bạn muốn ngừng sử dụng, gõ vào
password hiện tại. Sau đó, nhấp chuột đánh dấu các mục xác nhận rằng bạn
muốn xóa tài khoản giống như dưới đây, sau đó nhấn vào nút “Delete Google Account”.
| Theo ICTNews |
Cách sao lưu dữ liệu Facebook về máy tính
Bạn
có thể muốn lưu dữ liệu cá nhân trên Facebook về máy tính trước khi xóa
tài khoản, hoặc đơn giản để phòng xa. Dưới đây là cách thực hiện.
Bạn có thể tải về dữ liệu Facebook từ trang “Account Settings”.
Bước 1: Sau khi đăng nhập tài khoản Facebook, nhấn vào biểu tượng Settings hình bánh răng ở góc trên cùng bên phải, chọn “Account Settings”.
Bước 2: Bạn sẽ thấy liên kết “Download a copy of your Facebook data” ở cuối trang.
Bước 3: Nhấn vào link download, bạn sẽ được chuyển tới trang giới thiệu về những dữ liệu được sao lưu.
Theo giải thích của Facebook, những dữ
liệu được sao lưu bao gồm tranh ảnh hoặc video bạn đã chia sẻ trên
Facebook; các bài đăng trên tường (Wall), tin nhắn và nội dung chat (tán
gẫu); tên của bạn bè và một số địa chỉ email của họ.
Những dữ liệu không được lưu bao gồm:
Tranh ảnh và cập nhật status (trạng thái) của bạn bè; thông tin cá nhân
của người khác; bình luận (comment) mà bạn đã viết trên bài đăng của
người khác.
Cũng trên trang này, bạn cũng có thể nhấn vào link “expanded archive” (lưu trữ mở rộng) để lưu được nhiều thông tin về tài khoản hơn. Tốt nhất bạn nên tải về cả hai kho dữ liệu.
Bước 4: Nhấn vào nút “Start my Archive”, Facebook sẽ bắt đầu tập hợp dữ liệu của bạn để lưu trữ.
Bước 5: Nhấn “Confirm”
để xác nhận rằng bạn muốn dữ liệu sao lưu được gửi tới địa chỉ email
chính. Sẽ mất một thời gian để Facebook xử lý. Bạn sẽ nhận được một
email có kèm theo đường link để tải dữ liệu Facebook về máy tính.
Facebook cảnh báo người dùng nên lưu dữ
liệu vào nơi an toàn trên máy tính vì trong đó có nhiều thông tin cá
nhân. Trước khi xóa tài khoản Facebook, bạn cũng nên xem lại kho dữ liệu
tải về để chắc chắn đã lưu đủ các dữ liệu quan trọng.
| Theo ICTNews |
Hướng dẫn tối ưu hóa cho blogspot từ A đến Z
Nguồn SEO Kool
Blogspot – một khái niệm quá quen thuộc đới với các webmaster và những người làm SEO. Dễ sử dụng, tốc độ nhanh, tùy chỉnh được code, … chính là những đặc điểm nổi bật của Blogspot khiến nó được mọi người tin dùng.
Tuy nhiên, với sự ra đời và phát triển của WordPress thì Blogspot đang dần mất đi vị thế của mình. Wordpress đã đến và tạo nên một làn gió mới, đặc biệt là trong thời điểm thương mại điện tử đang phát triển như hiện nay. Lý do rất đơn giản vì hầu như tất cả mọi người đều cho rằng WordPress là mã nguồn “chuẩn SEO”.
Với khả năng tối ưu hóa gần như hoàn hảo của mình, WordPress hiện đang là sự lựa chọn số một của giới làm SEO. Vậy lối đi nào dành cho Blogspot – đứa con của gã khổng lồ Google ?
Sau đây, SEO Kool sẽ hướng dẫn các bạn cách tối ưu hóa cho Blogspot từ A -> Z, hy vọng rằng sau bài viết này, mọi người sẽ có cái nhìn khác về Blogspot và tìm ra hướng phát triển đúng đắn cho Blog của mình.
Bài hướng dẫn tối ưu hóa Blogspot của tôi sẽ gồm các phần :
- Chọn template.
- Chỉnh sửa các thẻ meta.
- Chỉnh sửa tiêu đề bài viết.
- Chỉnh URL thân thiện.
- Tạo Breadcrumbs cho Blogspot.
- Tạo tin tức liên quan cho từng bài viết.
- Tạo emoticon khi comment.
- Tạo sitemap cho Blogspot.
Theo kinh nghiệm cá nhân của SEO Kool, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.
Ngoài ra còn một yếu tố cũng quan trọng không kém, đó là cấu trúc thẻ heading. Đa phần các temp của Blogspot sau khi cài đặt chỉ có một thẻ <h1>, và tiêu đề của bài viết là <h2> hoặc <h3>. Điều này sẽ gây khó khăn cho các bạn khi muốn SEO một bài viết con.
Nhiều người đã khắc phục điều này bằng cách chèn thêm thẻ <h1> trong bài viết, và vẫn giữ tiêu đề là <h2> hoặc <h3>. Tuy nhiên, SEO Kool cho rằng như vậy là không tốt. Thứ nhất về mặt thẩm mỹ không đẹp, thứ hai là về tầm quan trọng của các thẻ heading vì khi bot google duyệt website của bạn, nó sẽ thấy thẻ <h2> trước và <h2> thì đương nhiên không quan trọng bằng <h1>.
Vì thế khi chọn template các bạn cần chú ý cấu trúc của temp, nếu có sẵn 2 thẻ <h1>, một cho toàn bộ website, và một cho tiêu đề bài viết thì tuyệt vời. Còn nếu không có thỉ cũng đừng quá lo lắng, SEO Kool sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <h1> trong các bước tiếp theo.
<meta name=”description” content=”" />
<meta name=”keywords” content=”" />
Và sửa thành :
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta name=”description” content=”Mô tả blog” />
<meta name=”keywords” content=”Các từ khóa chính” />
</b:if>
Thông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết
Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. Ví dụ : Tiêu đề bài viết | Tiêu đề Blog
Để làm được điều này các bạn tìm tới đoạn code :
<title><data:blog.pageTitle/></title>
Và sửa lại thành :
<b:if cond=’data:blog.pageType == “item”‘>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
b. Thêm mô tả cho link của tiêu đề.
Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó.
Để làm được điều này các bạn làm như sau :
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đến dòng :
<a expr:href=’data:post.link’><data:post.title/></a>
và sửa thành :
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
Tiếp tục tìm đến dòng
<a expr:href=’data:post.url’><data:post.title/></a>
và sửa thành
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
Lưu template và kiểm tra kết quả.
b. Chỉnh tiêu đề bài viết thành <h1>
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đoạn code sau
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
và sửa thành :
<b:if cond=’data:blog.pageType != “item”‘>
<b:if cond=’data:blog.pageType != “static_page”‘>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng
.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
và sửa thành
.post h1, .post h3 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}
lưu lại và kiểm tra kết quả :
Ở đây SEO Kool thử nghiệm với bài viết có tiêu đề là : ”Thượng nghị sỹ Mỹ phản đối việc kiểm soát cá da trơn“. Nhìn vào hình ảnh các bạn có thể thấy, so với tiêu đề bài viết gốc thì URL đã bị rút gọn và bị mất một số kí tự. Đó là vì URL mặc định của Blogspot có 2 chức năng :
Thứ nhất : lấy luôn tiêu đề của bài viết làm URL cho bài viết đó, tuy nhiên nó không thể hiểu được tiếng Việt nên sinh ra hiện tượng mất một số kí tự.
Thừ hai : Blogspot sẽ tự động cắt bớt URL nếu như tiêu đề bài viết quá dài.
Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phaỉ làm sao ?
Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :
- Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.
- Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot
Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.
Để tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện ích. Sau đó tìm đến đoạn code :
<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<b:include data=’top’ name=’status-message’/>
<data:adStart/>
Và sửa thành :
<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<!– disable default status message
<b:include data=’top’ name=’status-message’/>
default status message disabled –>
<b:include data=’posts’ name=’breadcrumb’/>
<data:adStart/>
Sau đó tìm đến dòng :
<b:includable id=’main’ var=’top’>
Và thêm đoạn code sau vào trên nó :
<b:includable id=’breadcrumb’ var=’posts’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<!– No breadcrumb on front page –>
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast == "true"’> »
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "archive"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "index"’>
<div class=’breadcrumbs’>
<b:if cond=’data:blog.pageName == ""’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » All posts
<b:else/>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Tiếp theo chỉnh css cho phù hợp, ta tìm đến đoạn mã :
]]></b:skin>
và thêm vào trước nó đoạn code sau :
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
<b:if cond=’data:blog.pageType == "item"’>
<script type=”text/javascript”>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel==”alternate”){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf(‘?m=0′);if(y!=-1){a=a.replace(/\?m=0/g,”)}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write(“<ul>”);if(titles.length==0){document.write(“<li>Không có bài viết liên quan</li>”)}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+’?m=0′}document.write(‘<li><a href=”‘+urls[c]+’” title=”‘+time[c].substring(8,10)+”/”+time[c].substring(5,7)+”/”+time[c].substring(0,4)+’”>’+titles[c]+”</a></li>”);if(c<titles.length-1){c++}else{c=0}b++}}document.write(“</ul>”);urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>
Sau đó tìm đến dòng :
<div class=’post-footer’>
Và thêm đoạn code sau vào sau nó :
<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’>
<b>Bài viết liên quan:</b>
<b:loop values=’data:post.labels’ var=’label’>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"’ type=’text/javascript’/>
</b:loop>
<script type=’text/javascript’>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(‘<data:post.url/>’);</script>
</div>
</b:if>
Lưu ý maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông số này.
Chèn đoạn code sau vào trước thẻ đóng </body> :
<script type=’text/javascript’>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
Sau đó tìm đến dòng :
<b:loop values=’data:post.comments’ var=’comment’>
và thêm trước nó thẻ :
<div id=’emocomments’>
Tìm thẻ đóng tương ứng với thẻ loop ở trên
</b:loop>
và thêm sau nó thẻ </div>
Tìm đến dòng :
<data:blogTeamBlogMessage/>
Và thêm sau nó đoạn code :
<script type=”text/javascript”>
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">←</a></span>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">→</a>';
}
//]]>
</script>
<div class=’emoticons’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif’/>:)
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif’/>:(
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif’/>:))
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif’/>:((
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif’/>=))
<span id=’smiley-more’ style=’display: none;’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif’/>=D>
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif’/>:D
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif’/>:P
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif’/>:-O
<img src=’http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif’/>:-?
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif’/>:-SS
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif’/>:-t
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif’/>[-(
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">→</a></span>
</div>
Tìm đến thẻ đóng :
]]></b:skin>
Và thêm đoạn code sau vào trước nó :
.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}
Lưu lại và kiểm tra kết quả.
Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text : atom.xml?redirect=false&start-index=1&max-results=500
Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn :
Đề làm được như hình trên, các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên bất kì, ở đây SEO Kool đặt tên là : Sơ đồ trang.
Sau đó các bạn chuyển sang chế độ HTML và chèn đoạn code sau :
<script style=”text/javascript” src=”http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js”></script>
<script src=”http://www.ngon.edu.vn/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”></script>
Lưu lại và kiểm tra kết quả.
Trên đây là toàn bộ những thủ thuật mà SEO Kool đã áp dụng để tối ưu hóa cho Blogspot cá nhân của mình, các bạn có thể truy cập vào website : http://www.ngon.edu.vn để xem kết quả.
Tất cả những kiến thức ở trên đều được SEO Kool viết dựa trên kinh nghiệm cá nhân và nguồn dữ liệu sưu tầm từ Internet. Chúc các bạn thành công. Sorry vì bài viết hơi dài ^^!
Blogspot – một khái niệm quá quen thuộc đới với các webmaster và những người làm SEO. Dễ sử dụng, tốc độ nhanh, tùy chỉnh được code, … chính là những đặc điểm nổi bật của Blogspot khiến nó được mọi người tin dùng.
Tuy nhiên, với sự ra đời và phát triển của WordPress thì Blogspot đang dần mất đi vị thế của mình. Wordpress đã đến và tạo nên một làn gió mới, đặc biệt là trong thời điểm thương mại điện tử đang phát triển như hiện nay. Lý do rất đơn giản vì hầu như tất cả mọi người đều cho rằng WordPress là mã nguồn “chuẩn SEO”.
Với khả năng tối ưu hóa gần như hoàn hảo của mình, WordPress hiện đang là sự lựa chọn số một của giới làm SEO. Vậy lối đi nào dành cho Blogspot – đứa con của gã khổng lồ Google ?
Sau đây, SEO Kool sẽ hướng dẫn các bạn cách tối ưu hóa cho Blogspot từ A -> Z, hy vọng rằng sau bài viết này, mọi người sẽ có cái nhìn khác về Blogspot và tìm ra hướng phát triển đúng đắn cho Blog của mình.
Bài hướng dẫn tối ưu hóa Blogspot của tôi sẽ gồm các phần :
- Chọn template.
- Chỉnh sửa các thẻ meta.
- Chỉnh sửa tiêu đề bài viết.
- Chỉnh URL thân thiện.
- Tạo Breadcrumbs cho Blogspot.
- Tạo tin tức liên quan cho từng bài viết.
- Tạo emoticon khi comment.
- Tạo sitemap cho Blogspot.
1. Chọn template.
Template là một trong những yếu tố quan trọng khi sử dụng Blogspot, một template tốt không những đẹp mà còn phải có cấu trúc hợp lý. Như thế sẽ giúp quá trình SEO của các bạn dễ dàng hơn rất nhiều.Theo kinh nghiệm cá nhân của SEO Kool, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.
Ngoài ra còn một yếu tố cũng quan trọng không kém, đó là cấu trúc thẻ heading. Đa phần các temp của Blogspot sau khi cài đặt chỉ có một thẻ <h1>, và tiêu đề của bài viết là <h2> hoặc <h3>. Điều này sẽ gây khó khăn cho các bạn khi muốn SEO một bài viết con.
Nhiều người đã khắc phục điều này bằng cách chèn thêm thẻ <h1> trong bài viết, và vẫn giữ tiêu đề là <h2> hoặc <h3>. Tuy nhiên, SEO Kool cho rằng như vậy là không tốt. Thứ nhất về mặt thẩm mỹ không đẹp, thứ hai là về tầm quan trọng của các thẻ heading vì khi bot google duyệt website của bạn, nó sẽ thấy thẻ <h2> trước và <h2> thì đương nhiên không quan trọng bằng <h1>.
Vì thế khi chọn template các bạn cần chú ý cấu trúc của temp, nếu có sẵn 2 thẻ <h1>, một cho toàn bộ website, và một cho tiêu đề bài viết thì tuyệt vời. Còn nếu không có thỉ cũng đừng quá lo lắng, SEO Kool sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <h1> trong các bước tiếp theo.
2. Sửa các thẻ <meta>
Để chỉnh sửa các thẻ meta keyword và meta description các bạn tìm đền đoạn code sau :<meta name=”description” content=”" />
<meta name=”keywords” content=”" />
Và sửa thành :
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta name=”description” content=”Mô tả blog” />
<meta name=”keywords” content=”Các từ khóa chính” />
</b:if>
3. Chỉnh sửa tiêu đề bài viết
a. Sửa thẻ <title> của bài viếtThông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết
Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. Ví dụ : Tiêu đề bài viết | Tiêu đề Blog
Để làm được điều này các bạn tìm tới đoạn code :
<title><data:blog.pageTitle/></title>
Và sửa lại thành :
<b:if cond=’data:blog.pageType == “item”‘>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
b. Thêm mô tả cho link của tiêu đề.
Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó.
Để làm được điều này các bạn làm như sau :
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đến dòng :
<a expr:href=’data:post.link’><data:post.title/></a>
và sửa thành :
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
Tiếp tục tìm đến dòng
<a expr:href=’data:post.url’><data:post.title/></a>
và sửa thành
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
Lưu template và kiểm tra kết quả.
b. Chỉnh tiêu đề bài viết thành <h1>
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đoạn code sau
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
và sửa thành :
<b:if cond=’data:blog.pageType != “item”‘>
<b:if cond=’data:blog.pageType != “static_page”‘>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng
.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
và sửa thành
.post h1, .post h3 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}
lưu lại và kiểm tra kết quả :
4. Chỉnh URL thân thiện.
Mỗi khi bạn viết bài mới trên blogspot, nếu bạn viết tiêu đề có dấu đầy đủ, thì đôi lúc URL sẽ hiển thị như sau :Ở đây SEO Kool thử nghiệm với bài viết có tiêu đề là : ”Thượng nghị sỹ Mỹ phản đối việc kiểm soát cá da trơn“. Nhìn vào hình ảnh các bạn có thể thấy, so với tiêu đề bài viết gốc thì URL đã bị rút gọn và bị mất một số kí tự. Đó là vì URL mặc định của Blogspot có 2 chức năng :
Thứ nhất : lấy luôn tiêu đề của bài viết làm URL cho bài viết đó, tuy nhiên nó không thể hiểu được tiếng Việt nên sinh ra hiện tượng mất một số kí tự.
Thừ hai : Blogspot sẽ tự động cắt bớt URL nếu như tiêu đề bài viết quá dài.
Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phaỉ làm sao ?
Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :
- Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.
- Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot
Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.
5. Tạo Breadcrumb cho Blogspot
Để tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện ích. Sau đó tìm đến đoạn code :
<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<b:include data=’top’ name=’status-message’/>
<data:adStart/>
Và sửa thành :
<b:includable id=’main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>
<!– disable default status message
<b:include data=’top’ name=’status-message’/>
default status message disabled –>
<b:include data=’posts’ name=’breadcrumb’/>
<data:adStart/>
Sau đó tìm đến dòng :
<b:includable id=’main’ var=’top’>
Và thêm đoạn code sau vào trên nó :
<b:includable id=’breadcrumb’ var=’posts’>
<b:if cond=’data:blog.homepageUrl == data:blog.url’>
<!– No breadcrumb on front page –>
<b:else/>
<b:if cond=’data:blog.pageType == "item"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast == "true"’> »
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "archive"’>
<div class=’breadcrumbs’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond=’data:blog.pageType == "index"’>
<div class=’breadcrumbs’>
<b:if cond=’data:blog.pageName == ""’>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » All posts
<b:else/>
Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
Tiếp theo chỉnh css cho phù hợp, ta tìm đến đoạn mã :
]]></b:skin>
và thêm vào trước nó đoạn code sau :
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
6. Tạo bài viết liên quan cho Blogspot
Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :<b:if cond=’data:blog.pageType == "item"’>
<script type=”text/javascript”>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel==”alternate”){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf(‘?m=0′);if(y!=-1){a=a.replace(/\?m=0/g,”)}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write(“<ul>”);if(titles.length==0){document.write(“<li>Không có bài viết liên quan</li>”)}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+’?m=0′}document.write(‘<li><a href=”‘+urls[c]+’” title=”‘+time[c].substring(8,10)+”/”+time[c].substring(5,7)+”/”+time[c].substring(0,4)+’”>’+titles[c]+”</a></li>”);if(c<titles.length-1){c++}else{c=0}b++}}document.write(“</ul>”);urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>
Sau đó tìm đến dòng :
<div class=’post-footer’>
Và thêm đoạn code sau vào sau nó :
<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’>
<b>Bài viết liên quan:</b>
<b:loop values=’data:post.labels’ var=’label’>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"’ type=’text/javascript’/>
</b:loop>
<script type=’text/javascript’>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(‘<data:post.url/>’);</script>
</div>
</b:if>
Lưu ý maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông số này.
7. Tạo các emoticon khi comment trên Blogspot
Chèn đoạn code sau vào trước thẻ đóng </body> :
<script type=’text/javascript’>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
Sau đó tìm đến dòng :
<b:loop values=’data:post.comments’ var=’comment’>
và thêm trước nó thẻ :
<div id=’emocomments’>
Tìm thẻ đóng tương ứng với thẻ loop ở trên
</b:loop>
và thêm sau nó thẻ </div>
Tìm đến dòng :
<data:blogTeamBlogMessage/>
Và thêm sau nó đoạn code :
<script type=”text/javascript”>
//<![CDATA[
function moreSmilies() {
document.getElementById('smiley-more').style.display = 'inline';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">←</a></span>';
}
function lessSmilies() {
document.getElementById('smiley-more').style.display = 'none';
document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">→</a>';
}
//]]>
</script>
<div class=’emoticons’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif’/>:)
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif’/>:(
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif’/>:))
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif’/>:((
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif’/>=))
<span id=’smiley-more’ style=’display: none;’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif’/>=D>
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif’/>:D
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif’/>:P
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif’/>:-O
<img src=’http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif’/>:-?
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif’/>:-SS
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif’/>:-t
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif’/>[-(
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">→</a></span>
</div>
Tìm đến thẻ đóng :
]]></b:skin>
Và thêm đoạn code sau vào trước nó :
.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}
Lưu lại và kiểm tra kết quả.
8. Tạo Sitemap cho Blogspot
Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text : atom.xml?redirect=false&start-index=1&max-results=500
Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn :
Đề làm được như hình trên, các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên bất kì, ở đây SEO Kool đặt tên là : Sơ đồ trang.
Sau đó các bạn chuyển sang chế độ HTML và chèn đoạn code sau :
<script style=”text/javascript” src=”http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js”></script>
<script src=”http://www.ngon.edu.vn/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”></script>
Lưu lại và kiểm tra kết quả.
Trên đây là toàn bộ những thủ thuật mà SEO Kool đã áp dụng để tối ưu hóa cho Blogspot cá nhân của mình, các bạn có thể truy cập vào website : http://www.ngon.edu.vn để xem kết quả.
Tất cả những kiến thức ở trên đều được SEO Kool viết dựa trên kinh nghiệm cá nhân và nguồn dữ liệu sưu tầm từ Internet. Chúc các bạn thành công. Sorry vì bài viết hơi dài ^^!
Thư mời tham gia biên soạn sách "Kali Linux Social Engineering " của Packt Publishing. Có nên tham gia hay không ?
Mặc dù đã biên soạn 3 cuốn giáo trình về an ninh mạng như CEH v7, CHFI và ISO 27001 nhưng đều sử dụng ngôn ngữ Việt Nam, giờ được mời biên soạn bằng tiếng Anh thì anh ấy hơi e ngại tốn nhiều thời gian, muốn dành thời gian đó để chăm sóc cho các lớp trên hệ thống IT-ELEARNING của trung tâm hơn. Theo các bạn có nên tham gia dự án này hay không ? Like hay comment nếu thấy nên nhé. Xin cảm ơn mọi người !
"Email :
Hi,Sent to: dongduongict"
I am Veena Manjrekar, an Author Relations Executive with Packt Publishing. We publish computer-related books on a wide variety of IT topics.
We have a new book project, Kali Linux Social Engineering, and we are looking for skilled authors with the right expertise. When I came across your video tutorial and I thought it would be great to have you as an author for this book. Your expertise in the subject is impressive and having you as our author would be a pleasure.
Could you please let me know if you find it interesting to author this book?
Thanks,
Veena
veenam@packtpub.com
HỌC KIẾM TIỀN TRÊN MẠNG : Adsense Report (MMO2013) Bạn muốn kiếm thêm 2000 $...
Đây là khóa học của hệ thống đào tạo www.kiemtienquamang.co với học phí 2.000 K nhưng đang khuyến mãi 50% cho học viên đăng kí trước 30/4.
Chủ đề Youtueb Adsnese do hướng dẫn AMAMINh trình bày rất thực tế và khá hấp dẫn, nhận được nhiều qua tâm, chú ý. Các bạn có quan tâm đến lĩnh vực MMO hay không cũng nên xem qua bài viết tại đây
Subscribe to:
Posts (Atom)
