Chèn các kênh truyền hình trực tuyến vào blog hoặc website

Trong bài viết trước, bạn đã biết cách chèn nhạc hoặc video vào blog. Trong bài viết này, tôi sẽ hướng dẫn bạn cách chèn các kênh truyền hình trực tuyến vào trong blog. Việc chèn thêm các kênh truyền hình trực tuyến vào blog cũng giống như là cách chèn nhạc, video vào blog. Do đó ta cũng sử dụng đoạn mã HTML đã được giới thiệu trong bài viết trước. Ở đây ta cần biết địa chỉ phát các kênh truyền hình trực tuyến để thay vào Đường dẫn liên kết tới File video sao cho phù hợp. Địa chỉ phát các kênh truyền hình trực tuyến như sau:

VTV1: mms://210.245.126.153/VTV1/
VTV2: mms://210.245.126.153/VTV2/
VTV3: mms://210.245.126.153/VTV3/
VTV4: mms://210.245.126.153/VTV4/

VTC1: mms://www.vtc.com.vn:556/VTC1_2812
VTC2: mms://www.vtc.com.vn:556/VTC2_2813
VTC3: mms://www.vtc.com.vn:557/VTC3_2814
VTC4: mms://www.vtc.com.vn:556/VTC4_2815
VTC5: mms://www.vtc.com.vn:556/VTC5_2816

HTV9: mms://www.vtc.com.vn:557/HTV9_2821
HTV : mms://203.162.1.181/HTV

VOV1: mms://210.245.0.62/vov1
VOV2: mms://210.245.0.62/vov2
VOV3: mms://www.vtc.com.vn:557/VOV3
VOV6: mms://www.vtc.com.vn:557/VOV6

Bạn thay các địa chỉ phát tương ứng này vào Đường dẫn liên kết tới File video trong đoạn mã HTML đã nói ở bài trước. Ví dụ, muốn chèn kênh VTV1 vào blog, đoạn mã sẽ như sau:

<OBJECT id="VIDEO" width="400" height="370"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">

<PARAM NAME="URL" VALUE="mms://210.245.126.153/VTV1/">

<PARAM NAME="SendPlayStateChangeEvents" VALUE="True">

<PARAM NAME="AutoStart" VALUE="False">

<PARAM name="uiMode" value="full">

<PARAM name="PlayCount" value="9999">

<PARAM name="enabled" value="True">

</OBJECT>

Kết quả:

Được viết bởi Đặng Quốc Khánh @ vào lúc 09:25,

nguồn: www.di4vn.com

Các bạn có thể làm thêm theo cách này để chạy được trên Firefox:

<object id="winMediaPlayerID"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
type="application/x-oleobject" standby="Loading Microsoft Windows Media Player
components..." classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"
name="winMediaPlayer" height="370" width="401">
<param name="URL"
value="http://www.vtc.com.vn/detail.aspx?channel=3&amp;key=5c45689c6473bdc7e815a371025ec6ac">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value="0">
<param name="playCount" value="1">
<param name="CursorType" value="-1">
<param name="autoStart" value="1">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="volume" value="100">
<param name="mute" value="0">
<param name="stretchToFit" value="1">
<param name="windowlessVideo" value="0">
<param name="enabled" value="1">
<param name="fullScreen" value="0">
<param name="enableContextMenu" value="0">
<param name="enableErrorDialogs" value="0">
<embed type="application/x-mplayer2"
pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"
src="http://www.vtc.com.vn/detail.aspx?channel=3&amp;key=5c45689c6473bdc7e815a371025ec6ac"
id="winMediaPlayerIDFF" autosize="1" autostart="1" clicktoplay="1"
displaysize="1" enablecontextmenu="0" enablefullscreencontrols="1"
enabletracker="1" mute="0" playcount="1" showcontrols="1" showaudiocontrols="1"
showdisplay="0" showgotobar="0" showpositioncontrols="1" showstatusbar="1"
showtracker="1" height="370" width="410">
</object>

Ví dụ:

Căn bản về background trong css

Bài này giới thiệu những thuộc tính cơ bản của background trong một trang web. Nếu như bạn muốn thiết kế một blog đẹp tương đối thì không thể không biết phần này được, những gì trình bày bên dưới chỉ là những kiến thức tối thiểu và rất dễ thực hành, hy vọng sẽ giúp được các bạn phần nào!Màu nền:Trước khi chưa có sự ra đời của CSS, chúng ta chỉ có thể tạo được màu nền cho toàn trang hoặc cho một table nào đấy thôi. Công nghệ web phát triển cho phép ta có thể tạo màu nền bất cứ thành phần nào trên trang. Thuộc tính này trong CSS có cấu trúc giống nhau cho mọi tag là: background-color. Ví dụ:

Trước khi chưa có sự ra đời của CSS, chúng ta chỉ có thể tạo được màu nền cho toàn trang hoặc cho một table nào đấy thôi. Công nghệ web phát triển cho phép ta có thể tạo màu nền bất cứ thành phần nào trên trang. Thuộc tính này trong CSS có cấu trúc giống nhau cho mọi tag là: background-color. Ví dụ:

- cho một lớp:

.lop { background-color:blue; }

- lớp nằm trong một tag, ví dụ

div.lop { background-color:blue; }

- Một tag nào đấy, ví dụ

P { background-color:blue; }

Bạn có thể định nghĩa màu theo mã HEXA hoặc RGB.

Hình nền:

Với CSS, bạn cũng có thể tạo một hình nền cho bất cứ thành phần nào trên trang. Ví dụ:

td.tieude {background-image: url(http://host.com/images/tile.gif); }
.myclass {background-image: url(http://host.com/images/xyz.gif);

Nếu như trong cùng một lớp hoặc tag bạn định nghĩa đồng thời cả hình nền và màu nền thì theo thứ tự hình nền sẽ hiển thị trước và sau đó sẽ tới màu nền. Màu nền sẽ có tác dụng khi user tắt chế độ xem ảnh khi duyệt web.Ví dụ:

.myclass {background-color:#FF0000; }
.myclass {background-image: url(http://host.com/images/xyz.gif);

Điều chỉnh hình nền: Với một hình nền bất kì, bạn có thể cho phép ảnh đó lặp lại hay không, định vị trí, khóa hình nền,... Sau đây là một vài ví dụ:

- Hình nền không lặp lại (chỉ hiện 1 lần ở top left):

p { background-image: url(../images/bg.gif);
background-repeat: no-repeat; }

- Lặp lại theo chiều ngang:

p {background-image: url(../images/bg.gif);
background-repeat: repeat-x; }

- Lặp lại theo chiều dọc:

p {background-image: url(../images/bg.gif);
background-repeat: repeat-y; }

- Hình nền bị khóa, sẽ không trượt theo khi bạn scroll:

body {background-image: url(../images/bg.gif);
background-attachment: fixed; }

- Định vị trí cho hình nền. Ví dụ ở đây là góc bên phải phía dưới:

p {background-image: url(../img/bga.gif);
background-position: right bottom; }

- Định tọa độ đặc biệt cho hình nền, tính từ góc trên trái (top left):

p {background-position: 20px 15px; }

Câu lệnh rút gọn: Bạn có thể kết hợp những thứ linh tinh ở trên thành 1 câu lệnh duy nhất. Việc làm này giúp ta tiết kiệm thời gian hơn và code cũng sẽ đẹp hơn. Ví dụ:

body {background: #cc33ff url(images/background.gif) repeat-x top right; }

Các thành phần trên cũng không nhất thiết phải theo thứ tự như vậy, hoàn toàn có thể thay đổi được:

body {background: url(images/background.gif)#cc33ff repeat-x top right; }

và cuối cùng là bạn hãy thực hành lại vài lần, sẽ nắm được cái này ngay. Chúc bạn thành công!

Anh Võ (vietwebguide.blogspot.com)

Blogger hack: Mở rộng bài đăng theo kiểu hiển thị Peekaboo

Như bạn thấy, mỗi bài đăng trên blog này chỉ hiển thị phần đầu và mỗi khi bạn bấm trên Đọc tiếp... thì bài viết mới hiện ra đầy đủ, không phải tải lại, giúp blog nhanh hơn. Kỹ thuật này được phát triển bởi Ramani, khác với cách chèn đọc thêm (bài đăng phải tải lại một lần nữa) mà tôi có dịp giới thiệu trước đây. Để sử dụng kỹ thuật này trên blog, hãy thực hiện theo các bước sau:

Bước 1: Đăng nhập vào Blogger và chọn thẻ Template để sao lưu template của bạn.

Bước 2: Tại Edit HTML (Chỉnh sửa HTML) bạn kéo thanh trượt tìm tìm thẻ </head> (có thể nhấn đồng thời hai phím Ctrl + F để tìm) sau đó chép toàn bộ đoạn code dưới đây, dán phía trên thẻ này và lưu lại.

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
     var spans = post.getElementsByTagName('span');
     for (var i = 0; i &lt; spans.length; i++) {
          if (spans[i].id == "fullpost") {
              if (fade) {
                 spans[i].style.background = peekaboo_bgcolor;
                 Effect.Appear(spans[i]);
             } else spans[i].style.display = 'inline';
          }
          if (spans[i].id == "showlink")
              spans[i].style.display = 'none';
          if (spans[i].id == "hidelink")
              spans[i].style.display = 'inline';
     }
}


function hideFull(id) {
var post = document.getElementById(id);
     var spans = post.getElementsByTagName('span');
     for (var i = 0; i &lt; spans.length; i++) {
          if (spans[i].id == "fullpost") {
              if (fade) {
                spans[i].style.background = peekaboo_bgcolor;
                Effect.Fade(spans[i]);
              } else spans[i].style.display = 'none';
          }
          if (spans[i].id == "showlink")
              spans[i].style.display = 'inline';
          if (spans[i].id == "hidelink")
              spans[i].style.display = 'none';
     }
     post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
     var spans = post.getElementsByTagName('span');
     var found = 0;
     for (var i = 0; i &lt; spans.length; i++) {
          if (spans[i].id == "fullpost") {
              spans[i].style.display = 'none';
              found = 1;
          }
          if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
              spans[i].style.display = 'none';
     }
}

</script>

</b:if>

Bước 3: Bạn click chọn Expand Widget Templates sau đó tìm id='post' (có thể dùng Ctrl + F để tìm) có trên đoạn mã. Bây giờ hãy bổ sung các đoạn mã màu đỏ nằm đúng vị trí như dưới đây. Lưu ý: Một số template sẽ không có uncustomized-post-template nhưng bạn cũng không phải lo.

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>

 <a expr:name='data:post.id'/>
 <b:if cond='data:post.title'>
   <h3 class='post-title'>
   <b:if cond='data:post.url'>
     <a expr:href='data:post.url'><data:post.title/></a>

   <b:else/>
     <data:post.title/>
   </b:if>
   </h3>
 </b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

  <b:if cond='data:blog.pageType == "item"'>

     <p><data:post.body/></p>

  <b:else/>

     <style>#fullpost {display:none;}</style>
     <p><data:post.body/></p>
     <span id='showlink'>
       <p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Đọc thêm ...</a></p>

     </span>
     <span id='hidelink' style='display:none'>
       <p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Tóm tắt ...</a></p>
     </span>
     <script type='text/javascript'>

       checkFull("post-" + "<data:post.id/>");
     </script>
  </b:if>

  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Bạn có thể tùy biến Đọc thêm ... và Tóm tắt ... nằm trong đoạn mã trên theo ý thích của mình.

Bước 4: Thay đổi cách đăng bài. Bây giờ mỗi bài đăng của bạn phải thực hiện theo cấu trúc sau:

Phần đầu hay tóm tắt
<span id="fullpost">
Phần còn lại hay mở rộng
</span>

Bạn có thể tham khảo thêm nội dung Sử dụng kỹ thuật mở rộng bài viết của Template ba cột mà trước đây tôi có dịp giới thiệu để biết cách dùng chi tiết hơn.

Cập nhật thêm (Bước 3):

Để thao tác đơn giản hơn, thay vì bổ sung các đoạn mã màu đỏ như bước 3 ở trên bạn hãy
copy hết tất cả mã nằm trong khung đó và thay thế đoạn mã nằm trong khung dưới đây có trong Edit HTML (Nhớ check Expand Widget Templates ở trên khung quản lý đoạn mã trước):

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
 <a expr:name='data:post.id'/>
 <b:if cond='data:post.title'>
   <h3 class='post-title entry-title'>
  <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
  <b:else/>
     <b:if cond='data:post.url'>
       <a expr:href='data:post.url'><data:post.title/></a>
     <b:else/>
       <data:post.title/>
     </b:if>
  </b:if>
   </h3>
 </b:if>

 <div class='post-header-line-1'/>

 <div class='post-body entry-content'>
   <p><data:post.body/></p>
   <div style='clear: both;'/> <!-- clear for photos floats -->
 </div>

Chúc thành công!

nguồn: thuthuatblog.com

Nhớ password theo phong cách riêng

Bài viết dưới đây sẽ giới thiệu với bạn đọc một phương thức nhớ password theo phong cách riêng của mình. Với chương trình này, bạn sẽ không phải “vắt óc suy nghĩ” mật khẩu của hàng chục forum, hộp thư thường dùng. RoboForm sẽ giải thoát bạn khỏi tất cả những phiền toái đó.

RoboForm là phần mềm quản lý password, thông tin cá nhân và đăng nhập tự động. Chỉ cần nhấn vào một passcard, RoboForm sẽ tự đưa bạn đến website, tự điền username/password và tự đăng nhập. Phần mềm có thể lưu một loạt thông tin cá nhân từ tên – địa chỉ - email vv.. và tự động điền nếu cần thiết. Bạn có thể lưu cả các thông tin không liên quan đến máy tính trong các ghi chú Safenote, vd như .. mã số két sắt chẳng hạn.

Sau khi download, cài đặt và chạy RoboForm lần đầu tiên, phần mềm sẽ hỏi bạn các thông tin cá nhân. Bạn có thể tạo nhiều “lý lịch” phù hợp với nhu cầu của mình, và thậm chí thiết lập RoboForm tự điền thông tin mà không cần hỏi ý kiến mình (Option > AutoFill > AutoFill without asking).

RoboForm hiển thị dưới dạng toolbar nằm phia trên trình duyệt nếu bạn sử dụng Internet Explorer và FireFox. Mỗi khi đăng nhập vào một site yêu cầu username/password, chọn FillForms để tự động điền thông tin, hoặc Logins, phần mềm sẽ tự mở website cần đăng nhập, tự điền thông tin và tự login “hộ” bạn. Nếu có quá nhiều site cần nhớ (chuyện bình thường nếu bạn là dân mạng “thứ thiệt”), sử dụng search box để tìm đúng passcard mình cần.

Vậy passcard là gì? Khi đăng nhập vào website lần đầu tiên, RoboForm sẽ hỏi bạn có lưu passcard cho site đó không – bao gồm địa chỉ site, username, password, hoặc các thông tin khác. Một chức năng ấn tượng khác là PasswordGenerator – tự tạo một password ngẫu nhiên và lưu luôn trong RoboForm để tự điền khi cần thiết.

Passcard là thành phần quan trọng nhất của RoboForm, và bạn sẽ thấy quản lý bộ sưu tập passcard của mình thật dễ dàng. Mỗi passcard có thể cho vào một folder riêng, đem từ folder này qua folder khác bằng copy/paste. Một người dùng Internet chuyên nghiệp và có thói quen ghost máy định kì thay vì cài lại win sẽ rất thích thú với khả năng quản lý dữ liệu của RoboForm (Option > User Data) – chỉ cần backup, lưu thông tin ra một folder riêng và Import trở lại sau khi ghost xong – và bạn sẽ không cần bận tâm đến nỗi lo điền lại toàn bộ username/password của các site ưa thích.

Một điều cần chú ý: RoboForm mã hoá dữ liệu, lưu trong máy bạn đang sử dụng và bảo vệ nó bằng một masterpassword. Password chính này sẽ được hỏi ngay lần đầu tiên sử dụng RoboForm, và nếu quên, coi như bạn mất toàn bộ dữ liệu của mình. Bạn cũng có thể thiết lập sao cho RoboForm hỏi masterpassword mỗi lần bật máy, và không hỏi thêm lần nữa cho đến khi tắt máy hoặc sau mỗi khoảng thời gian nhất định. Hoặc là một người cẩn thận, hãy tự in danh sách username/password lưu trong RoboForm ra giấy phòng khi “có biến” bằng chức năng Print (Identities > print list).

Download RoboForm bản dùng thử tại đây

Roboform2Go – nhớ password trên … USB

Roboform2Go là phiên bản di động của Roboform cài trên USB, vẫn có hầu hết các chức năng ấn tượng của bản PC nhưng hoàn toàn không yêu cầu cài đặt – hết sức lý tưởng cho người dùng tại các quán Internet, thậm chí nếu cửa hàng không cho phép cài đặt phần mềm lên máy.

Cài đặt Roboform2Go cũng tương tự như bản PC, nhưng chọn USB disk để cài thay vì vào HDD trên máy. Bạn chỉ cần cắm ổ USB vào máy tính cần sử dụng, chạy file “PortableRoboForm.exe” và chờ vài giây để phần mềm load lên máy tính và hiển thị biểu tượng RoboForm2Go trên taskbar, sau đó gõ duy nhất masterpassword bằng bàn phím ảo. Muốn ngừng sử dụng, chỉ đơn giản .. rút USB ra, và quên đi mối lo keylogger mỗi khi dùng máy ngoài hàng net.

Một điểm cần chú ý: Nếu máy tính đang sử dụng có cài Roboform, phần mềm sẽ sử dụng các thông tin từ USB nếu bạn cắm USB chứa Roboform2Go vào máy.

Để tải Roboform bạn hãy truy nhập vào website Roboform

Roboform free bị giới hạn 10 passcard. Bạn có thể dùng thử Roboform2Go 30 ngày, và tiếp tục sử dụng nếu chỉ sử dụng dưới 10 passcard. Phiên bản Roboform Pro có giá 29,95 USD, Roboform2Go giá 19,95 USD.

( Theo Dantri )

Đọc thêm bài Làm thế nào để sử dụng RoboForm miễn phí

Tăng tốc website: Chuyện nhỏ!

Theo nghiên cứu thói quen sử dụng máy tính, người dùng sẽ chuyển sang trang khác nếu website không có “động tĩnh” gì sau 4 giây. Vì thế, tốc độ là yếu tố quan trọng và cũng là ưu thế khi truy nhập website.

Bài viết này sẽ giới thiệu với bạn đọc một số phương pháp làm tăng tốc độ truy nhập website của bạn. Theo nghiên cứu thói quen sử dụng máy tính, người dùng sẽ chuyển sang trang khác nếu website không có “động tĩnh” gì sau 4 giây. Vì thế, tốc độ là yếu tố quan trọng và cũng là ưu thế khi truy nhập website. Bài viết này sẽ giới thiệu với bạn đọc một số phương pháp làm tăng tốc độ truy nhập website của bạn.

1. Chuyển host lưu trữ file hoặc ảnh cỡ lớn sang nơi khác

Nhiều người cùng online một lúc có thể làm nghẽn đường truyền của bạn với hàng đống yêu cầu xem cùng một tấm hình trên website. Gánh nặng dữ liệu có thể chuyển sang những website chuyên để lưu trữ và chia sẻ ảnh như ImagaShack, Photobucket hay Flickr. Bằng cách này, máy chủ web của bạn chỉ cần đảm bảo phần text và file ảnh cỡ nhỏ, giảm đáng kể băng thông đồng nghĩa với việc phục vụ được nhiều người một lúc hơn.
Nếu muốn chia sẻ những file nhỏ, khoảng 2 – 5MB, với khách viếng thăm, bạn có thể sử dụng dịch vụ Google Pages như một máy chủ web phụ.

2. Tối ưu hóa mã CSS

Hiện nay, nhiều website bắt đầu sử dụng CSS (Cascade Style Sheet) để định dạng. Mặc dù bảng CSS nhìn bắt mắt và hiệu quả hơn định dạng bảng HTML, nhưng nó đòi hỏi bạn phải tối ưu hóa code của chúng mới mong đạt được tốc độ tối ưu. Đoạn mã CSS “sạch” sẽ giúp trình duyệt giải mã trang web nhanh hơn.

Ví dụ: Thay vì viết:
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;

Bạn nên viết:
margin: 20px 10px 20px 10px;

Theo các chuyên gia tối ưu hóa của Yahoo thì các mã CSS nên được đặt ở phần đầu của web. Điều này đặc biệt ý nghĩa nếu trang của bạn lớn và có nhiều đối tượng. Nếu bạn đặt CSS ở cuối hoặc giữa trang web, trình duyệt sẽ dùng định dạng mặc định để hiện thị, sau đó mới tái định dạng bằng CSS. Điều đó đòi hỏi thêm thời gian tính toán và tất nhiên người dùng sẽ khó chịu khi nhìn một website vỡ tung khi chưa định hình.Thậm chí, một số trình duyệt cũng cấm đặt CSS tại cuối website.

Nếu chưa thạo về code, công cụ trực tuyến nhỏ Clean CSS sẽ giúp bạn công đoạn tối ưu này, loại bỏ những khai báo thừa và khoảng trống vô nghĩa. Bạn có thể tham khảo tại website http://www.cleancss.com/.

3. Tối ưu hóa hình ảnh

Có 4 loại định dạng hình ảnh sử dụng phổ biến trên web: PNG, JPG, /JPEG và GIF. Hầu hết các phần mềm xử lý ảnh như Adobe Photoshop đều có tính năng “Save for Web” để tối ưu tỉ lệ giữa chất lượng hình và kích thước file.

4. Khai báo kích thước hình ảnh

Nhiều lập trình viên nghiệp dư “quên” khai báo tag chiều cao và rộng của ảnh khi viết mã HTML. Hai thông số này báo với trình duyệt kích thước của ảnh trước khi dữ liệu được tải về. Nếu không được khai báo trước, trình duyệt phải tự tính toán kích thước bằng cách download toàn bộ hình ảnh về, sau đó mới đến lượt các dữ liệu khác.

Khi khai báo hình ảnh có đầy đủ các tag, trình duyệt sẽ dành 1 khoảng trống vừa đúng kích thước ảnh và tiếp tục tải dữ liệu . Như vậy, người xem có thể đọc ngay phần văn bản trong khi hình ảnh vẫn tiếp tục được hiện ra từng phần.

5. Giảm thiểu sử dụng Javascript

Các hiệu ứng hoạt hình của Java script rất bắt mắt và nhiều người có xu hướng đưa chúng vào website của mình. Tuy nhiên, sử dụng quá nhiều Javascript có thể làm trình duyệt bị treo cứng khiến người dùng bực mình. Phải cân nhắc thật kỹ lưỡng trước khi sử dụng chúng.

Vị trí đặt các đoạn mã script cũng khá quan trọng đối với tốc độ hiển thị. Lời khuyên của dân lập trình chuyên nghiệp: chỉ để những script thực sự quan trọng có ảnh hưởng toàn trang lên đầu, còn những hiệu ứng khác (hoạt hình, thống kê,…) thì cho xuống cuối trang.

Việc đưa Javascript và CSS ra liên kết bên ngoài tốt hơn là chèn thẳng vào trang web. Những file này sẽ được lưu tại bộ nhớ đệm (cache) của trình duyệt và người dùng sẽ không phải download lại chúng mỗi khi cần đến. Nó giảm đáng kể thời gian và băng thông của máy chủ cũng như người dùng.

6. Tối ưu hóa liên kết

Chú ý mỗi đường link được đặt trên website hay blog của bạn được viết một cách ngắn gọn và chính xác. Ví dụ mỗi entry trên 360 Yahoo đều có 1 phần “Permanent Link” để lấy liên kết chính xác và gọn gàng hơn nhiều so với những gì hiển thị trên ô địa chỉ (address bar) của trình duyệt. Việc sử dụng chính xác đường link sẽ giảm bớt những yêu cầu không đáng có đối với máy chủ trong một số trường hợp.

7. Giảm bớt các yêu cầu HTTP tới máy chủ

Khi mở website, mỗi đối tượng trên trang (hình ảnh, script, hình vẽ, đường kẻ, …) đều tạo ra 1 yêu cầu tới máy chủ để tải về. Tất nhiên, càng nhiều đối tượng thì việc tải về càng lâu hơn. Vì thế, hãy giảm thiểu số đối tượng trên cùng 1 trang và cố gắng gộp file CSS với các script lại với nhau.

(Theo VNN)

Cách ngăn chặn những spam comment trên Yahoo! 360

Trong email có nạn spam mail, nay trên các blog lại xảy ra nạn spam comment, nghĩa là hàng trăm ý kiến giống nhau được gửi vào hộp comment trên blog của bạn mỗi ngày. Bài viết này sẽ giúp bạn đối phó tình trạng này.

Hiện nay, nhiều blogger của Yahoo! 360 đều than phiền những tay spam liên tục khủng bố blog bằng hàng trăm comment rác giống nhau trong một ngày. Việc này gây rất nhiều phiền toái là không thể xóa hết comment đó và làm tăng page view cao ngất trời một cách giả tạo.

Yahoo! 360 cũng đối phó với những tay spam bằng cách sau: khi commnet liên tục với nội dung giống nhau được 500 lần thì Yahoo tự động báo lỗi Sorry, Unable to process request at this time - error 999. Trang blog sẽ không truy cập được.

Lúc này Yahoo! 360 sẽ ghi nhận địa chỉ IP của máy, kể từ đây những tay spam thường phải thêm chữ blog. (sau blog có dấu chấm) vào trước địa chỉ blog thì mới vào blog được, sau khi thêm chữ blog thì không thể spam được nữa, chỉ comment được 1 đến 2 ý mỗi lần. Tuy nhiên các tay spam vẫn có thể đổi địa chỉ IP của mình để tiếp tục spam một cách thành công, vì vậy bạn hãy tự tay đối phó theo các cách sau đây:

Cách 1: Bạn vào blog của bạn. Tại trang MyPage, bạn để ý ở All Comments nằm góc dưới bên trái, bên cạnh có chữ Settings, bấm Settings, chọn chế độ Friends of Friends (chỉ có bạn bè được mời có quyền comment). Ở chế độ này, dù spam thì cũng chỉ hiện ra các biểu tượng ở Select a quick comment. Hãy chọn chế độ Justme (chỉ có bạn được comment).

Cách 2: Yahoo! 360 hiện có nhờ các blogger thông báo có spam ở blog mình, sau khi xác nhận đúng thông tin thì Yahoo! 360 sẽ có biện pháp xử lý thích đáng.

Những blogger nào tự spam comment vào blog của mình hay blog của người khác thì Yahoo! 360 có biện pháp cảnh báo và hình phạt cao nhất là xóa blog luôn (nhưng địa chỉ email vẫn sử dụng bình thường). Nếu các bạn blogger phát hiện blog nào có nội dung sex, hoặc phát tán spam comment có thể gửi thư đến Yahoo Customer Care nhờ họ can thiệp. Đối với yahoo, có thể liên lạc với địa chỉ http://help.yahoo.com/l/us/yahoo/360/abuse.html?from_url=http://help.yahoo.com/l/us/yahoo/360/guidelines/guidelines-05.html

(Theo Làm Bạn Với Máy Tính)

nguồn "VietNamNet"

Website Việt không ".vn" có thể bị phạt tiền

Các tổ chức, cá nhân khi thiết lập trang thông tin điện tử không sử dụng tên miền quốc gia Việt Nam “.vn” phải thông báo với Bộ Thông tin và Truyền thông qua trang web http://thongbaotenmien.vn. Trường hợp cá nhân, tổ chức vi phạm sẽ bị xử phạt từ 2-5 triệu đồng (theo NĐ 63).

Theo Trung tâm Internet Việt Nam (VNNIC), tính tới thời điểm hiện tại chỉ có 394 cá nhân, tổ chức đăng ký so với gần 40.000 tên miền cấp cao dùng chung được đăng ký từ Việt Nam. Trong thời gian tới thanh tra các sở và Bộ Thông tin và Truyền thông sẽ tăng cường kiểm soát vấn đề này.

Một số tên miền đã bị xử phạt là: vn-n.com; habecovn.com; bwportal.com, bwportal.net .... và gần đây nhất là tên miền tuoitrehanhdong.com.

Quy định về việc thiết lập trang thông tin điện tử tại Điều 23 – Luật Công nghệ Thông tin: Khoản 2. “Tổ chức, cá nhân khi thiết lập trang thông tin điện tử không sử dụng tên miền quốc gia Việt Nam “.vn” phải thông báo trên môi trường mạng với Bộ Bưu chính, Viễn thông (nay là bộ Thông tin & Truyền thông) những thông tin sau đây: a) Tên tổ chức ghi trong quyết định thành lập, giấy phép hoạt động, giấy chứng nhận đăng ký kinh doanh hoặc giấy phép mở văn phòng đại diện; tên cá nhân; b) Số, ngày cấp, nơi cấp chứng minh thư nhân dân hoặc số, ngày cấp, nơi cấp hộ chiếu của cá nhân; c) Địa chỉ trụ sở chính của tổ chức hoặc nơi thường trú của cá nhân; d) Số điện thoại, số fax, địa chỉ thư điện tử; đ) Các tên miền đã đăng ký.” Khoản 3. “Tổ chức, cá nhân phải chịu trách nhiệm trước pháp luật về tính chính xác của các thông tin quy định tại khoản 2 Điều này, khi thay đổi thông tin thì phải thông báo về sự thay đổi đó”.

(Theo Lao Động)

7 thủ thuật tăng tốc website

Nghiên cứu thói quen sử dụng máy tính cho thấy người dùng sẽ chuyển sang trang khác nếu website không có “động tĩnh” gì sau 4 giây. Vì thế, tốc độ là yếu tố quan trọng và cũng là ưu thế cạnh tranh để cung cấp thông tin.

7 thủ thuật dưới đây sẽ tăng đáng kể website của bạn.

1. Chuyển host lưu trữ file hoặc ảnh cỡ lớn sang nơi khác:

Dịch vụ ImageShack được nhiều người làm nơi lưu trữ ảnh cho website.

Nhiều người cùng online một lúc có thể làm nghẽn đường truyền của bạn với hàng đống yêu cầu xem cùng một tấm hình trên website. Gánh nặng dữ liệu có thể chuyển sang những website chuyên để lưu trữ và chia sẻ ảnh như ImagaShack, Photobucket hay Flickr. Bằng cách này, máy chủ web của bạn chỉ cần đảm bảo phần text và file ảnh cỡ nhỏ, giảm đáng kể băng thông đồng nghĩa với việc phục vụ được nhiều người một lúc hơn.

Nếu muốn chia sẻ những file nhỏ, khoảng 2 – 5MB, với khách viếng thăm, bạn có thể sử dụng dịch vụ Google Pages như một máy chủ web phụ.

2. Tối ưu hóa mã CSS:

Hiện nay, nhiều website bắt đầu sử dụng CSS (Cascade Style Sheet) để định dạng. Mặc dù bảng CSS nhìn bắt mắt và hiệu quả hơn định dạng bảng HTML, nhưng nó đòi hỏi bạn phải tối ưu hóa code của chúng mới mong đạt được tốc độ tối ưu. Đoạn mã CSS “sạch” sẽ giúp trình duyệt giải mã trang web nhanh hơn.

Ví dụ: Thay vì viết:

margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;

Bạn nên viết:

margin: 20px 10px 20px 10px;

Theo các chuyên gia tối ưu hóa của Yahoo thì các mã CSS nên được đặt ở phần đầu của web. Điều này đặc biệt ý nghĩa nếu trang của bạn lớn và có nhiều đối tượng. Nếu bạn đặt CSS ở cuối hoặc giữa trang web, trình duyệt sẽ dùng định dạng mặc định để hiện thị, sau đó mới tái định dạng bằng CSS. Điều đó đòi hỏi thêm thời gian tính toán và tất nhiên người dùng sẽ khó chịu khi nhìn một website vỡ tung khi chưa định hình.Thậm chí, một số trình duyệt cũng cấm đặt CSS tại cuối website.

Nếu chưa thạo về code, công cụ trực tuyến nhỏ Clean CSS sẽ giúp bạn công đoạn tối ưu này, loại bỏ những khai báo thừa và khoảng trống vô nghĩa. Bạn có thể tham khảo tại đây.

3. Tối ưu hóa hình ảnh:

Sử dụng tính năng Save for Web để loại bớt những thông tin không cần thiết và tối ưu kích thước ảnh.

Có 4 loại định dạng hình ảnh sử dụng phổ biến trên web: PNG, JPG, /JPEG và GIF. Hầu hết các phần mềm xử lý ảnh như Adobe Photoshop đều có tính năng “Save for Web” để tối ưu tỉ lệ giữa chất lượng hình và kích thước file.

4. Khai báo kích thước hình ảnh:

Nhiều lập trình viên nghiệp dư “quên” khai báo tag chiều cao và rộng của ảnh khi viết mã HTML. Hai thông số này báo với trình duyệt kích thước của ảnh trước khi dữ liệu được tải về. Nếu không được khai báo trước, trình duyệt phải tự tính toán kích thước bằng cách download toàn bộ hình ảnh về, sau đó mới đến lượt các dữ liệu khác.

Khi khai báo hình ảnh có đầy đủ các tag, trình duyệt sẽ dành 1 khoảng trống vừa đúng kích thước ảnh và tiếp tục tải dữ liệu . Như vậy, người xem có thể đọc ngay phần văn bản trong khi hình ảnh vẫn tiếp tục được hiện ra từng phần.

5. Giảm thiểu sử dụng Javascript:

Các hiệu ứng hoạt hình của Java script rất bắt mắt và nhiều người có xu hướng đưa chúng vào website của mình. Tuy nhiên, sử dụng quá nhiều Javascript có thể làm trình duyệt bị treo cứng khiến người dùng bực mình. Phải cân nhắc thật kỹ lưỡng trước khi sử dụng chúng.

Vị trí đặt các đoạn mã script cũng khá quan trọng đối với tốc độ hiển thị. Lời khuyên của dân lập trình chuyên nghiệp: chỉ để những script thực sự quan trọng có ảnh hưởng toàn trang lên đầu, còn những hiệu ứng khác (hoạt hình, thống kê,…) thì cho xuống cuối trang.

Việc đưa Javascript và CSS ra liên kết bên ngoài tốt hơn là chèn thẳng vào trang web. Những file này sẽ được lưu tại bộ nhớ đệm (cache) của trình duyệt và người dùng sẽ không phải download lại chúng mỗi khi cần đến. Nó giảm đáng kể thời gian và băng thông của máy chủ cũng như người dùng.

6. Tối ưu hóa liên kết:

Chú ý mỗi đường link được đặt trên website hay blog của bạn được viết một cách ngắn gọn và chính xác. Ví dụ mỗi entry trên 360 Yahoo đều có 1 phần “Permanent Link” để lấy liên kết chính xác và gọn gàng hơn nhiều so với những gì hiển thị trên ô địa chỉ (address bar) của trình duyệt. Việc sử dụng chính xác đường link sẽ giảm bớt những yêu cầu không đáng có đối với máy chủ trong một số trường hợp.

7. Giảm bớt các yêu cầu HTTP tới máy chủ:

Khi mở website, mỗi đối tượng trên trang (hình ảnh, script, hình vẽ, đường kẻ, …) đều tạo ra 1 yêu cầu tới máy chủ để tải về. Tất nhiên, càng nhiều đối tượng thì việc tải về càng lâu hơn. Vì thế, hãy giảm thiểu số đối tượng trên cùng 1 trang và cố gắng gộp file CSS với các script lại với nhau.

• Hưng Hải (tổng hợp)

nguồn "VietNamNet"