You Might As Well Jump! - Jump Breaks: Tiện ích mới nhất của Blogger

Bạn,

Cách đây hơn một tháng, Blogger trình làng một tiện ích mới: "Jump Break". Tiện ích đó là gì? nếu muốn biết xin mời bạn ấn vào link "Xem toàn bộ bài".

Nếu ấn vào link ấy, mà bạn đọc được cả bài này, thì bạn đã thấy được tiện ích có lợi như thế nào rồi đó!!! Bạn viết một đoạn ngắn mở đầu, xuống dòng, rồi chỉ ấn vào cái nút "Insert jump beak" ở cuối dãy nút ở "Compose" editor là xong.

Bạn cũng có thể thêm thẳng vào trang dòng này  <!-- more --> chỗ nào bạn muốn cắt thành hai đoạn.

Nếu bạn dùng một template và thêm vào nhiều phụ tùng (như trang của tôi chẳng hạn), bạn phải sửa thêm trong trang Expanded HTML.

Trước tiên, backup template của bạn, rồi tìm dòng code này ở trang "Expanded HTML" (xem thêm cách sửa template ở đây):

<data:post.body/>

Sau đó thêm vào đoạn này:

<b:if cond='data:post.hasJumpLink'><div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Như bạn thấy, tôi đã sửa trang nhà của tôi để nó hiện lên gần chục bài mới nhất, nhìn rất gọn ghẽ. Tôi cũng có xem thử "source code" của trang nhà của tôi sau khi sửa, thì quả là nó tải nhanh lên rất nhiều, vì nó chỉ tải xuống máy người đọc khúc đầu thôi, còn khúc đuôi thì chỉ hiện lên khi bạn ấn vào link. Các cách "hacks" trước của các bloggers như anh Ramani của Hackosphere cách đây 3 năm coi như lỗi thời :-)
(nhắc lại thời đó làm tui nhớ quá trời, tự nhiên nổi hứng làm mấy cái hacks & widgets :-)
Chúc bạn thành công. Nếu bạn chưa hiểu rõ, mời bạn ấn vào hai links tham khảo để xem thêm cách chỉ dẫn (bằng anh ngữ) của Blogger.

Hoctro
10/17/09

***

Các trang tham khảo:

1. http://bloggerindraft.blogspot.com/2009/09/you-might-as-well-jump.html
2. http://www.google.com/support/blogger/bin/answer.py?answer=154172
3. Cách sửa template.

Embedding Youtube music ngay trong trang của bạn

Hi bạn,

Hoctro hay sử dụng embed tag để cài một video vào trang post. Sau khi dùng nhiều lần, Hoctro tìm đến Google Code, thử coi nó có API nào cho Youtube không, để giảm thiểu việc dùng embed tag. Sau mấy tiếng đánh vật, trang Paul Mauriat Discography đã có thể nghe nhạc mà không cần phải mở thêm một window nào hết. Hoctro nghĩ cái này website nào cũng dùng được, chứ không riêng gì Blogger. Do vậy, chỉ cần ấn vào tên bản nhạc là có thể nghe được nhạc rồi đó bạn.

http://hoctroviet.blogspot.com/p/paul-mauriat.html#65vol1

Tiện đây hoctro viết các bước sửa nhé:

1. Sửa mã CSS trong phần header, (trước dấu này ]]> nếu là blogger). Cái CSS statement thứ ba rất quan trọng, vì nó làm cho yotube widget đứng yên, trong khi cả trang scoll xuống. Nếu bạn dùng code ở bước thứ ba cho widget, thì phải bỏ CSS tag này ra.

#videoDiv {
margin-right: 3px;
}


#videoInfo {
margin-left: 3px;
}


#content-links {

RIGHT: 55px; WIDTH: 230px; height: 8px; POSITION: fixed; BOTTOM: 20px
}


 2. Tiếp ngay sau đó thêm vào Javascript, ngay sau ]]>, nhưng trước tag header:

<script src="http://www.google.com/jsapi" type="text/javascript" />
<script type='text/javascript' >
google.load("swfobject", "2.1");


</script>
<script type="text/javascript">
/*
* Change out the video that is playing
*/


// Update a particular HTML element with a new value
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}

// 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;
}


function loadVideo(id, num) {

if(ytPlayer) {
ytVisible(true);
if (!num) num=0;
ytPlayer.loadVideoById(id, num);
}
else // Flash not allowed, call loadVideoWindow
{
loadVideoWindow(id);
}
}
// Open a new window in case the video doesn't allow embedding
// or for peaceful degradation purposes
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()}
}


// This function is called when an error is thrown by the player
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}


// This function is automatically called by the player once it loads
function onYouTubePlayerReady(playerId) {
  ytPlayer = document.getElementById("ytPlayer");
  ytPlayer.addEventListener("onError", "onPlayerError");
  ytVisible(false);
}


// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "jfivtWEAyrk"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess: "always" };
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&amp;enablejsapi=1&amp;playerapiid=player1",
"videoDiv", "280", "25", "8", null, null, params, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);


</script>

3. Giờ phải chế ra cái div để chứa cái video bar. Nếu static thì giữ CSS tag 3 như đã nói, và chèn cái này cuối HTML (trước cái </body> tag,) còn nếu widget thì bỏ CSS thứ ba ra, rồi bỏ mã này vô một HTML widget.

<div id='content-links'>
<div id='videoDiv'>Loading... </div>
</div>
 
Nếu bạn gắn đúng chỗ đó, trên Layout-Page Elements sẽ giống như sau, với Youtube bar dưới cùng:

4. Sau cùng, trong trang của mình, thêm vào tag "a" với href có cái ID của bài nhạc mình muốn nghe, thí dụ như:

<li><a href="javascript:void(0);" onclick="loadVideo('lOMhkGZdujY');">VOUS LES FEMMES (You the Women) (02:02)
(Enrique Macias / P.-R. Blanc & Jacques Demarny)</a></li>


<li><a href="javascript:void(0);" onclick="loadVideo('-JutiwteRj8');">N'AVOUE JAMAIS (I Wanna Know) (02:01)
(Guy Mardel - Francoise Dorin)</a></li>

Ngoài ra, bạn còn có thể bắt đầu bài nhạc từ số giây, thí dụ như bài Dancing on the ceiling dưới đây tôi cho bắt đầu từ 20 giây bằng cách them vào:

loadVideo('OdQDXs75Ulo',20);

và nếu bài nhạc không cho embed như bài Beat It, 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');

Hãy xem các biến thể đó ở đoạn sau:

"In 1985, a team of superstars gathered together to record the song"We Are the World". The song itself was a collaboration between Michael Jackson ((Beat It) and Lionel Richie (Hello, Dancing on the ceiling, etc.)"

Thân mến,

Hoctro

Update:

1. Hoctro mới thêm vào hai features mới: phát nhạc từ một thời điểm, và mở một popup phụ, nếu trang ấy không cho embed. Xin ấn vào đoạn chữ trên để thử.

2. Người dầu tiên lắp thành công là bạn Nhã. Tôi mừng quá trời, chỉ người khác làm đúng trên mạng không phải chuyện dễ làm. Mời các bạn xem ở trang này:

 http://khungcuanho.blogspot.com/2010_02_01_archive.html#7601296863844302422

3. Nếu bạn muốn sửa cái bar để thấy video, thì thay như sau:

a. Thay ở bước 1 thành:

#content-links {

RIGHT: 5px; WIDTH: 330px; height: 220px; POSITION: fixed; BOTTOM: 20px
}

b. Trong bước 2, tìm dòng này:
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +

"&enablejsapi=1&playerapiid=player1",
"videoDiv", "280", "25", "8", null, null, params, atts);
}

rồi thay 280 và 25 như ở trên thành 300 và 225 như sau:

swfobject.embedSWF("http://www.youtube.com/v/" + videoID +

"&enablejsapi=1&playerapiid=player1",
"videoDiv", "300", "225", "8", null, null, params, atts);
}

ABBA - Our Last Summer

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.

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

In ra toàn bộ các bài viết của bạn

Bạn,

Nếu muốn bạn có thể in bài của bạn ra để dành sau này bạn hay con cháu đọc lại đỡ buồn :-)

Thay tên blog của tôi = blog bạn. Tôi chạy thử nó in ra hết 245 cái "tám" mà tôi đã post gần đây :-)

http://hoctroviet.blogspot.com/feeds/posts/default?max-results=1000

Nếu bạn có Adobe Writer, hay CutePDF, bạn có thể in ra dưới dạng PDF, rồi thong thả lấy iPad ra và đọc :-)))

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 Music Discovery Project

Bạn,

Tôi viết trang này cách đây 2 tháng nhưng giờ phải viết lại vì giao diện của discovery project đã đổi khá nhiều.

Muốn tạo một playlist để nghe trong youtube qua Discovery Project thì phải làm như sau:

1. Bạn phải có một youtube Account (hình như Blogger như chúng mình thì đã có sẵn account rồi.) Log vào YouTube. Tên của bạn sẽ hiện lên nếu log in thành công.

 2. Trên thanh address, đánh vào chữ http://www.youtube.com/disco

3. Đánh vào tên của một ban nhạc. ABBA chẳng hạn, rồi ấn vào nút Disco!

3. Trang này sẽ hiện lên.

4. Trong ô Queue bên trái sẽ có một số bài tiêu biểu của ABBA do máy sàng lọc và đăng lên cho bạn. Ấn vào nút option để thấy các lệnh có thể dùng.

Bạn thấy là bạn có thể làm 4 điều sau: mở một cái "playlist" đã có sẵn (để nghe), sửa đổi (edit), save (lưu trữ thành một playlist), và cuối cùng là Clear (là xóa hết các bài đang có trong ô này. Lệnh cuối này rất tiện lợi, vì trước tiên muốn save thì phải clear trước, rồi mới chọn thêm một hay nhiều bài, và cuối cùng là save.

Nếu bạn dùng lệnh Save, bạn sẽ thấy ô có thêm như sau:

Thí dụ như tôi điền vào Hoctro's ABBA rồi ấn nút Save, thì Youtube sẽ save cho tôi một playlist rồi đó.

Sau này, nếu tôi muốn nghe lại playlist này, thì tôi có thể mở ra bằng cách ấn vào Options, rồi Open playlist. Youtube sẽ cho bạn một pulldown list có các playlist mà bạn đã save. tôi chọn lại Hoctro's ABBA như hình sau, rồi ấn vào Open như hình sau:

Sau này, nếu tôi không muốn vào trang disco để nghe nhạc, tôi vẫn có thể nghe lại playlist này bằng cách chọn như hình sau account name->My videos:

Sau đó chọn playlist muốn nghe rồi ấn nút play all để nghe.

Nghĩ xa hơn, đây là cách Youtube phân loại các videos của họ mà khỏi tốn tiền mướn người làm. Thử hỏi 1000 người đánh vào đủ loại tìm kiếm có chữ Paul Mauriat trong đó, sau đó họ thêm thắt bài, v.v. rồi save vào list. Dần dần, seach engine của YouTube sẽ chính xác hơn, vì ngoài việc họ có algorithms để tìm kiếm như xưa nay, thì bây giờ các playlist do "người thực" chọn này làm cho các tìm kiếm có "taste" hơn, có tính "personal" hơn rất nhiều.

Nào, ta cùng đi search nhé :-))))))))))).

Hoctro
2/27/10. (Update 4/30/2010)

Làm sao để tải nhiều hình cùng lúc lên blog?

Bạn,

Tất cả các hình trong post này tôi đều tải lên máy cùng một lúc bằng Picasa plug-in, rồi chuyển sang Blogger In Draft và mang chúng vào cùng 1 lượt.

Sau đây là cách làm.

Tính năng "tải lên máy nhiều hình cùng một lúc" này đang thử nghiệm, nên nếu bạn đăng nhập vào lối này:

hay từ blog của bạn ( bằng cách ấn vào Sign in), thì bạn sẽ không dùng được.

Muốn dùng, bạn phải vào ngõ này

draft.blogger.com

thì bạn sẽ thấy trang chính như sau:

Sau khi đăng nhập thì bạn sẽ thấy Dashboard của bạn có màu xanh. Nhớ check cái box màu xanh có dòng chữ Make Blogger In Draft my default dashboard.

Cách 1: Tải nhiều hình (nhiều nhất là 5 hình) vào post cùng lúc.
Tạo một post mới, rồi ấn vào tab Compose

Ấn vào nút load hình màu xanh như bạn hay làm mỗi khi muốn load hình lên:

Lần này giao diện khác, vì bạn đang dùng thử Blogger In Draft. Bạn có thể tải từ máy, và chọn thư mục chứa hình. Mỗi blog bạn viết có một thư mục đã được tạo sẵn bởi Blogger, thí dụ như tôi có thư mục Góc Học Trò:

Bạn có thể ấn vào link Add another image để giao diện hiện ra thêm vài ô khác để bạn tải lên:

Sau khi ấn vào nút Browse, bạn có thể chọn Thumbnails để thấy hình bạn muốn tải

Sau đây là hình chụp lúc tôi đã chọn xong 4 hình. Tiếp theo tôi sẽ ấn nút Upload.

Sau đây là hình chụp lúc các hình đã vào trang post:

Như bạn vừa thấy, cách trên rất dễ làm. Tuy nhiên có một cách khác còn nhanh gọn hơn nữa, đó là dùng Picasa plug-in.

2. Dùng Picasa plug-in để tải hình.

Trước tiên bạn sẽ log vào Picasa bằng cách vào dashboard, rồi di tới cuối trang. Trong ô Tools and Resources, bạn sẽ thấy link đề Picasa Web Albums, bạn click vào đó.

Sau khi log-in vào, bạn sẽ thấy trang chính của Picasa. Vì cùng chung một Google account, Picasa biết hết các trang blogs bạn có. Tiếp theo, bạn sẽ thử upload lên, bằng cách ấn vào nút upload. Nếu bạn dùng Internet Explorer như tôi bạn sẽ thấy 2 hình sau. Bạn cần ấn chuột vào thanh màu vàng, rồi ấn vào nút bên phải của chuột để cho phép máy lắp (install) ActiveX control.

Sau khi install xong, bạn sẽ lại thử ấn vào nút Add Photos lần nữa:

Lần này bạn sẽ thấy Open window hiện ra, cho phép bạn tải lên nhiều hình một lúc. Bạn sẽ dùng Ctrl rồi dùng con chuột chọn nhiều hình, hay Ctrl rồi A để chọn hết toàn bộ hình có trong thư mục ấy:

Sau khi chọn xong, ô sẽ có những hình bạn vừa chọn. Bạn có thể ấn vào Remove link của những hình nào bạn lỡ chọn mà không thích. Sau đó bạn ấn vào Upload.

Máy sẽ load chúng lên, bạn sẽ thấy một progress bar (thanh tiến độ) thông báo hình nào đã load xong, cũng như lần lượt từng hình sẽ hiện lên dòng chữ completed khi load xong .

Sau khi xong xuôi, Picasa trả về trang thư mục, bạn lần xuống cuối trang để thấy các hình vừa load xong.

Bây giờ bạn sẽ chuyển sang Blogger In Draft để chèn các hình ấy vào một bài mới (hay bài cũ.) Sau khi đã mở bài viết mới hay cũ ấy ra ở thể Edit post (biên tập) rồì ấn vào nút tải hình, bạn phải chọn From Picasa Web Albums như hình sau. Máy sẽ hiện lên các thư mục.

Bạn ấn vào thư mục vừa tải lên để thấy các hình vừa load hiện lên:

Bạn dùng Ctrl rồi click vào một hay nhiều hình cần load vào:

Hàng về!!! Gánh gánh thóc, gánh thóc về, gánh về, gánh về!!!! :-)

Như bạn thấy trong Picasa, mỗi account Google cho phép bạn tải lên 1GB !!!! Bạn tha hồ mà tải hình lên nhé. Tôi cũng tải nhiều hình lên lắm chứ cũng không hiền gì, vậy mà tới nay vẫn chỉ dùng có 18M mà thôi.

Có lẽ, điểm hay nhất của tính năng này là nó cho ta cơ hội điểm danh, thu xếp, xóa bỏ, chia ngăn, ... các hình ảnh trên blogs chúng ta xưa nay thông qua Picasa. Khả năng tải nhiều hình lên, tuy rất tiện, nhưng chỉ là hệ quả của ý tưởng dùng Picasa làm phương tiện quản lý hình (picture management tool) mà thôi.

Càng sử dụng Blogger bao nhiêu, tôi càng "falling in love" với Google bấy nhiêu. Dân nhà giàu, không những chơi sang mà còn có hậu nữa. Tôi có vài cái googlepages http://phamduyproject.googlepages.com/để chứa hình ảnh, pdf, v.v. gần đây vì Google chế ra tool mới gọi là Google Site, nên Google loan báo chúng tôi phải tìm cách upgrade các googlepages này lên. Tôi nghĩ, thây kệ nó, tôi có vào ba cái blogs rồi, ôm đồm chưa đủ hay sao mà còn úp gết úp ghiếc. Vậy mà nó cũng tự upgrade cho tôi, và cho tôi giữ lại hết các files. Tôi nhớ hồi dân cư Yahoo!360 phải di tản vì nó quyết định ngưng hoạt động cái màn social blogging tools đó. Thiệt xấu hổ hết biết! Cũng may nhiều anh chị di tản qua Blogger, thay vì Wordpress (site nhỏ hơn, sập tiệm lúc nào không biết, dùng PHP làm language, tuy chiến hơn, nhưng phải trả tiền cho Wordpress mới có cái đó.)

Hy vọng một ngày rất gần, tính năng mới này sẽ chính thức được đem vào Blogger, cũng như khái niệm Pages trước, đã cho tôi inspiration để chế ra các trang Paul Mauriat Discography, 1000 Bài Nhạc Tuyển Việt Nam, v.v.

Hẹn bạn kỳ sau,

Hoctro
3/7/2010

Ghi chú:

Nếu hình tải lên rồi mà bạn không vừa ý vì nó nhỏ hay to quá, bạn vào Edit rồi Compose, xong ấn vào hình muốn sửa rồi chỉnh tùy theo: Small, Medium, Large, X-Large:

Còn nếu bạn muốn làm kỹ hơn đến số pixels chiều rộng (width) hay chiều cao (height) thì chuyển qua trang Edit HTML để sửa số pixels ở hai chỗ đóng khung như hình sau:

Nếu bạn có cả trăm hình trong một post, bạn có thể dùng Ctrl-A (chọn hết) rồi Ctrl-C (copy) mang cả trang về Notepad, dùng lệnh Replace All, rồi mang cả trang kết quả chèn ngược lại vào post.

Blogger Template Designer

Bạn mến,

Google vừa mới cho ra lò cuối tuần trước (11 tháng 3) một tính năng mới, cho phép thay đổi giao diện (interface) rất nhanh và đẹp nữa. Ai trước kia cần trang nhà có 3 cột dọc, hay hình ảnh nền không đẹp, mẫu nhàm và không đẹp, v.v. thì nay sẽ được toại nguyện với tính năng mới này.

Hoctro cũng loay hoay thử trên trang này khoàng nửa ngày trời, trang mới rất đẹp, nhưng cái video mash-up hoctro làm không còn work nữa, cuối cùng đành phải trở về một trong các template cũ. -(Update 4/29/2010: hoctro đã sửa xong nên đã chuyển sang một design mới.)

Bạn có thể tìm hiểu thêm cách dùng ở đây:

http://bloggerindraft.blogspot.com/2010/03/blogger-template-designer.html

Hay xem thử video giới thiệu:

http://www.youtube.com/watch?v=r6haqZoivBQ&feature=player_embedded

Thân ái chào bạn,

Hoctro

Thiết Kế Blog với Blogger Template Designer

Bạn,

Sau khi dùng thử và chỉnh template, tôi rất vừa ý.

1. Chọn Design, rồi chọn Template Designer.

2. Bạn sẽ thấy một chương trình mới, giúp bạn thiết kế blog mà không cần một hiểu biết về HTML hay CSS chi hết. Bước đầu tiên là chọn Template. Có 4 cái chính, trong mỗi cái chính lại có vài cái con. Tôi chọn cái Watermark màu nâu. Bạn sẽ thấy nửa dưới của trang cũng theo cách design cũ, tức là cho bạn xem thử trang ngay lập tức.

3. Chọn hình nền bằng cách ấn vào tab Background. Blogger kỳ này có rất nhiều hình nền, tùy theo từng thể loại. Đây có lẽ là một cái mới mà tôi rất thích, tuy nhiên vì lười nên tôi chọn cái nền màu nâu default mà không chọn một trong các hình mới.

4. Chọn Layout, rồi chọn một trong các layout có sẵn. Lần này Blogger cho ta nhiều chọn lựa lắm.

Bạn thấy tôi đã lựa layout có 2 cột, nhưng cột phụ lại chia làm 2 cột nhỏ.

5. Chỉnh bề rộng của cả blog hay của cột phụ. Đây là cách mà tôi có thể làm tăng Youtube video mà bạn đang thấy "live".

6. Chỉnh font, màu, chiều cao chữ, v.v.

Sau đó, ấn vào nút Save to Blog ở góc phải bên trên cùng, rồi ấn vào Back to Blogger.

Đây là template layout của tôi sau khi sửa xong. Tôi tha hồ mà sửa các widget cho phù hợp. Tôi chọn một Youtube video và danh sách bài ở cột phụ, vì chúng tốn nhiều chỗ. Các widgets còn lại tôi chia chúng đều thành 2 cái cột nhỏ phía dưới.

Còn video, để cho nó rộng hơn thì sửa ở bốn chỗ sau (width="360" hai lần, và height="240" hai lần, đầu và cuối đoạn code):

Chúc bạn thành công.