Làm thế nào tự động đăng bài lên nhiều trang Blogspot?

Hướng dẫn các bạn thiết lập tự động đăng bài lên nhiều trang blogger khác nhau

Những thứ cần chuẩn bị:

1 hosting miễn phí, 1 domain miễn phí và cài sẵn WordPress.

1 trang Blogger, hoặc nhiều tùy ý, bạn muốn tạo bao nhiêu trang vệ tinh cũng được.

Vào phần Cài đặt > Email trên trang Blogger của mình. Ở phần Đăng bài bằng email bạn điền 1 địa chỉ của bạn, email này là duy nhất cho nhiều blogger là được. Địa chỉ email này sẽ dùng để nhận các bài viết bạn lấy và đăng lên trang Blogger của bạn. ví dụ ở đây là  vivublogspot.auto@blogger.com

Đánh dấu chọn “Xuất bản email ngay lập tức” để đăng bài viết ngay.

Cài plugin Post Notification by Email Settings. Kích hoạt, chỉnh cài đặt như hình:

Sent to: Là email bạn vừa tạo ở trên. Ở đây là để bạn điền địa chỉ email sẽ nhận bài viết mới khi bạn đăng lên. Nếu muốn mail khác, cách nhau bằng dấu phấy (,).

Sent to user: người nhận. nếu muốn gửi cho những người đăng ký nhận tin thì bạn chọn Subscriber.

Email subject for new posts, pages and post types: Tiêu đề Email cho các bài viết mới theo các option sau :

• Dùng {title}: Hiển thị tiêu đề của bài viết
• Dùng {link_post}: Hiển thị URL của bài viết
• Dùng {content_post}: Hiển thị nội dung
• Dùng {date}: Hiển thị ngày xuất bản

Ở đây mình chỉ để title vì tiêu đề của email mà mình gửi cũng chính là tiêu đề bài viết sẽ được đăng lên Blogger.

Email body for new posts, pages and post types: Phần nội dung của Email khi gửi cũng có các tùy chọn như trên, các bạn chỉ cần để “content_post” .

Conditional Settings > Post Types: Chọn kiểu bài đăng mà bạn sẽ gửi đi, ở đây chỉ chọn Post, bỏ Page đi.

Phần Thẻ: Bạn sẽ gửi đi những bài viết với thẻ mà bạn quy định.

Phần Chuyên mục: Sẽ chọn những bài viết trong một (một số) chuyên mục cụ thể nào, bạn để nguyên cũng được.

Các tùy chọn khác không quan trọng. chọn “Lưu thay đổi” là xong.

Thử soạn thảo 1 bài viết test xem sao.

Xuất bản bài test. Tiếp theo, vào trang Blogger của bạn và xem thành quả.

Rất nhanh chóng phải không nào, vậy là bạn đã có thể thêm 1 bài viết vào Blogger tự động rồi.

Xem chi tiết »

Hủy thư đã gửi trong Gmail với Dmail

​Hủy thư đã gửi trong Gmail với Dmail

Gmail cho phép người dùng "undo" trong vòng 30 giây. Nhưng nếu dùng Dmail, người dùng có thể "undo" bất kỳ lúc nào!

Nếu đã từng hối tiếc vì trót gửi nhầm một email không nên gửi hẳn bạn sẽ mong có cách nào xóa được email đó đi khỏi hộp thư người nhận. Nếu bạn dùng Gmail thì nay đã có cách.

Theo TechCrunch, trên thực tế Gmail đã chính thức cung cấp nút Undo Send trong thời gian tối đa 30 giây để người gửi kịp rút lại email vừa trót gửi. Nhưng với tiện ích mở rộng mang tên Dmail, bạn có thể tự hủy email đã gửi vào bất cứ lúc nào ngay trong giao diện tài khoản Gmail của mình.

Đây là ý tưởng của một nhóm nghiên cứu đứng sau ứng dụng Delicious. Muốn sử dụng tiện ích, bạn phải là “chính chủ” của tài khoản Gmail định cài đặt Dmail.

Sau khi tải về và cài đặt xong tiện ích mở rộng Dmail trên trình duyệt Chrome của Google tại đây, khi mở giao diện soạn thư (Compose), bạn sẽ thấy phía dưới có một nút chọn Dmail ở dạng On/Off (Bật/Tắt).

Nếu chọn On, bạn sẽ định trước thời gian tự hủy cho email đang soạn trong các mức thời gian một giờ, một ngày, một tuần hay “không bao giờ” (never). Tuy nhiên, ngay cả khi bạn đã chọn “never”, sau đó bạn vẫn có thể vào lại email đã gửi, chọn nút “Revoke Email” để tất cả những người đã nhận đều không thể tiếp tục xem nội dung email đó.

Điểm đặc biệt của Dmail ở chỗ là không giống các tiện ích bảo mật khác, người nhận email của bạn không nhất thiết cũng phải cài đặt Dmail thì tính năng này mới hoạt động.

Nếu họ không/chưa cài đặt Dmail, họ sẽ nhận được một email thông báo viết: “Email này đã được gửi bằng Dmail. Để xem nội dung email, hãy nhấp chuột vào nút phía dưới” (nút View Message).

Sau khi nhấp vào đó người dùng được đưa tới giao diện web có hiển thị nội dung email. Còn trong trường hợp đã cài đặt Dmail, họ sẽ đọc được ngay nội dung email trong giao diện của Gmail.

Tương tự, sau khi người gửi quyết định hủy bỏ nội dung email đã gửi bằng Dmail, với những người nhận có cài Dmail, khi mở họ sẽ nhận được thông báo “thư này đã bị hủy và không xem được nữa”.

Nhưng những người không cài Dmail vẫn sẽ thấy nút “View Message” như bình thường, chỉ có điều khi bấm vào đó thông báo trên giao diện web dẫn tới sẽ là “Thư không xem được” (Message unavailable).

Mặc dù hiện tại tính năng mở rộng Dmail mới chỉ hoạt động trên Gmail, nhưng về lâu dài nhóm phát triển sẽ hướng tới việc mở rộng ứng dụng trên các nền tảng khác. Ngoài ra vào tháng 8, ứng dụng Dmail trên hệ điều hành iOS sẽ được triển khai, sau đó tiếp tục trên Android.

Tại thời điểm này những người dùng Gmail và sử dụng trình duyệt Chrome có thể thử nghiệm ngay tính năng mới của Dmail.

Xem chi tiết »

Tiêu chuẩn lựa chọn một mẫu Template blogspot

Tiêu chuẩn lựa chọn một mẫu Template Blogspot

Mọi người thường chọn template theo tiêu chuẩn nào, đẹp, cầu kỳ, đơn giãn, theo sở thích, theo chủ đề … ? Tiêu chí chọn lựa ra sao ví như blog điểm SEO 80% trở lên... Xin giới thiệu đến các bạn những tiêu chuẩn của một mẫu blog mà mỗi blogger cần biết và tham khảo qua 5 công cụ kiểm tra web / blog khác nhau.

1. Kiểm tra cấu trúc dữ diện web – Google Webmaster

Bạn chỉ việc nhập địa chỉ blog và kiểm tra xem nó có cấu trúc dữ liệu như thế nào. Nếu gặp phải một vài lỗi mà bạn không thể sửa được code của mẫu blog. Vậy bạn hãy bỏ qua nó và tìm kiếm một mẫu blog (template blogger) phù hợp.

2. Kiểm tra giao diện trên các thiết bị số – Responsive Design

Hãy thử kiểm tra mẫu blog bạn hướng đến có hiển thị tốt trên điện thoại di động không? Tuy nhiên, nếu nó không hiển thị tốt, bạn có thể chọn phiên bản điện thoại di động mặc định mà Blogger cung cấp. Nếu bạn cần thêm một số công cụ kiểm trang khác hay xem bài viết 5 Responsive Design Testing Tools Online.

3. Kiểm tra tốc độ tải trang blog – GT Metrix (Page Speed)

Page Speed Grade: B 80%

YSlow Grade: A 90%

Đây là một mẫu blog tốt, nếu chỉ số không được như yêu cầu này các bạn có thể khắc phục theo những điểm làm tốc độ load trang blog của bạn chậm, mà GTmetrix nêu bên dưới như là:

– Cần giảm bớt JavaScript, CSS, HTML,… và lược bỏ bớt một số code, hình ảnh không cần thiết lắm.

Page load time: < 4s (theo mình thì nên load trang blog dưới 4 giây, vì Google sẽ bỏ qua nhưng web load trên 4 giây)

4. Kiểm tra mức độ SEO của blog – Chkme

Các mẫu website, blog nên theo tiêu chuẩn trên 80% điểm SEO là mẫu blog tốt. Nếu số điểm SEO dưới 80%, bạn có thể sửa chữa phù hợp với các lời khuyên ở bên dưới của Chkme. Nếu bạn không thể sửa chữa nó, thì nên bỏ qua mẫu template đó.

5. Kiểm tra hiển trị trên mạng xã hội – Facebook Debugger

Copy & Paste link một trong những bài viết của template blog đó. Xem chia sẻ có thể hiển thị hình ảnh, đoạn trích gới thiệu của bài viết và tiêu đề bài viết không? Nếu đầy đủ bạn có thể chia sẻ các bài viết trong blog lên các mạng xã hội dễ dàng hơn.

Lời kết:

Dù lựa chọn thế nào bạn cũng nên thử test template dựa trên các tiêu chuẩn đã gợi ý bên trên. Chúc thành công nhé !

Xem chi tiết »

Tạo playlist hay danh sách phát mp3,video cho blog, web bằng HTML5

Tạo playlist hay danh sách phát mp3,video cho blog, web bằng HTML5

Hôm nay xin hướng dẫn các bạn cách tạo playlist cho tap audio trong HTML5

Các bạn làm như sau nhé : 

Hình chỉ mang tính chất minh họa

1. Sao chép và dán mã dưới đây vào ngay sau thẻ <head> của web/ blog: 

<!--HTML5 Video playlist 1 | vivublogspot.blogspot.com-->

<script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/>

<!--Tệp tin dự bị: <script src='https://sites.google.com/site/ntdongzoom/home/file-audio/html5-video-playlist-jquery.js' type='text/javascript'/>-->

<style type='text/css'>

#playlist {

display:table;

}

#playlist li{

cursor:pointer;

padding:8px;

}

#playlist li:hover{

color:blue;

}

#videoarea {

float:left;

width:620px;

height:350px;

margin:5px;

border:1px solid silver;

}

</style>

<!--End code-->

Thay đổi giá trị màu đỏ (kích thước) cho thích hợp với blog của bạn. 

2. Sao chép và dán mã dưới đây vào trước thẻ </head> của web/ blog 

<!--HTML5 video playlist 2 | vivublogspot.blogspot.com-->

<script type='text/javascript'>//<![CDATA[

$(window).load(function(){

$(function() {

$("#playlist li").on("click", function() {

$("#videoarea").attr({

"src": $(this).attr("movieurl"),

"poster": "",

"autoplay": "autoplay"

})

})

$("#videoarea").attr({

"src": $("#playlist li").eq(0).attr("movieurl"),

"poster": $("#playlist li").eq(0).attr("moviesposter")

})

})

});//]]>

</script>

<!--End code-->

3. Nhúng mã dưới đây vào widget, trang đăng, bài đăng... để phát nhạc, video

<video autoplay="True" id="videoarea" controls="controls" poster="" src=""></video>

<ul id="playlist">

<li movieurl="https://sites.google.com/site/ntdongzoom/home/file-audio/03-westlife-something_right.mp3 "><b> Something right - weblife</b></li>

<li movieurl="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4"><b>Hoạt hình </b></li>

<li movieurl="http://html5example.net/static/video/html5_Video_VP8.webm"><b>Hoạt hình 1</b></li>

<li movieurl="http://www.ioncannon.net/examples/vp8-webm/big_buck_bunny_480p.webm"><b>Hoạt hình 2</b></li>

</ul>

Chú thích :

Bạn thay thế các phần tô màu đỏ cho phù hợp với mình nhé.

• Màu True : là tự động phát
• Màu đỏ : là đường dẫn (URL) tệp tin nhạc hoặc video. 
• Màu xanh  là tiêu đề của video/ mp3

Các hosting miển phí bạn có thể tải file lên như: Videobam, Clip.vn; tải MP3 lên Kiwi6.com

Chúc các bạn thành công !

Xem chi tiết »

Dùng thẻ HTML5 để chèn nhạc vào website

Dùng thẻ <audio> HTML5 để chèn nhạc vào website

Xưa nay để chèn nhạc vào blog ta phải dùng một plugin của bên thứ 3 với sự hỗ trợ của flash tuy nhiên khi HTML5 ra đời đã giúp cho các code, webmaster và những người quản trị nội dung nhẹ gánh hơn rất nhiều. Chèn nhạc trực tiếp vào trang web chỉ với một thẻ <audio>

Thử liền nhé cú pháp đơn giản

Cú pháp của nó rất đơn giản, bạn chỉ cần chèn thẻ <audio> với vài thông số là xong. Cơ bản nhất bạn chỉ cần chèn:

<audio src=audio.mp3" controls />

Thuộc tính controls giúp hiển thị một thanh trượt điều khiển trên trình duyệt, thanh trượt này sẽ khác nhau trên các trình duyệt khác nhau nhé.

Ngoài ra các bạn cũng cần hiểu thêm các thuộc tính sau : 

scr

Thuộc tính chỉ định file âm thanh được phát, rất quen thuộc mọi người chắc gặp cũng nhiều nhất là khi chèn ảnh vào bài viết chẳng hạn thẻ <img> cũng có thuộc tính này.

controls

Thuộc tính này giúp hiển thị một thanh trượt điều khiển.

autoplay

Thuộc tính này sẽ giúp bài nhạc tự động play ngay khi tải trang. 

loop

Vòng lặp. Khi chơi hết bản nhạc thì trình duyệt sẽ tự động phát lại bản nhạc đó từ đầu hết lần này đến lần khác. Đó là một infinity loop – vòng lặp vô cùng.

preload {  auto | metadata | none  }

Thuộc tính preload này quy định việc có nên tải về file nhạc hay không. Nó chỉ được FF, Chrome và Safari hỗ trợ.

auto =  files sẽ tự động được tải.

metadata = chỉ tải khi file metadata của trang load (chưa hiểu lắm!).

none = file âm thanh chỉ được tải về khi đọc giả đồng ý.

Xem ví dụ để hiểu rõ hơn về những thuộc tính này.

<audio src="audio.mp3" controls preload="none" />

Vì HTML5 vẫn còn mới nên có một số trình duyệt vẫn chưa hỗ trợ vậy bạn cần thông báo cho họ biết điều này bằng cách thêm đoạn test

<audio src="audio.mp3" controls >

   <p>Trình duyệt của bạn không hỗ trợ audio vui lòng<a href="audio.mp3">download</a> file audio về máy nếu muốn nghe.</p>

</audio>

Trình duyệt sẽ tự động bỏ qua thẻ audio và đọc toàn bộ đoạn text nằm giữa thẻ <p>. Đoạn text này phải nằm giữa thẻ <p> và thẻ <p> phải nằm giữa thẻ <audio>

Nhưng như vậy vẫn chưa phải là giải pháp. Giải pháp là file âm nhạc phải được chơi trên tất cả các trình duyệt. Và đây là đoạn code tuyệt vời đó.

<audio src="audio.mp3" controls>

   <object data="mediaplayer.swf?audio=audio.mp3">

          <param name="movie" value="mediaplayer.swf?audio=audio.mp3">

        <p>trình duyệt của bạn không hỗ trợ audio hoặc flash vui lòng <a href="audio.mp3">download</a> file mp3 về máy nếu muốn nghe.</p>

    </object>

</audio>

Thẻ <audio> của HTML5 còn cho phép ta chèn vào giữa nó một object và như vậy ta thoải mái nhạc bằng cách thêm plugin vào. Trong trường hợp plugin không hoạt động thì vẫn còn dòng text giữa thẻ <p>

Và đây là full :

Tuy nhiên hiện có rất nhiều loại thiết bị cũng như nhiều loại trình duyệt khác nhau, từ để bàn tới nên đây là full code cho tất cả

<audio controls>

   <source src="audio.ogg">

   <source src="audio.mp3">

   <object data="mediaplayer.swf?audio=audio.mp3">

          <param name="movie" value="mediaplayer.swf?audio=audio.mp3">

        <p>Your browser does not support native audio or Flash. To listen, please <a href="audio.mp3">download</a> the mp3 file to your computer.</p>

    </object>

</audio>

Đoạn code này hoạt động như sau: Trình duyệt hỗ trợ HTML5 sẽ đọc thấy thẻ <audio> nó biết rằng phải chơi một file nhạc, nhưng là files nào? Nó sẽ bắt đầu dò và sẽ phát file đầu tiên mà nó hiểu được, nếu nó chẳng hiểu file nào hết thì nó bắt đầu đọc tới <object> và phát nhạc dựa vào plugin. Nếu không hiểu nữa thì nó đành hiện ra dòng text giữa thẻ <p>

Chúc các bạn thành công !

Xem chi tiết »

Tự động chia sẻ bài viết từ blogger lên mạng xã hội Twitter, facebook

Tự động chia sẻ bài viết từ blogger lên mạng xã hội Twitter, facebook

Bài trước mình hướng dẫn các bạn đăng ký Feedburner cho blog và web, hôm nay xin tiếp tục chia sẻ với các bạn thủ thuật tự động chia sẻ bài viết từ blogspot lên Twitter và Facebook.

Làm luôn cho nóng nha, đầu tiên là hướng dẫn chia sẻ từ Blog/web lên Twitter

- Chúng ta sẽ sử dụng công cụ Socialize tích hợp sẵn trong Feedburner (sản phẩm Google đã mua lại) để làm điều này.

- Đây là tính năng mới của Feedburner có tên Socialize. Chức năng chính của Socialize/Feedburner làtự động tweet mỗi khi có bài mới đăng thông qua Feed. (URL rút ngọn).

Như bài trước bạn đã tạo Feed thành công, bây giờ bạn đăng nhập vào Feedburner.com , bạn chọn Feed blog/web bạn muốn cài đặt chia sẻ 

Chọn tab Publicize  => Socialize  tại đây chọn Add Twitter Account (xem hình)

Feed yêu cầu bạn nhập Username và Pass của tài khoản Twitter của bạn, nhập vào

Nhập vào tài khoản Twitter ròi chọn Authorize app( Ủy quyền ứng dụng)

Cuối cùng kéo xuống dưới nhấn nút Active tiếp đó nhấn Save như hình sau 

Vậy là đã hoàn thành việc tự động chia sẻ lên Twitter

Tiếp theo là hướng dẫn tự động chia sẻ bài đăng từ blog lên Facebook

Để chia sẻ bài viết từ blog/web lên facebook bạn phải liên kết Twitter với Facebook. Tức là bạn sẽ đăng bài lên Facebook thông qua mạng trung gian là Twitter, sử dụng chính tài khoản Twitter  đã post bài ở bước trên để thực hiện điều này nhé

Đầu tiên bạn Đăng nhập Twitter -> Setting -> Cài đặt -->

Trang kết nối ứng dụng hiện ra như bên dưới

Bạn bấm Kết nối với Facebook  một cửa sổ popup hiện ra đòi Đăng nhập.

Chọn cho phép đăng công khai ròi bấm OK  màn hình kết nối thành công như hình dưới.

Vậy là kết nối thành công với Facebook ròi nhé các bạn

Lưu ý : Nên dùng chung 1 địa chỉ Gmail cho blog, twitter, facebook nhé.

Chúc các bạn thành công!

Xem chi tiết »

Hướng dẫn đăng ký FeedBurner cho Blogspot

Hướng dẫn đăng ký FeedBurner cho Blogspot

FeedBurner là sản phẩm nguồn cấp dữ liệu miễn phí được Google mua lại vào năm 2007, giúp nhà xuất bản phân tích, tối ưu hoá, quảng bá, và kiếm thu nhập quảng cáo từ các nguồn cấp dữ liệu RSS.

FeedBurner rất hữu ích cho Web/blog, rất nhiều tiện ích yêu cầu phải có feed mới có thể chạy được... sau đây là hướng dẫn đăng ký một FeedBurner cho blogspot.

Hướng dẫn đăng ký Feed Bunner cho blogspot/website:

Yêu cầu đầu tiên là bạn phải có một địa chỉ Gmail (đây cũng chính là địa chỉ đăng nhập blog của bạn) nếu chưa có thì vào gmail.com để đăng ký cho mình 1 địa chỉ nhé.

Bạn vào trang sau để tạo feed : http://www.feedburner.com

Trang feedbunner yêu cầu bạn đăng nhập, các bạn đăng nhập bằng địa chỉ gmail của mình  như hình : 

Đăng nhập bằng Gmail của bạn để sử dụng cho blogspot của bạn(cùng địa chỉ mail).

Đăng nhập xong tiến hành thêm blog vào feed, tại ô "Burn a feed right this instant" bạn điền địa chỉ blog của bạn vào như hình :

Cửa sổ tiếp theo có 2 lựa chọn là Atom hoặc RSS các bạn bấm chọn vào RSS.

Chọn Next

Chọn Next

Tiếp theo làm theo hình : 

Màn hình tiếp theo thông báo thành công :

Đến đây hoàn tất đăng ký Feed

Phần tiếp theo mình hướng dẫn các bạn Tùy chỉnh và lấy link feed cho blog:

Bạn vào phần Edit Feed Detail như hình : 

Tại đậy bạn có thể tiến hành thay đổi tên cho dễ nhớ cũng như lấy link cho blog của bạn. ( Nếu bạn đã có tài khoản Feed ròi mà muốn tinh chinh và lấy link thì bạn đăng nhập vào Feed, tại phần quản lý feedburner bấm vào tên feed đã tạo. sau đó bấm vào Edit Feed Detail để lấy link dán vào blog) 

Xem làm như hình nhé : đổi tên

Thay đổi tên feed bàng cách bấm vào Edit Feed Detail, tại ô Feed Address bạn thay đổi lại tên sao cho dễ nhớ rồi bấm Save Feed Detail.

Tiếp là lấy link Feed như hình dưới :

Ok đã có link ròi giờ tiến hành add Feed cho blog ( dán link trên cho blog)

Đăng nhập vào Blog của bạn :

Chọn Cài đặt ->  Khác  - >  Copy và dán link Feed vào mục URL Chuyển hướng Nguồn cấp dữ liệu bài đăng  - > Lưu cài đặt. 

Xem thêm hình sau : 

Vậy là đã xong ròi

Chúc thành công!

Xem chi tiết »

Thêm comment của facebook vào blogspot

Thêm comment của facebook vào blogspot

1. Đầu tiên bạn đóng comment của blogger lại bằng cách vào setting => posts and comments,  => chọn comment location => chọn Hide ( xem thêm hình bên dưới )

Lưu cài đặt lại.

2. Vào phần Mẫu chọn chỉnh sửa HTML (Edit HTML) => Chèn đoạn code bên dưới vào trước thẻ đóng </head>  : 

<script type='text/javascript'>

//<![CDATA[

var purl= location.href;

var fb_href = purl.substring(0,purl.indexOf(".html")+5);

var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';

//]]>

</script>

Trong đó:

• Data-width là độ rộng của comment box.
• Data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
• Data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết

3. Chèn đoạn code bên dưới vào sau thẻ <body> .

<div id='fb-root'/>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

4. Tìm đoạn code như bên dưới :

<b:include data='post' name='post'/>

5. Chèn ngay sau nó đoạn code bên dưới :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'>

document.write(fbcm);

</script>

</b:if> 

6. Lưu lại (Save template),  xem kết quả.

Chúc các bạn thành công !

Xem chi tiết »

Chèn link tự động cho từ khóa trong bài viết của blogspot

Chèn link tự động cho từ khóa trong bài viết  của blogspot

Để chèn link vào một từ khóa trong bài viết bạn phải thực hiện thủ công, rất bất tiện, dưới đây mình xin giới thiệu các bạn cách để tự động chèn liên kết (link) vào các từ khóa (keywork) nằm trong bài viết thật đơn giản, bạn làm như sau nhé  :

1. Đăng nhập vào Blogger -> Vào Mẫu (Template) --> Chọn chỉnh sửa HTML (Edit HTML) Chọn một trong 2 đoạn code bên dưới và chèn nó  ngay trước thẻ </head>

Đoạn 1:  Mở liên kết ngay tại trang bạn đang xem :

<script type='text/javascript'>

//<![CDATA[

function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};

//]]>

</script>

Đoạn 2: Mở tab mới khi click vào liên kết  dùng đoạn code bên dưới:

<script type='text/javascript'>

//<![CDATA[

function doHighlight(a,c,f){for(var d="",b=-1,g=c.toLowerCase(),e=a.toLowerCase();0<a.length;)b=e.indexOf(g,b+1),0>b?(d+=a,a=""):a.lastIndexOf(">",b)>=a.lastIndexOf("<",b)&&e.lastIndexOf("/script>",b)>=e.lastIndexOf("<script",b)&&(d+=a.substring(0,b)+'<a title="'+a.substr(b,c.length)+'" alt="'+a.substr(b,c.length)+'" href="'+f+'" target="_blank">'+a.substr(b,c.length)+"</a>",a=a.substr(b+c.length),e=a.toLowerCase(),b=-1);return d} function highlightSearchTerms(a,c,f,d){searchArray=c?[a]:a.split(" ");div=document.getElementById(d);a=div.innerHTML;for(c=0;c<searchArray.length;c++)a=doHighlight(a,searchArray[c],f);div.innerHTML=a;return!0};

//]]>

</script>

2. Tìm đoạn code sau:

<data:post.body/>

Thay thế nó thành :

<div expr:id='"summary" + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

highlightSearchTerms('Từ khóa 1',true,'Link từ khóa 1','summary<data:post.id/>');

highlightSearchTerms('Từ khóa 2',true,'Link từ khóa 2','summary<data:post.id/>');

highlightSearchTerms('Từ khóa 3',true,'Link từ khóa 3','summary<data:post.id/>');

</script>

Lưu ý: Mỗi blog thường có từ 2 đến 4 đoạn code <data:post.body/> các bạn phải chèn đúng vị trí mới hiển thị.

Trong đó:

• Thay Từ khóa 1,2,3 thành các từ khóa bạn hay sử dụng trong blog.
• Thay Link từ khóa 1,2,3 thành link tương ứng với các từ khóa.
• Để thêm một từ khóa mới bạn chỉ cần thêm đoạn mã bên dưới vào trước thẻ </script> của đoạn code trên. 

highlightSearchTerms('Từ khóa n',true,'Link từ khóa n','summary<data:post.id/>');

6. Lưu mẫu lại.

Ok ròi hãy thử viết 1 bài có các từ khóa bạn thiết đặt ở trên và xem kết quả nhé.

Chúc các bạn thành công !

Xem chi tiết »

Seo Label & google index nhãn (label) cho Blogspot

Seo Label & google index nhãn (label) cho Blogspot

Blogspot mặc định không cho bọ Google cập nhật các Nhãn Label. Nhưng bạn có thể tùy biến để google chấp nhận, để nếu bạn muốn SEO Nhãn Label trong blogspot, hãy làm theo hướng dẫn sau :

Trước hết bạn cần tìm hiểu tệp Robots.TXT của Blogspot. Ở địa chỉ http://tenblogcua ban.blogspot.com/robots.txt (Tenblogcuaban chính là url của Blog của bạn) thì nó sẽ có địa chỉ mặc định như sau, ở ví dụ sau, tôi lấy địa chỉ blog của tôi là http://vivublogspot.blogspot.com/robots.txt & cho ra được file như sau:

User-agent:Mediapartners-Google

Disallow:

User-agent:*

Disallow:/search

Allow:/

Sitemap: http://vivublogspot.blogspot.com/feeds/posts/default?orderby=UPDATED

Sitemap: http://vivublogspot.blogspot.com/sitemap.xml

Thì ở trong trường hợp này, mặc định Google đã chặn không cho index các liên kết bắt đầu bằng /search và thật trớ trêu thay, nhãn Label bắt đầu bằng /search. Để thay đổi nhược điểm này. Bạn cần vào chỉnh sửa tệp Robots.TXT của Blogspot. 

Bạn vào Blogger -> Cài đặt -> Tùy chọn tìm kiếm -> Trình thu thập thông tin và lập chỉ mục ->  Robots.txt tùy chỉnh -> Chỉnh sửa -> Bật nội dung robots.txt tùy chỉnh? - > Nhấp vào Có -> Copy đoạn mã sau đây vào trong khung và Lưu Thay Đổi :

User-agent: Mediapartners-Google

Disallow: 

User-agent: *

Disallow: /search

Allow: /

Allow: /search/label/

Sitemap: http://vivublogspot.blogspot.com/feeds/posts/default?orderby=UPDATED

Sitemap: http://vivublogspot.blogspot.com/sitemap.xml

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=1001&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=1501&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=2001&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=2501&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=3001&max-results=500

Sitemap: http://vivublogspot.blogspot.com/atom.xml?redirect=false&start-index=3501&max-results=500

Ở trong đoạn code trên, phần quan trọng đó là Allow: /search/label/ thì đây là câu lệnh để Google đọc vào các đường liên kết dẫn có /search/label. Nó sẽ đặc cách để Index các đường liên kết có đường dẫn này.

Ghi chú: Thay vivublogspot.blogspot.com thành địa chỉ Blog của bạn nhé. Chúc bạn thành công! 

Nhưng các bạn nên nhớ rằng, tệp Robots.TXT này chính là một trong những phần quan trọng nhất trong SEO cho website của mình, các bạn cần biết cách tạo, nếu không Google sẽ không thể đọc được nội dung của bạn, thì lúc đó chính là tai họa. Để tìm hiểu sâu hơn, bạn truy cập vào bài viết sau Cài đặt "Thẻ tiêu đề robot tùy chỉnh" (Custom Robots Tags) cho blogger để đọc nhé!

Xem chi tiết »

Tạo trang diễn đàn cho Blogger

Tạo trang diễn đàn cho Blogger

Diễn đàn (Forum) hoàn toàn khác với Blog. Diễn đàn là nơi người đọc có thể liên hệ tương tác với nhau, tạo các chủ đề thảo luận để cùng chia sẻ thông tin hữu ích một cách dễ dàng.

Trên Blogger, bạn không được phép tạo tên miền phụ hay thư mục mới để mà có thể thiết kế được một diễn đàn. Vì thế nếu bạn muốn có một trang diễn đàn trên Blogger thì bạn phải cần một thủ thuật nào đó. Và thủ thuật sau đây sẽ giúp bạn thực hiện được yêu cầu này

1. Sau khi đăng nhập Blogger, bạn cần tạo một trang tĩnh (static page). Vào Design >> Posting >> Edit Pages >> New Page và tạo một trang có tiêu đề là forum. Ghi nhớ liên kết của trang forum có dạng như thế này:

http://yourblogname.blogspot.com/p/forum.html

2. Tạo một diễn đàn miễn phí tại Nabble: Bạn điền thông tin cá nhân vào Form đăng ký, quan trọng nhất là địa chỉ email và mật khẩu đăng nhập. Nabble sẽ gửi email kích hoạt xác nhận vào địa chỉ email mà bạn đăng ký. Đăng nhập vào tài khoản email của bạn, vào hộp mail (có thể nằm trong họp thư rác) rồi kích vào link xác nhận để kích hoạt tài khoản Nabble của bạn. Bạn cần ghi nhớ mật khẩu đăng nhập.

Trong quá trình tạo tài khoản, bạn cần đặt một cái tên cho diễn đàn của bạn, ví dụ như: My Blogger Forum chẳng hạn. Sau khi đăng ký và kích hoạt thành công, bạn đăng nhập vào tài khoản Nabble và chọn Embedding Options. Copy đoạn code HTML.

3. Tại tài khoản Blogger, vào Design >> Edit HTML và chọn "Expand Widget Templates".

Nhấn phím kết hợp Ctrl + F và tìm dòng code:

<div id='content-wrapper'>

Dán đoạn code sau đây vào trên dòng code nói trên.

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>

Đoạn code từ Nabble lấy được ở bước 2

</b:if>

4. Bước kế tiếp là dấu một số thành phần trên Blog của bạn khi hiển thị trang forum. Dán đoạn code như dưới đây vào sau dòng ]]></b:skin>.

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/p/forum.html"'>

<style type='text/css'>

#content-wrapper {

display:none !important;

}

</style>

</b:if>

Lưu Template là xong. Bây giờ bạn có thể dành thời gian mời bạn bè tham gia diễn đàn của bạn được rồi đấy.

Chú ý: Nếu bạn muốn tạo một diễn đàn độc lập trên Blogger thì bạn phải tạo một Blog mới. Sau đó vào chỉnh sửa Template, xóa toàn bộ phần code giữa 2 thẻ <body>, </body> và thay bằng đoạn code lấy được trên Nabble ở bước 2.

Nếu bạn có một tên miền tùy chỉnh thì có thể tạo một subdomain dưới dạng http://forum.yourdomain.com/ cũng là một giải pháp tốt.

Chúc thành công!

Xem chi tiết »