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.

Chia sẻ Template chuẩn seo 2017

Simplify 2 Responsive Blogger Template


Simplify 2 Responsive Blogger Template. Có một số tính năng bổ sung và cũng có nhiều màu sắc hơn so với các mẫu trước đó. Đối với phiên bản cao cấp của mẫu Simplify 2  đã được tôi kết hợp nó với phiên bản đầu tiên.


Việc tạo blog sử dụng các template chuẩn seo rất có lợi cho người dùng, thân thiện hơn với các công cụ tìm kiếm hiện nay như Google..yahoo, Để lựa chọn cho mình một template chuẩn seo blogspot lại nhẹ cho người dùng thì nên cân nhắc kỹ. Cảm ơn các bạn đã đọc bài này!

Các tính năng sau của mẫu: 
Seo thân thiện với Google | Hệ thống phù hợp với mobile thận thiện người dùng | Thẻ heading động | Thiết kế chuẩn mobile | Adsense | Phù hợp với Schema.org | 
CTR cao | Blog cá nhân cao | Bố cục 2 cột | Tự động thêm với ảnh nhỏ | Vùng Quảng Responsive | 
Hỗ trợ breadcrumbs  | Bài viết liên quan với Thumb | Liên kết chân trang | Liên kết mạng xã hội | 
Top button..


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

Template Blogspot Seo 2016

Template đẹp chuẩn Seo cho Blogspot chia sẻ rất nhiều, nhưng mình muốn chia sẻ những Template Blogspot đẹp cho các bạn. Chuẩn Seo!

Minima màu 3 Responsive Template Blogger là phiên bản 3 của Minima mẫu màu phiên bản được tối ưu hơn cả sự xuất hiện, tính năng, và SEO.

Tất cả những tính năng đều tối ưu, Thiết kế phù hợp trên tất cả các thiết bị. Bố trí quản trị chuyên nghiệp, giúp bạn làm việc dễ dàng với blog playout, Tabbed menu Comment Blogger và Comment Facbook , Tùy chỉnh trang lỗi 404, Tự động thay đổi kích thước hình ảnh
  • Hỗ trợ hầu như toàn bộ cấu hình Seo cho các bạn, nhẹ mượt và dễ chỉnh nữa

Simplify-2 là mâu được thiết kế bởi Arlina, là mẫu hỗ trợ mobile Responsive Template Blogger mẫu này là phiên bản 2 của mẫu đơn giản hóa. Có một số tính năng bổ sung và cũng có nhiều màu sắc hơn so với các mẫu trước đó. Đối với phiên bản cao cấp của mẫu Simplify-2 đã được tôi kết hợp nó với phiên bản đầu tiên.

Gồm có các tính năng đặc biệt hỗ trợ cho SEO, phù hợp với các bạn nào làm Blog. Đẹp nhẹ và chuẩn Seo
  • Hỗ trợ giao diện mobile, Responsive Sticky Navigation
  • Có Top Navigation, Main Navigation
  • Chia làm 2 cột, Sitemap
  • Có Breadcrumbs, có Shortcodes
  • SEO + Responsive Sitemap Widget (by Kompi Ajaib : Edited by Dunia Blanter)
  • Social Share Button + Hỗ trợ Ads

Nubie Banget là template tạo ra giống như một màn hình đơn giản với các tính năng thân thiện SEO, Responsive, và phù hợp với AdSense.

Bởi vì trong mẫu này tôi tập trung hơn bằng cách cài đặt các tính năng ở mức tối thiểu để các blog sẽ có thể truy cập một cách nhanh chóng mà không cần phải chờ đợi lâu.
Các tính năng của template này hỗ trợ hầu như toàn bộ choc việc cấu hình SEO, nhẹ mượt mà. về cấu trúc cũng chia làm 2 cột như các Template còn lại

Sau khi Download về, để sử dụng thì các bạn giải nén và thực hiện như sau:
Bước 1: Tại trang quản trị Blog, chọn Mẫu -> Sao lưu/ Khôi phục -> Chọn tệp -> tìm đến file XML Document -> Tải lên.

Bước 2: Tại trang quản trị Blog, chọn Bố cục -> xóa tất cả những Playout của giao diện cũ + Playout giao diện mới bạn không muốn sử dụng.

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

Template Bán Hàng Siêu Thị HC chuẩn SEO

Template Bán Hàng Siêu Thị HC chuẩn SEO


Xin Chia Sẻ với các bạn template bán hàng Siêu thị HC, cực đẹp cực hot và chưa từng được chia sẻ bởi ai bởi Template này hiện tại đang được bán với giá khoảng 500k nhưng theo nguyện vọng các bạn nên Kênh Chia sẻ Blog xin mạn phép chia sẻ template này.
- Template cực đẹp cho các bạn làm website bán hàng.
- Template chuẩn SEO, tối ưu thẻ h1 h2 h3 h4...
- Rất tốt cho SEO
Demo
Download

Stemplate blogspot Ecommerce shopping free

UltraStore

Stemplate blogger shopping free

Simplex Eshop Blogger template for shopping cart ecommerce

Free shopping stemplate blogspot

Catalogspot K2 E-Commerce Blogger Templatea

Stemplate ecommerce shopping free

Blogr Cart Plus E commerce Theme

4 Free Best Ecommerce Blogger Templates

4 Free Best Ecommerce Blogger Templates

we are going to share a great high-quality 4 Free best responsive ecommerce blogger templates. Blogger has been the first blogging media introduced by Google to the public a long time ago. This simple blogging platform is still going strong with its unique dashboard and rich set of customization options available at the user  end.  These 4 Free best ecommerce blogger templates meet the requirements to manage a online store website powered on blogger. if you wants to start your own online shop & Online Store then the following Online Shopping Store Blogger Templates will help you lot. So here is the list of 4 Free best responsive ecommerce blogger templates.

Share BigVines Blogger Theme Responsive tin tức đẹp, load nhanh

Share BigVines Blogger Theme Responsive tin tức đẹp, load nhanh

Share BigVines Blogger Theme Responsive - Đây là một template blogspot tin tức đẹp, với tốc độ tải trang nhanh mà ít có trang tin tức nào làm được như vậy.


Demo  |  Download

Được thiết kế trên giao diện sáng màu, bố cục khá gọn gàng khiến người đọc có cảm giác rất thoải mái, dễ chịu. Bạn sẽ cảm nhận được điều đó ngay sau khi xem Demo.

Các tính năng nổi bật
  • Thiết kế responsive 100%.
  • Menu dropdown khá mượt mà.
  • Tốc độ tải trang nhanh.
  • Hỗ trợ ba bài viết nổi bật ngay dưới menu.
  • Các bài viết được sắp xếp theo các label chuyên mục đi kèm với các bài viết mới.
  • Footer 4 cột là điểm nhấn khá mạnh của theme này.
  • Hỗ trợ các vị trí quảng cáo.
  • Có hỗ trợ breadcrumb tốt cho việc seo label.
  • Các button chia sẻ qua mạng xã hội.
  • Hỗ trợ các bài viết liên quan.
  • Cùng nhiêu tính năng mạnh mẽ khác của theme.

Chia sẻ template blogspot đẹp load nhanh 2015

Chia sẻ template blogspot đẹp load nhanh

GeoWall Responsive Blogger Template là một template blogspot tin tức với responsive, bố cục 2 cột, rất gọn gàng và sáng sủa. Nó không chỉ là mẫu tuyệt với cho trang tin tức mà còn cho cả các trang download wallpaper, trang video hay website giới thiệu công ty.


Demo  |  Download

Các tính năng nổi bật

  • Thiết kế 100% responsive.
  • Chuẩn HTML 5.
  • Tốc độ tải trang rất nhanh.
  • Tự động thu nhỏ hình ảnh làm ảnh đại diện bài viết.
  • Tối ưu hóa SEO.
  • Dropdown Menu.
  • Hỗ trợ các vị trí quảng cáo.
  • Có nút tự động đọc thêm.
  • Breadcrumbs.
  • Related Posts.
  • Các nút chia sẻ qua mạng xã hội.
  • Tương thích với nhiều trình duyệt.
  • Bố cục tùy chỉnh đơn giản, dễ dàng.
Hi vọng bạn sẽ thấy GeoWall Responsive Blogger Template phù hợp với ý định của mình. Chúc các bạn có một website như ý! Thanks templatoid đã chia sẻ template này.

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.

TP Blue Mag - Blogger Template đẹp cho trang tin tức công nghệ

TP Blue Mag - Blogger Template đẹp cho trang tin tức công nghệ

TP Blue Mag là một template blogspot đẹp được thiết kế để dành riêng cho trang tin tức công nghệ, bạn sẽ cảm nhận thấy điều đó ngay khi xem demo.


Demo  |  Download

Với điểm nhấn từ Menu Drop down với nhiều categories và tốc độ load cực nhanh sẽ giúp bạn tối ưu hoá SEO cho website một cách tối đa.

Các tính năng nổi bật
  • Thiết kế Responsive
  • Tương thích với các trình duyệt: IE, Chrome, Firefox, Opera, ...
  • Thiết kế với chuẩn HTML5, CSS3 và jQuery
  • Mega Menu mạnh mẽ
  • Tối ưu hoá SEO
  • Bài viết được post theo nhãn
  • Cùng nhiều tính năng hấp dẫn khác
  • Hi vọng bạn sẽ thích TP Blue Mag và sử dụng nó cho site công nghệ của mình. Template này được chia sẻ miễn phí bởi templatepixel. Thanks for sharing.
vivublogspot.blogspot.com rất vui khi được chia sẻ template này với mọi người.
Chúc các bạn thành công.

BOEKASHOP BLOGGER TEMPLATES

BOEKASHOP BLOGGER TEMPLATES



Flatform Type : Blogger
Template Name : BoekaSHOP Blogger Templates
Intructions : Tutorial Install Blogger Template
Author Name : Gusti Putu Adnyana
Design Url : www.bukablog.com
Publisher : http://vivublogspot.blogspot.com
Description: BoekaSHOP Blogger Templates is an Proffesional e-commerce blogger template. It looks like minimalist in styling, initially designed template. Featured Cleaned up codes, Added new checkout widget , Added more search engine friendly best practice settings, Product thumbnail Images and more.

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é !

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 !

Dùng thẻ

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 !

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!

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!

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 )

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

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 !