Bạn,
Để thử coi tôi có thể click vào một cái link và nghe nhạc ngay, thay vì phải dùng embed tag như từ bấy lâu nay, tôi chọn bài hát Our Last Summer của nhóm ABBA. bạn click thử vào link này coi nó có chạy không nhé:
Our Last Summer
Vừa post thử xong, rồi ấn vào link trên, thì nó works bạn ạ!!!!! Yay!!! Từ giờ khỏi phải làm embed chi mất công, mà cứ viết tràng giang đại hải rồi link bài hát, và để Youtube bar làm việc ;-)
Sau đây là mã của link ở trên:
<a href="javascript:void(0);" onclick="loadVideo('5eoDjKcZamM');">Our Last Summer</a>
Cách chèn code vào để làm như hocrto thì mời xem ở link này:
http://hoctroviet.blogspot.com/2010/02/embedding-youtube-music-ngay-trong.html
Trở lại Our Last Summer. Bài nhạc này là một trong những bài hoctro thích nhất, vì nó tả nhiều cảnh của Paris hoa lệ, như strolling down the Elysee, the tourist jam, round the Notre Dame, Paris restaurants, Our last summer, Morning croissants, We were living for the day, worries far away... Mười năm rồi hoctro chưa ghé thăm lại Paris, nhớ nó lắm, hy vọng sẽ có một ngày dạo trên đường phố Quartier Latin nữa, gặm bánh mì, xem sách ở FNAC, bảo tàng Louvre, v.v. và v.v.
hoctro.
Showing posts with label Mẹo làm Blog. Show all posts
Showing posts with label Mẹo làm Blog. Show all posts
3.22.2026
One of Us - Thêm chức năng mới cho Youtube hack
Bạn,
Tôi đã thêm vào một chức năng mới, là làm cho link pop-up ra video. Lý do là vì đó là một trong các nguyên tắc của "defensive programming", là peaceful degradation. Nếu máy của bạn không có Flash, function đã cải thiện sẽ pop một window mới, thay vì ù lỳ đứng im như trước.
function loadVideo(id, num) {
if(ytplayer) {
if (!num) num=0;
ytplayer.loadVideoById(id, num);
}
else // Flash not allowed, call loadVideoWindow
{
loadVideoWindow(id);
}
}
Vì loadVideoWindow là một function, tôi có thể dùng nó luôn để tạo một window mới. Điểm đặc biệt là vì window mới này có chung tên là 'name', gọi nhiều video nó sẽ không thêm nhiều windows mà sẽ update cái window 'name' này. Hãy thử ấn từng cái này nhe:
Our Last Summer
One of Us
Tôi đã thêm mã trên vào post cũ:
http://hoctroviet.blogspot.com/2010/02/embedding-youtube-music-ngay-trong.html
Coi video One of Us này thấy buồn quá trời. Người đẹp tóc vàng Agnetha dọn nhà ra riêng sau khi ly dị với Bjorn :-( . Bài này có cái rhythm rất tuyệt, melody gọn gàng, rất ABBA, nghe hoài không chán.
Hẹn bạn kỳ sau,
Hoctro
Tôi đã thêm vào một chức năng mới, là làm cho link pop-up ra video. Lý do là vì đó là một trong các nguyên tắc của "defensive programming", là peaceful degradation. Nếu máy của bạn không có Flash, function đã cải thiện sẽ pop một window mới, thay vì ù lỳ đứng im như trước.
function loadVideo(id, num) {
if(ytplayer) {
if (!num) num=0;
ytplayer.loadVideoById(id, num);
}
else // Flash not allowed, call loadVideoWindow
{
loadVideoWindow(id);
}
}
Vì loadVideoWindow là một function, tôi có thể dùng nó luôn để tạo một window mới. Điểm đặc biệt là vì window mới này có chung tên là 'name', gọi nhiều video nó sẽ không thêm nhiều windows mà sẽ update cái window 'name' này. Hãy thử ấn từng cái này nhe:
Our Last Summer
One of Us
Tôi đã thêm mã trên vào post cũ:
http://hoctroviet.blogspot.com/2010/02/embedding-youtube-music-ngay-trong.html
Coi video One of Us này thấy buồn quá trời. Người đẹp tóc vàng Agnetha dọn nhà ra riêng sau khi ly dị với Bjorn :-( . Bài này có cái rhythm rất tuyệt, melody gọn gàng, rất ABBA, nghe hoài không chán.
Hẹn bạn kỳ sau,
Hoctro
My Youtube Hack comes full circle ...
Tối qua tôi hí hoáy tìm một cái attribute của CSS, rồi tìm cách làm nó tắt mở theo ý mình. Mừng quá sau một hồi thì tìm ra.
Youtube hack của tôi đã come full circle. Khi mở bất cứ một trang nào trong blog lên, Youtube player cũng sẽ load, nhưng bạn sẽ không thấy cái Youtube bar nữa, vì tôi đã giấu nó. Chỉ khi nào người đọc ấn vào một cái link, thì Youtube bar mới hiện lên thường trực, rồi khi bạn sang trang mới nó lại trở về trạng thái ẩn.
Thử ấn vào đây để xem bar hiện ra và nghe nhạc, bài Love So Right của The Bee Gees.
Tôi nghĩ đây là một quy tắc các blogs cần nên theo. Cái gì mà người dùng không cần, thì không nên cho người ta thấy (yet), không thôi thì người xem rối mắt. tôi vô nhiều trang web, thấy lắp ráp nhiều thứ hoa mắt quá, chỉ tốn thời gian người xem phải load vô browser, riết rồi tôi sợ không dám vô mấy cái blogs đó.
Trong trang chỉ dẫn Youtube hack, tôi đã thêm vào một function như sau:
// Make the Youtube player visible or not. Basically at loading time it
// should be off, and only be on whenever the first video is clicked.
function ytVisible(value) {
attr = (value == true) ? "visible" : "hidden";
document.getElementById("ytPlayer").style.visibility = attr;
}
Như tôi có nhập đề, function này có một parameter là on=true, hay off=false. Tùy theo trường hợp, nó sẽ tìm cái element có tên là ytPlayer, rồi set style->visibility là visible (true) hay là hidden (false).
Sau khi Youtube player load thành công, tôi giấu nó bằng lệnh sau:
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
ytplayer.addEventListener("onError", "onPlayerError");
ytVisible(false);
}
Còn khi bạn ấn vô một link "a", tức là gọi loadVideo(), thì tôi sẽ không giấu tag đó nữa:
function loadVideo(id, num) {
if(ytplayer) {
ytVisible(true);
if (!num) num=0;
ytplayer.loadVideoById(id, num);
}
else // Flash not allowed, call loadVideoWindow
{
loadVideoWindow(id);
}
}
Nếu bạn vẫn thích giữ Youtube bar như xưa, thì bạn chỉ cần xóa hai cái hàng màu đỏ đó đi là xong, hay là bỏ hai dấu // trước dòng đó cũng được (để comment dòng đó out) như sau:
//ytVisible(false);
Mục đích của tôi khi viết Youtube bar là biến Youtube vids từ chỗ coi hình ảnh, chỉ để nghe nhạc mà thôi. Tuy nhiên nếu bạn muốn xem hình cũng được. Bạn phải chỉnh sửa mấy chỗ sau đây:
Ở bước 1: chỉnh hai dòng sau, WIDTH và HEIGHT cho nó rông ra và cao lên
#content-links {
RIGHT: 55px; WIDTH: 230px; height: 8px; POSITION: fixed; BOTTOM: 20px
}
Ở bước 2: chỉnh dòng sau width và height màu đỏ:
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", "280", "25", "8", null, null, params, atts);
Tất nhiên những thứ ở trên không phải do tôi sáng chế ra, mà cũng phải đi học lóm chỗ khác. Xin thưa, Youtube code là học từ Google Code:
http://code.google.com/apis/youtube/js_api_reference.html
Còn Javacript thì lắp ráp từ hai quyển: JavaScript: The Definitive Guide 5th Ed. và JavaScript Phrasebook.
Hẹn bạn kỳ tới,
hoctro.
***
Youtube hack của tôi đã come full circle. Khi mở bất cứ một trang nào trong blog lên, Youtube player cũng sẽ load, nhưng bạn sẽ không thấy cái Youtube bar nữa, vì tôi đã giấu nó. Chỉ khi nào người đọc ấn vào một cái link, thì Youtube bar mới hiện lên thường trực, rồi khi bạn sang trang mới nó lại trở về trạng thái ẩn.
Thử ấn vào đây để xem bar hiện ra và nghe nhạc, bài Love So Right của The Bee Gees.
Tôi nghĩ đây là một quy tắc các blogs cần nên theo. Cái gì mà người dùng không cần, thì không nên cho người ta thấy (yet), không thôi thì người xem rối mắt. tôi vô nhiều trang web, thấy lắp ráp nhiều thứ hoa mắt quá, chỉ tốn thời gian người xem phải load vô browser, riết rồi tôi sợ không dám vô mấy cái blogs đó.
Trong trang chỉ dẫn Youtube hack, tôi đã thêm vào một function như sau:
// Make the Youtube player visible or not. Basically at loading time it
// should be off, and only be on whenever the first video is clicked.
function ytVisible(value) {
attr = (value == true) ? "visible" : "hidden";
document.getElementById("ytPlayer").style.visibility = attr;
}
Như tôi có nhập đề, function này có một parameter là on=true, hay off=false. Tùy theo trường hợp, nó sẽ tìm cái element có tên là ytPlayer, rồi set style->visibility là visible (true) hay là hidden (false).
Sau khi Youtube player load thành công, tôi giấu nó bằng lệnh sau:
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
ytplayer.addEventListener("onError", "onPlayerError");
ytVisible(false);
}
Còn khi bạn ấn vô một link "a", tức là gọi loadVideo(), thì tôi sẽ không giấu tag đó nữa:
function loadVideo(id, num) {
if(ytplayer) {
ytVisible(true);
if (!num) num=0;
ytplayer.loadVideoById(id, num);
}
else // Flash not allowed, call loadVideoWindow
{
loadVideoWindow(id);
}
}
Nếu bạn vẫn thích giữ Youtube bar như xưa, thì bạn chỉ cần xóa hai cái hàng màu đỏ đó đi là xong, hay là bỏ hai dấu // trước dòng đó cũng được (để comment dòng đó out) như sau:
//ytVisible(false);
Mục đích của tôi khi viết Youtube bar là biến Youtube vids từ chỗ coi hình ảnh, chỉ để nghe nhạc mà thôi. Tuy nhiên nếu bạn muốn xem hình cũng được. Bạn phải chỉnh sửa mấy chỗ sau đây:
Ở bước 1: chỉnh hai dòng sau, WIDTH và HEIGHT cho nó rông ra và cao lên
#content-links {
RIGHT: 55px; WIDTH: 230px; height: 8px; POSITION: fixed; BOTTOM: 20px
}
Ở bước 2: chỉnh dòng sau width và height màu đỏ:
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", "280", "25", "8", null, null, params, atts);
Tất nhiên những thứ ở trên không phải do tôi sáng chế ra, mà cũng phải đi học lóm chỗ khác. Xin thưa, Youtube code là học từ Google Code:
http://code.google.com/apis/youtube/js_api_reference.html
Còn Javacript thì lắp ráp từ hai quyển: JavaScript: The Definitive Guide 5th Ed. và JavaScript Phrasebook.
Hẹn bạn kỳ tới,
hoctro.
***
Nghe nhạc YouTube từ một danh sách (Take 2)
Bạn mến,
Tôi rất vừa ý với cái YouTube mashup tôi làm hồi tháng 2, nhưng tôi cũng thấy cách này khó lắp đặt. Sau đây tôi sẽ trình bày một cách khác, mà bạn chỉ thêm Blogger HTML code rất it, rồi chỉ cần lắp 3 cái HTML/Javascript widgets là xong.
1. Cho đoạn code này ngay trước tag </head> và save template.
<script src='http://www.google.com/jsapi' type="text/javascript" />
<script type='text/javascript' >
google.load("swfobject", "2.1");
</script>
Nếu tỉm không ra tag </head> thì bạn cũng có thể lắp nó ngay ở đầu trang, ngay trước tag <head> như hình sau:
Phần 1 này rất quan trọng, nó dùng để load một cái Flash object vào trang, nếu không làm bước này thì các bước sau không chạy được.
2. Sau đó, vào trang Layout->Page Elements. Ấn vào link Add a Gadget ở cột phụ:
Ấn vào trang HTML/Javascript
rồi cho vào đoạn mã sau:
<div id='content-links'>
<div id='videoDiv'>Loading... </div>
</div>
rồi ấn nút Save.
3. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau:
4. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau, mỗi đoạn tag list (li) là một bài nhạc, với ID lấy từ link của address của video, như tôi tô đậm ở hình sau
Ngoài ra, bạn còn có thể bắt đầu bài nhạc từ số giây, thí dụ như:
loadVideo('OdQDXs75Ulo',20);
và nếu bài nhạc không cho embed, tôi cũng có thể mở một window để xem. Bạn phải dùng một function mới là loadVideoWindow, (thay vì chỉ là loadVideo)
loadVideoWindow('Uqxo1SKB0z8');
Bây giờ bạn sẽ thấy layout có 3 cái HTML/Javascript widgets:
Nếu mọi sự tốt đẹp, bạn sẽ thấy bài nhạc được load, rồi khi bạn ấn vào một link thì YouTube sẽ thay bài đang hát bằng 1 bài mới.
Chúc bạn thành công. Có gì không hiểu thì cứ hỏi, nếu biết thì tôi chỉ ngay.
Thân mến,
Hoctro
2/5/2010
Tôi rất vừa ý với cái YouTube mashup tôi làm hồi tháng 2, nhưng tôi cũng thấy cách này khó lắp đặt. Sau đây tôi sẽ trình bày một cách khác, mà bạn chỉ thêm Blogger HTML code rất it, rồi chỉ cần lắp 3 cái HTML/Javascript widgets là xong.
1. Cho đoạn code này ngay trước tag </head> và save template.
<script src='http://www.google.com/jsapi' type="text/javascript" />
<script type='text/javascript' >
google.load("swfobject", "2.1");
</script>
Nếu tỉm không ra tag </head> thì bạn cũng có thể lắp nó ngay ở đầu trang, ngay trước tag <head> như hình sau:
2. Sau đó, vào trang Layout->Page Elements. Ấn vào link Add a Gadget ở cột phụ:
Ấn vào trang HTML/Javascript
rồi cho vào đoạn mã sau:
<div id='content-links'>
<div id='videoDiv'>Loading... </div>
</div>
rồi ấn nút Save.
3. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau:
<script type="text/javascript">
var ytPlayer;
function onYouTubePlayerReady(playerId)
{
ytPlayer = document.getElementById("ytPlayer");
ytPlayer.addEventListener("onError", "onPlayerError");
}
function loadVideo(id, num) {
if(ytPlayer) {
if (!num) num=0;
ytPlayer.loadVideoById(id, num);
}
else
{
loadVideoWindow(id);
}
}
function loadVideoWindow(id) {
var ytlink;
var newwindow;
ytlink = "http://www.youtube.com/watch?v=" + id;
newwindow=window.open(ytlink,'name','height=600,width=700');
if (window.focus) {newwindow.focus()}
}
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}
function loadPlayer() {
var videoID = "jfivtWEAyrk";
var params = { allowScriptAccess: "always" };
var atts = { id: "ytPlayer" };
swfobject.embedSWF("http://www.youtube.com/v/"
+ videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", "320", "270", "8", null, null, params,
atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>4. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau, mỗi đoạn tag list (li) là một bài nhạc, với ID lấy từ link của address của video, như tôi tô đậm ở hình sau
<ul>
<li><a href="javascript:void(0);" onclick="loadVideo('4pOElMjQ-DI');">Tà Áo Xanh (Đoàn Chuẩn - Từ Linh) - Lệ Thu trình bày</a></li>
<li><a href="javascript:void(0);" onclick="loadVideo('hwgtZ48joP4');">Mùa Thu Cho Em (Ngô Thụy Miên) - Thanh Hà trình bày</a></li>
</ul>
Ngoài ra, bạn còn có thể bắt đầu bài nhạc từ số giây, thí dụ như:
loadVideo('OdQDXs75Ulo',20);
và nếu bài nhạc không cho embed, tôi cũng có thể mở một window để xem. Bạn phải dùng một function mới là loadVideoWindow, (thay vì chỉ là loadVideo)
loadVideoWindow('Uqxo1SKB0z8');
Bây giờ bạn sẽ thấy layout có 3 cái HTML/Javascript widgets:
Nếu mọi sự tốt đẹp, bạn sẽ thấy bài nhạc được load, rồi khi bạn ấn vào một link thì YouTube sẽ thay bài đang hát bằng 1 bài mới.
Chúc bạn thành công. Có gì không hiểu thì cứ hỏi, nếu biết thì tôi chỉ ngay.
Thân mến,
Hoctro
2/5/2010
Stats: tiện ích mới của Blogger để biết thống kê lượt người xem
Bạn,
Blogger đang thử nghiệm một tiện ích giúp người dùng có thể nhanh chóng tìm hiểu lưu lượng người đọc trang, họ từ đâu đến, đại đa số thích xem những gì, những từ khóa họ đã dùng để tìm kiếm, trang nào đọc nhiều nhất. Các thống kê này có thể hiển thị theo ngày, tuần, tháng, hoặc năm. Điều hay nhất là bạn không phải làm gì hết, chỉ cần đăng nhập vào trang là những thống kê này đã có sẵn trong trang của bạn. Đây là một dạng phiên bản tối thiểu của Google Analytics, chỉ khác cái là bạn khỏi cần phải làm acoount, setup, v.v.
Theo tôi, đây là một tiện ích rất quan trọng và sẽ làm Blogger có thêm nhiều người dùng nữa, vì không phải ai cũng giỏi computer, với họ càng ít cách setup càng tốt.
Muốn vào xem tiện ích mới này, hiện giờ bạn phải đăng nhập theo lối này: http://draft.blogger.com/
Sau đó ấn vào chữ Stats ở cuối blog mà bạn muốn xem:
Đây là toàn cảnh thông tin của trang Học Trò Việt. Blogger mới làm cái này 2, 3 tuần nay (trong khi mình đang say mê coi World Cup) nên dữ kiện chưa được nhiều lắm, nhưng cũng đủ gây "ấn tượng", "hoành tráng" (impressed?) theo như cách nói mới bên nhà.
Chúng mình cũng biết trang nào được người xem "tham quan" nhất :-)
Hay các Pages mới thì ai xem nhiều nhất
Chúng ta cũng biết người đến thăm từ đâu. Tôi được vinh hạnh có bạn đọc đến nhiều nhất từ Việt Nam, chứ không phải từ Hóc Bà Tó :-)
Nhờ có thống kê xem người dùng thích tìm những thứ gì trên liên mạng, tôi mới biết là người ta thích xem coi cách làm blog của tôi ra sao, còn những sưu tầm về nhạc thì cũng na ná, và hai cái đó là "thế mạnh" của blog Học Trò Việt.
Cuối cùng là hình ảnh xem họ đến từ đâu, dùng browser nào, hệ điều hành (operating system) nào ...
Những stats này rất thiết thực để định hướng cho các bài viết sắp tới của chúng ta.
Hẹn bạn kỳ (giới thiệu tiện ích của Blogger) tới.
Cầu chúc Hòa Lan sẽ thắng giải Vô địch túc cầu 2010. It's about time for them.
Hoctro
(7/7/10)
Blogger đang thử nghiệm một tiện ích giúp người dùng có thể nhanh chóng tìm hiểu lưu lượng người đọc trang, họ từ đâu đến, đại đa số thích xem những gì, những từ khóa họ đã dùng để tìm kiếm, trang nào đọc nhiều nhất. Các thống kê này có thể hiển thị theo ngày, tuần, tháng, hoặc năm. Điều hay nhất là bạn không phải làm gì hết, chỉ cần đăng nhập vào trang là những thống kê này đã có sẵn trong trang của bạn. Đây là một dạng phiên bản tối thiểu của Google Analytics, chỉ khác cái là bạn khỏi cần phải làm acoount, setup, v.v.
Theo tôi, đây là một tiện ích rất quan trọng và sẽ làm Blogger có thêm nhiều người dùng nữa, vì không phải ai cũng giỏi computer, với họ càng ít cách setup càng tốt.
Muốn vào xem tiện ích mới này, hiện giờ bạn phải đăng nhập theo lối này: http://draft.blogger.com/
Sau đó ấn vào chữ Stats ở cuối blog mà bạn muốn xem:
Đây là toàn cảnh thông tin của trang Học Trò Việt. Blogger mới làm cái này 2, 3 tuần nay (trong khi mình đang say mê coi World Cup) nên dữ kiện chưa được nhiều lắm, nhưng cũng đủ gây "ấn tượng", "hoành tráng" (impressed?) theo như cách nói mới bên nhà.
Chúng mình cũng biết trang nào được người xem "tham quan" nhất :-)
Hay các Pages mới thì ai xem nhiều nhất
Chúng ta cũng biết người đến thăm từ đâu. Tôi được vinh hạnh có bạn đọc đến nhiều nhất từ Việt Nam, chứ không phải từ Hóc Bà Tó :-)
Nhờ có thống kê xem người dùng thích tìm những thứ gì trên liên mạng, tôi mới biết là người ta thích xem coi cách làm blog của tôi ra sao, còn những sưu tầm về nhạc thì cũng na ná, và hai cái đó là "thế mạnh" của blog Học Trò Việt.
Cuối cùng là hình ảnh xem họ đến từ đâu, dùng browser nào, hệ điều hành (operating system) nào ...
Những stats này rất thiết thực để định hướng cho các bài viết sắp tới của chúng ta.
Hẹn bạn kỳ (giới thiệu tiện ích của Blogger) tới.
Cầu chúc Hòa Lan sẽ thắng giải Vô địch túc cầu 2010. It's about time for them.
Hoctro
(7/7/10)
Thay đổi cách trình bày trang Blog
Bạn,
Hôm nay tôi đọc được một bài viết hay: How Can 10 Simple Articles Change Your Life?
http://www.pearsonified.com/2006/10/how_can_10_simple_articles_change_your_life.php
Tôi học được một điều là mình phải chú tâm vào thế mạnh của trang Hoctro Viet là giới thiệu những tính năng mới của Blogger. Theo dõi Feedjit, tôi cũng thấy đa số người tới trang Hoctroviet là nhằm một trong các mục đích sau:
1. Tải nhiều hình cùng lúc lên blog,
2. Trang trí blog (Template designer)
3. Các bài viết lượm lặt trên Net về nhạc
4. Các nhu liệu để xem và tải Youtube về máy
5. Link thẳng đến trang chính để đọc các posts mới (cám ơn các bạn ấy rất nhiều)
6. Các nguồn kết nối từ các trang bạn (cám ơn rất nhiều)
7. Những tản mạn về Âm Nhạc, học sáng tác nhạc, tạo phong cách riêng, v.v. Nhiều khi các câu "search" không ăn nhằm đến nội dung của blog, nhưng vì Google có lẽ cho ranking của blog tôi cao, nên search cứ thong thả dẫn đến trang nhà Hoctroviet, mỗi ngày trên dưới 100 người mới đến.
(Editing: Thí dụ sau đây chứng tỏ ranking của blog tôi khá cao. Tôi lần theo Feedjit từ những người search những từ khóa (keyword) từ trang google của Việt Nam, một trong các từ khóa ấy là "nhac carpenter"
và tôi rất ngạc nhiên và thích thú khi thấy blog mình là answer #1, trên cả các trang web chuyên nghiệp khác.
Rất ngạc nhiên vì tôi mới làm trang Carpenters Anthology có khoảng 2 tháng nay thôi, nhưng nhờ ranking của blog hoctroviet cao, nên trang có độ tin cậy ngay trên trang google search Việt. Tất nhiên nếu search trên google.com thì chắc trang blog của tôi cỡ thứ mấy trăm hay mấy ngàn :-)))))
Trở lại chủ đề trình bày trang blog. Một bài viết hay khác cũng trong trang đó là What Every Blogger Needs to Know About Categories
http://www.pearsonified.com/2008/02/what_every_blogger_needs_to_know_about_categories.php
trong đó tác giả viết rằng chúng ta lạm dụng tags (nhãn), categories (thể loại) quá nhiều, vì kỹ thuật blog làm việc ấy quá dễ dàng. Theo anh ta, một trang blog chỉ cần 3 nhãn là đủ: phổ cập nhất (most popular - must read), vừa (cách cải thiện trang: improve your site), và các thứ khác (đáng dòm sơ: worth a look).
Cách này tôi thấy rất có lý, vì nếu một người đi tìm trong google về một thông tin tải hình chẳng hạn, thì họ sẽ thấy trang "Tải hình" ngay, còn các trang khác ít liên can (irrelevant) hơn thì để chỗ khác.
Thấy hay là làm liền, bạn sẽ thấy trang mới của tôi làm với phương châm na ná như http://www.pearsonified.com/
Hy vọng bạn sẽ thấy thích cách design này.
Hoctro
7/19/10
Hôm nay tôi đọc được một bài viết hay: How Can 10 Simple Articles Change Your Life?
http://www.pearsonified.com/2006/10/how_can_10_simple_articles_change_your_life.php
Tôi học được một điều là mình phải chú tâm vào thế mạnh của trang Hoctro Viet là giới thiệu những tính năng mới của Blogger. Theo dõi Feedjit, tôi cũng thấy đa số người tới trang Hoctroviet là nhằm một trong các mục đích sau:
1. Tải nhiều hình cùng lúc lên blog,
2. Trang trí blog (Template designer)
3. Các bài viết lượm lặt trên Net về nhạc
4. Các nhu liệu để xem và tải Youtube về máy
5. Link thẳng đến trang chính để đọc các posts mới (cám ơn các bạn ấy rất nhiều)
6. Các nguồn kết nối từ các trang bạn (cám ơn rất nhiều)
7. Những tản mạn về Âm Nhạc, học sáng tác nhạc, tạo phong cách riêng, v.v. Nhiều khi các câu "search" không ăn nhằm đến nội dung của blog, nhưng vì Google có lẽ cho ranking của blog tôi cao, nên search cứ thong thả dẫn đến trang nhà Hoctroviet, mỗi ngày trên dưới 100 người mới đến.
(Editing: Thí dụ sau đây chứng tỏ ranking của blog tôi khá cao. Tôi lần theo Feedjit từ những người search những từ khóa (keyword) từ trang google của Việt Nam, một trong các từ khóa ấy là "nhac carpenter"
Rất ngạc nhiên vì tôi mới làm trang Carpenters Anthology có khoảng 2 tháng nay thôi, nhưng nhờ ranking của blog hoctroviet cao, nên trang có độ tin cậy ngay trên trang google search Việt. Tất nhiên nếu search trên google.com thì chắc trang blog của tôi cỡ thứ mấy trăm hay mấy ngàn :-)))))
Trở lại chủ đề trình bày trang blog. Một bài viết hay khác cũng trong trang đó là What Every Blogger Needs to Know About Categories
http://www.pearsonified.com/2008/02/what_every_blogger_needs_to_know_about_categories.php
trong đó tác giả viết rằng chúng ta lạm dụng tags (nhãn), categories (thể loại) quá nhiều, vì kỹ thuật blog làm việc ấy quá dễ dàng. Theo anh ta, một trang blog chỉ cần 3 nhãn là đủ: phổ cập nhất (most popular - must read), vừa (cách cải thiện trang: improve your site), và các thứ khác (đáng dòm sơ: worth a look).
Cách này tôi thấy rất có lý, vì nếu một người đi tìm trong google về một thông tin tải hình chẳng hạn, thì họ sẽ thấy trang "Tải hình" ngay, còn các trang khác ít liên can (irrelevant) hơn thì để chỗ khác.
Thấy hay là làm liền, bạn sẽ thấy trang mới của tôi làm với phương châm na ná như http://www.pearsonified.com/
Hy vọng bạn sẽ thấy thích cách design này.
Hoctro
7/19/10
YouTube Mashup Tìm Kiếm Dựa Trên Label
Bạn,
Loay hoay hoài hủy cả tối, rồi cũng tìm ra cách viết code để tìm kiếm những videos liên hệ tới một label (nhãn). Ý tưởng rất đơn giản. Thay vì dùng "Label" widget để hiện lên các bài viết có nhãn ấy, tôi dùng Ajax Search API để tìm kiếm. Tôi làm hai tìm kiếm khác nhau để tạo ra hai kết quả: video và từ blog của tôi. Ấn các "tabs" để chuyển đổi. Vì tôi dùng "relevant search", kết quả trả về là kết quả giống với chữ cần tìm nhất, hệt như khi bạn dùng google.com để tìm vậy.
Tôi có gắn thử ngay sau post này, có gì bạn thử nghe.
Thế là từ nay tôi đỡ mắc công lên google tìm nhạc theo tên của các nhạc sĩ. Tôi chỉ cần gắn một label mới đâu đó trong một post vớ vẩn nào đó, et voilà!
Đây là đoạn mã tôi chèn vô, tôi lười sửa soạn lại nên "chụp" lại đây để ai thích làm thì làm theo nhé. Cũng có thể dùng View -> source để cut-and-paste những đoạn mã JavaScript, rồi đánh vào những đoạn blogger code.
Hoctro,
8/15/10
Loay hoay hoài hủy cả tối, rồi cũng tìm ra cách viết code để tìm kiếm những videos liên hệ tới một label (nhãn). Ý tưởng rất đơn giản. Thay vì dùng "Label" widget để hiện lên các bài viết có nhãn ấy, tôi dùng Ajax Search API để tìm kiếm. Tôi làm hai tìm kiếm khác nhau để tạo ra hai kết quả: video và từ blog của tôi. Ấn các "tabs" để chuyển đổi. Vì tôi dùng "relevant search", kết quả trả về là kết quả giống với chữ cần tìm nhất, hệt như khi bạn dùng google.com để tìm vậy.
Tôi có gắn thử ngay sau post này, có gì bạn thử nghe.
Thế là từ nay tôi đỡ mắc công lên google tìm nhạc theo tên của các nhạc sĩ. Tôi chỉ cần gắn một label mới đâu đó trong một post vớ vẩn nào đó, et voilà!
Đây là đoạn mã tôi chèn vô, tôi lười sửa soạn lại nên "chụp" lại đây để ai thích làm thì làm theo nhé. Cũng có thể dùng View -> source để cut-and-paste những đoạn mã JavaScript, rồi đánh vào những đoạn blogger code.
8/15/10
Đột nhập nhà Blogger trái phép - Sherlock Hoc tường trình
Bạn,
Như thám tử Sherlock Holmes đi tìm thủ phạm vụ án, có một người lương thiện (hình như) mách tôi rằng kẻ trộm đột nhập vào blog bạn ấy, rồi gài links tùm lum.
Sau vài ngày điều tra, tôi đã tìm ra thủ phạm. Đó là feature Back links của Blogger!
Nếu setting Back links is on:
Ta sẽ thấy ai links đến nhà ta:
Vì feature "Blog links" có đường link dẫn đến post mới nhất "Great songs of The Fifties" (cuối hình 3), nên khổ chủ bên site kia sẽ có một cái link dưới "Links to this post" (hình 2)
Như thám tử Sherlock Holmes đi tìm thủ phạm vụ án, có một người lương thiện (hình như) mách tôi rằng kẻ trộm đột nhập vào blog bạn ấy, rồi gài links tùm lum.
Sau vài ngày điều tra, tôi đã tìm ra thủ phạm. Đó là feature Back links của Blogger!
Nếu setting Back links is on:
Hình 1
Ta sẽ thấy ai links đến nhà ta:
Hình 2
Vì feature "Blog links" có đường link dẫn đến post mới nhất "Great songs of The Fifties" (cuối hình 3), nên khổ chủ bên site kia sẽ có một cái link dưới "Links to this post" (hình 2)
hình 3
Hẹn bạn kỳ sau. Happy's Labor Day!
Fonts mới cho Bloggers!!!
Bạn,
Như bạn đang thấy "live" trên trang Hoctroviet, cách đây 3 ngày (1/20/2011) Blogger lại trình làng một sáng tạo mới của họ, là cho phép các trang mạng có thêm các font chữ mới, họ gọi là web fonts.
Làm cái này rất dễ. Bạn vào Design->Template Designer:
Xong rồi vào Advanced, và chọn các chỗ cho phép mình sửa như tên của blog, tên của widget, v.v. Thí dụ hình sau tôi đang thay đổi font ở "tên của post", chữ đỏ.
Chúc bạn thành công!
Hoctro
1/23/2010
Như bạn đang thấy "live" trên trang Hoctroviet, cách đây 3 ngày (1/20/2011) Blogger lại trình làng một sáng tạo mới của họ, là cho phép các trang mạng có thêm các font chữ mới, họ gọi là web fonts.
Làm cái này rất dễ. Bạn vào Design->Template Designer:
Chúc bạn thành công!
Hoctro
1/23/2010
Cách lưu trữ blog để xem dưới dạng PDF
Bạn,
Có khi nào bạn cảm thấy cần lưu trữ bài viết của blog bạn, hoặc tải bài viết của người khác về máy mình để xem offline không? Tôi có tìm ra một cách và hay dùng nó, hôm nay muốn chia xẻ với bạn.
Chúng ta sẽ dùng một cách rất thường gặp trong các sở làm hiện tại, đó là in trang bằng PDF "distiller". Nếu bạn đã có software PDF Professional 9.0 trên máy, thì khi in, và chọn "PDF Distiller" thì máy sẽ hỏi bạn save vào máy dưới tên file là gì. Thế là xong.
Nhưng trong bài viết này tôi giả sử bạn không có software này. Vậy việc trước tiên là chúng ta sẽ cài đặt một phần mềm miễn phí tên là CutePDF có thể save một trang web dưới dạng pdf, tương tự như PDF Distiller. Nhưng CutePDF cần có GhostScript trước, vậy hãy vào trang sau
http://www.cutepdf.com/Products/CutePDF/writer.asp
Bước 1 là cài đặt software GhostScript này. Hãy ấn vào chữ Free Converter để cài đặt.
Bước 2 là cài đặt CutePDF.
Ấn vào Free Download cũng trong hình trên để tải về và lắp.
Nếu lắp thành công, bạn thử in một trang web bằng cách chọn Print preview, ấn vào nút Print, rồi chọn CutePDF Writer khi chọn printer name
Máy sẽ hỏi bạn muốn tên của PDF là gì, và để ở đâu. Bạn điền tên vào dưới folder muốn chứa rồi ấn OK là xong.
Bây giờ mới tới phần "Mẹo làm blog". Nếu bây giờ tôi thử in trang của tôi ngay thì sẽ thấy như vầy trong phần Print preview:
Bạn thấy là nội dung chẳng có gì hết! Vầy làm sao in?
May thay, trong blogger có khái niệm gọi là feed, là một dòng (stream) của các chữ và hình ảnh của nội dung không thôi, chứ không có các thứ khác, như các widgets chẳng hạn.
Nếu gọi feed của trang hoctroviet thì đây là cú pháp, thêm vào là phần in đậm:
http://hoctroviet.blogspot.com/feeds/posts/default
và đây là kết quả:
Điều bất tiện là feed chỉ có cho in ra 25 posts mới sửa hay thêm vào nhất mà thôi, do đó muốn in ra toàn bộ sự nghiệp văn chương trên blog bạn thì phải thêm vào cú pháp max-results như sau:
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=1000
thì máy sẽ tải về hết 1000 (một ngàn) posts của bạn!
Nếu trang ấy khi in xong quá lớn, mà ta lại muốn dung lượng pdf nhỏ, để upload lên đâu đó, thì ta phải dùng thêm một thành tố nữa, là start-index. Thí dụ như tôi có trên 200 posts, và muốn chia làm 3 tập, mỗi tập 100 bài, thì tôi sẽ làm như sau:
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=1
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=101
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=201
Bạn thấy lúc nào cũng có 100 posts, rồi tôi in bài từ index 1, 101, 201, v.v.
Bây giờ là phần khó nhất. Tỷ dụ như tôi chỉ muốn in những cái gì tôi viết mà thôi, còn bài tôi đi sưu tầm thì tôi không cần. Vậy thì tôi phải làm sao? Cách dễ nhất là để chúng vào chung một nhãn (label), như Hoctro Tản Mạn chẳng hạn. Dùng Edit Posts bạn có thể chọn nhiều bài và thêm nhãn cùng lúc:
Sau đó bạn cũng dùng các thành tố max-results và start-index như đã trình bày, nhưng phần đầu trước dấu hỏi thì phải là nhãn. thí dụ như tôi muốn in hết các bài tôi đã "tám" thì phải làm như sau:
http://hoctroviet.blogspot.com/feeds/posts/default/-/Hoctro Tản Mạn?max-results=1000
Tôi có phân loại các bài viết của tôi, được trên 200 bài, in lại thành PDF, và upload lên chỗ này, cùng một số tài liệu khác, nếu bạn muốn xem chất lượng PDF thì mời vào xem (hoctroviet_01, 02 và 03):
http://sites.google.com/site/hoctroarticles/
Hy vọng bài chỉ dẫn này sẽ có ích cho bạn để bạn có thể mang tài liệu của bạn cũng như của blogger khác về xem offline khi rảnh rỗi.
Thân mến,
Hoctro
6 May 2011
Có khi nào bạn cảm thấy cần lưu trữ bài viết của blog bạn, hoặc tải bài viết của người khác về máy mình để xem offline không? Tôi có tìm ra một cách và hay dùng nó, hôm nay muốn chia xẻ với bạn.
Chúng ta sẽ dùng một cách rất thường gặp trong các sở làm hiện tại, đó là in trang bằng PDF "distiller". Nếu bạn đã có software PDF Professional 9.0 trên máy, thì khi in, và chọn "PDF Distiller" thì máy sẽ hỏi bạn save vào máy dưới tên file là gì. Thế là xong.
Nhưng trong bài viết này tôi giả sử bạn không có software này. Vậy việc trước tiên là chúng ta sẽ cài đặt một phần mềm miễn phí tên là CutePDF có thể save một trang web dưới dạng pdf, tương tự như PDF Distiller. Nhưng CutePDF cần có GhostScript trước, vậy hãy vào trang sau
http://www.cutepdf.com/Products/CutePDF/writer.asp
Bước 1 là cài đặt software GhostScript này. Hãy ấn vào chữ Free Converter để cài đặt.
Bước 2 là cài đặt CutePDF.
Ấn vào Free Download cũng trong hình trên để tải về và lắp.
Nếu lắp thành công, bạn thử in một trang web bằng cách chọn Print preview, ấn vào nút Print, rồi chọn CutePDF Writer khi chọn printer name
Máy sẽ hỏi bạn muốn tên của PDF là gì, và để ở đâu. Bạn điền tên vào dưới folder muốn chứa rồi ấn OK là xong.
Bây giờ mới tới phần "Mẹo làm blog". Nếu bây giờ tôi thử in trang của tôi ngay thì sẽ thấy như vầy trong phần Print preview:
Bạn thấy là nội dung chẳng có gì hết! Vầy làm sao in?
May thay, trong blogger có khái niệm gọi là feed, là một dòng (stream) của các chữ và hình ảnh của nội dung không thôi, chứ không có các thứ khác, như các widgets chẳng hạn.
Nếu gọi feed của trang hoctroviet thì đây là cú pháp, thêm vào là phần in đậm:
http://hoctroviet.blogspot.com/feeds/posts/default
và đây là kết quả:
Khi in thì chữ cũng rõ ràng, và ta có thể chỉnh chiều cao của chữ bằng cách dùng dropdown box in tỉ lệ:
Điều bất tiện là feed chỉ có cho in ra 25 posts mới sửa hay thêm vào nhất mà thôi, do đó muốn in ra toàn bộ sự nghiệp văn chương trên blog bạn thì phải thêm vào cú pháp max-results như sau:
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=1000
thì máy sẽ tải về hết 1000 (một ngàn) posts của bạn!
Nếu trang ấy khi in xong quá lớn, mà ta lại muốn dung lượng pdf nhỏ, để upload lên đâu đó, thì ta phải dùng thêm một thành tố nữa, là start-index. Thí dụ như tôi có trên 200 posts, và muốn chia làm 3 tập, mỗi tập 100 bài, thì tôi sẽ làm như sau:
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=1
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=101
http://hoctroviet.blogspot.com/feeds/posts/default?max-results=100&start-index=201
Bạn thấy lúc nào cũng có 100 posts, rồi tôi in bài từ index 1, 101, 201, v.v.
Bây giờ là phần khó nhất. Tỷ dụ như tôi chỉ muốn in những cái gì tôi viết mà thôi, còn bài tôi đi sưu tầm thì tôi không cần. Vậy thì tôi phải làm sao? Cách dễ nhất là để chúng vào chung một nhãn (label), như Hoctro Tản Mạn chẳng hạn. Dùng Edit Posts bạn có thể chọn nhiều bài và thêm nhãn cùng lúc:
Sau đó bạn cũng dùng các thành tố max-results và start-index như đã trình bày, nhưng phần đầu trước dấu hỏi thì phải là nhãn. thí dụ như tôi muốn in hết các bài tôi đã "tám" thì phải làm như sau:
http://hoctroviet.blogspot.com/feeds/posts/default/-/Hoctro Tản Mạn?max-results=1000
Tôi có phân loại các bài viết của tôi, được trên 200 bài, in lại thành PDF, và upload lên chỗ này, cùng một số tài liệu khác, nếu bạn muốn xem chất lượng PDF thì mời vào xem (hoctroviet_01, 02 và 03):
http://sites.google.com/site/hoctroarticles/
Hy vọng bài chỉ dẫn này sẽ có ích cho bạn để bạn có thể mang tài liệu của bạn cũng như của blogger khác về xem offline khi rảnh rỗi.
Thân mến,
Hoctro
6 May 2011
Subscribe to:
Posts (Atom)