Tạo thanh điều hướng tối ưu hóa SEO cho Blogger

Trước đây vài tháng mình có đăng một bài viết trên blog 7phut.net về thủ thuật tạo thanh điều hướng SEO cho Blogger, hôm nay mình xin post lại nguyên mẫu bài viết cũ và sửa lại một số thành phần cấu trúc link.

1. Đăng nhập vào Blogger.com sau đó tiến hành chỉnh sửa mẫu
2. Bật chế độ xem toàn bộ code chi tiết (Expand Widget Templates) và tìm ]]></b:skin>.
Thay thế  ]]></b:skin> bằng đoạn CSS

.breadcrumbs{padding:5px;background-color:#EEE;font-size:90%;color:black;height:16px;line-height:16px}
.breadcrumbs{padding:5px;background-color:#EEE;font-size:80%;color:black;height:16px;line-height:16px}
.breadcrumbs a{color:#B30B0B}
.breadcrumbs a:hover{color:black}
a.bhome{display:block;height:16px;float:left;text-indent:-9999px;background-repeat:no-repeat;}
 ]]></b:skin>

Tiếp tục bấm vào form HTML và nhấn Ctrl+F để tìm đoạn XML sau :

<b:includable id='post' var='post'>

Thay thế nó bằng :

<b:includable id='post' var='post'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Trang chủ</a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
<b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Tổng hợp
</b:if>
</b:loop>
&#187; <data:post.title/>
</div>
</b:if>

Sao lưu kết quả,  và kiểm tra bằng công cụ kiểm tra cấu trúc của google tại đây : Link
Chúc các bạn thực hiện thành công !

Tin Học Số ( TinHocSo.Net )

Cách chèn Video với HTML 5

HTML5 hỗ trợ thẻ <video> để chèn các file video theo cách mặc định, tuy nhiên hiện nay thẻ này vẫn đang được phát triển, nó vẫn chưa hoạt động được trên một số trình duyệt.

Các trình duyệt hỗ trợ thẻ <video> bao gồm : Firefox 3.5, Safari 3 / 4, Chrome và Opera
Các trình duyệt không hỗ trợ : IE 8, IE 7, IE 6, IE 5, IE 4, IE 3, IE 2, IE 1, Netscape .v.v…..
HTML5 hiện nay hỗ trợ một số codec video và audio như H.264, Theora, AAC, Vorbis và định dạng có đuôi  .MP4, .Ogg. Tuy nhiên tới thời điểm này thì không phải trình duyệt nào cũng hỗ trợ toàn bộ các codec trên.
Đây là danh sách codec / trình duyệt hỗ trợ :
Theora, Vorbis, Ogg : Firefox, Opera, Chrome
H.264, AAC, MP4 : Chrome, Saíari, Iphone, Android
Nếu như muốn người xem có thể xem được video trên tất cả các trình duyệt thì e rằng hiện nay bạn phải encode video của bạn nhiều hơn một định dạng. À quyên và để encode video theo codec H.264 thì bạn sẽ phải trả một khoản phí bản quyền nữa
Riêng encode sang ogg thì hiện nay chắc các bạn điều biết các phần mềm đổi định dạng rồi nên mình bỏ qua phần này.
Riêng Firefox có một add on giúp chuyển video sang dịnh dạng ogg là : Firefogg.
Trang chủ firefogg : http://firefogg.org
HTML5 với thẻ <video> bạn có thể chèn video theo các cách sau đây :
Một file video đơn: Đơn giản là chèn đường dẫn file video vào thuộc tính src, giống như khi chèn hình ảnh  : <img src=”…..” />, còn đối với video thì ta chỉ cần thay bằng thẻ <video> :

<video src="something.ogv"> </video>

Thêm yếu tố cố định chiều rộng và chiều cao cho video width và height. Nếu bạn có lỡ đặt chiều rộng hoặc chiều cao nhỏ hơn  so với chiều rộng / cao thực sự của video thì video đó sẽ được tự động căn giữa thay vì làm giãn video như đối với hình ảnh. Ví dụ :

<video src="something.ogv" height="240" width="320"></video>

Khi chèn video với HTML5 thì video của bạn bình thường khi hiển thị sẽ không có bảng điều khiển, để thêm bảng điều khiển cho video thì bạn phải tự thiết kết lấy một cái thôi, bạn có thể thiết kế giao diện bảng điều khiển thông qua HTML, CSS và Javascript
Còn nếu không muốn (thể) hoặc ngại thiết kế bạn có thể sử dụng giao diện mặc định bằng cách thêm thuộc tính controls vào trong thẻ <video>. Ví dụ :

<video src="something.ogv" wight="320" height="240" controls></video>

Tiếp theo là 2 thuộc tính preload và autoplay :
Thuộc tính preload sẽ tự động tải video ngay sau khi truy cập vào trang web chứa video đó, dĩ nhiên nếu chèn thuộc tính này thì bạn cần chắc là người dùng thực sự muốn xem video đó không thì sẽ hao tổn lượng băng thông lớn một cách lãng phí.  Ví dụ :

<video src="something.ogv" height="240" width="320" preload></video>

Để tắt thuộc tính này bạn thêm giá trị none cho thuộc tính preload. Ví dụ :

<video src="something.ogv" preload="none" height="240" width="320"></video>

Thuộc tính autoplay sẽ tự động chạy video ngay khi truy cập vào trang web chứa video đó, theo mình cái này nên hạn chế sử dụng, không ai thích việc truy cập vào một đang đọc tin và giật thót tim vì có cái gì đó đang kêu. Trước kia hay giật mình vì cái “Mỗi ngày tôi chọn một niềm vui…….” của trang ACB, cứ như là muốn đuổi khách đi quá . Ví dụ cho thuộc tính này :

<video src="something.ogv" height="240" width="320" autoplay></video>

HTML5 với thẻ <video> hiện tại thì nếu bạn muốn người truy cập xem được video trên hầu hết các trình duyệt thì bạn cần encode video đó ra 2 định dạng có đuôi là .ogv và .mp4, vậy làm sao để chèn một lúc 2 video khác định dạng vào cùng một thẻ ? với HTML5 thì bạn chỉ cần sử dụng thuộc tính source để thêm nhiều video trên cùng một thẻ, trình duyệt sẽ tự động chạy các video theo thứ tự, nếu video không chạy được thì trình duyệt sẽ dừng tải file đó và sang file video tiếp theo. Ví dụ :

<video controls="controls" height="240" width="320">
<source src="something.ogv" type="video/ogg; codecs="theora, vorbis" ">
<source src="something.mp" type="video/mp4; codecs="avc1.4201E, mp4a.40.2" ">
</video>

Ở ví dụ trên chúng ta có thêm thuộc tính type, thuộc tính type có 3 giá trị lần lượt chỉ : định dạng, video codec và audio codec. Ví dụ như với file something.ogv thì thuộc tính type chỉ định dạng là OGG, video codec là theora và audio codec là vorbis.
HTML5 cùng thẻ <video> trên Internet Explorer
Đợi đã, chẳng phải IE không hỗ trợ HTML5, vậy làm sao mà có thể hiển thị được thẻ <video> của HTML5 trên IE ? Bốc phét hả ?
Trả lời : Vì IE không hỗ trợ HTML5 nên chúng ta cần phải sử dụng một script để hiển thị HTML5 thông qua nền flash.
Hiện nay có một phần mềm mã nguồn mở là FlowPlayer hỗ trợ việc chạy các file encode H.264 và AAC định dạng MP4, việc của bạn là upload 2 file bao gồm .swf và một file Javascript lên hosting. Và do FlowPlayer không hiểu thẻ <video> nên chúng ta phải nhét thêm một file Javascript nữa lên hosting để chuyển trực tiếp thẻ <video> sang thành Flash.
Ở đây chúng ta có 2 file Javascript cần đưa vào site là : flowplayer.min.js của FlowPlayer và html5-video.js được cung cấp bởi DiveIntoHTML5
Trang chủ FlowPlayer : http://flowplayer.org
Ví dụ :

…
…
<script src="flowplayer.min.js">

<script src="html5-video.js">
...
...

Tiếp theo bạn cần làm cho IE nhận dạng được thẻ <video> và <source> nếu không thì công của chúng ta từ bước 1 coi như công cốc, thêm 1 file javascript khác là “HTML5 Enabling Script” lên đầu trang.
Link HTML5 Enabling Script
Ví dụ :

<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
<![endif]-->

Sau khi thêm các file từ bước 1 đến tận bước 2 thì bây giờ khi bạn dùng thẻ <video> IE sẽ tự động nhận dạng và chuyển sang Flash để sử dụng FlowPlayer cho việc hiển thị / chạy video. Ví dụ :

<video id="movie" preload="none" controls="controls" height="240" width="320">
<source src="pr6.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"">
<source src="pr6.ogv" type="video/ogg; codecs="theora, vorbis"">
</video>

Vậy là bạn có thể sử dụng “thử nghiệm” HTML5 trên các trình duyệt được rồi, bạn có thể sử dụng server di động  để thử nghiệm mà không làm ảnh hưởng tới website / blog chính của bạn, tới đây chắc chắn IE9 sẽ hỗ trợ HTML5 mặc dù chưa thấy Microsoft thông báo gì cả, HTML5 sẽ tiếp tục phát triển rộng. Dù vậy theo các chuyên gia thì cần ít nhất đến năm 2020 thì CSS3 với HTML5 mới ở mức phổ biến. Còn mình thì tiếp tục chờ CSS4 và HTML6.

Nguồn DiveIntoHTML5

Tinhocso.net tặng 25 tên miền quốc tế miễn phí/1 năm

Sau hàng loạt các sự kiện tặng tài nguyên trên Tinhocso.net nhưng vẫn chưa nhận được nhiều phản hồi từ phía độc giả. Tiếp theo từ ngày 13/06/2013 tinhocso.net sẻ tặng 25 tên miền miễn phí cho các độc giả, blogger, webmaster đã góp phần quảng bá website tinhocso.net
Bằng cách chia sẻ trang này tới bạn của bạn trên Facebook ( Nhờ họ click vào links ) và tiếp tục chia sẻ lên 10 website/diễn đàn về công nghệ thông tin, gia đình...

Cách tham gia :
Đăng ký thông tin dưới bài viết này ( comments) gồm tên và địa chỉ email + web/blog + Link bài viết Facebook đã chia sẻ và danh sách links 10 bài viết mà bạn đăng trên các web khác.
Domain được phép đăng ký nhận : .com/net/us/info
Thời gian sử dụng : 1 năm kể từ ngày đăng ký
Quản lý: Tài khoản quản lý tại Digistar.vn hoặc Godady.com
Trân trọng thông báo  !

Code Java công cụ mã hóa HTML

Đây là mã nguồn code dùng để tạo tool mã hóa HTML
Xem Công cụ mã hóa HTML này

<script type="text/javascript">document.write('\u003c\u0074\u0069\u0074\u006c\u0065\u003e\u0048\u0054\u004d\u004c\u0020\u0045\u006e\u0063\u006f\u0064\u0065\u0072\u003c\u002f\u0074\u0069\u0074\u006c\u0065\u003e\u000a\u003c\u0073\u0063\u0072\u0069\u0070\u0074\u0020\u0073\u0072\u0063\u003d\u0022\u0068\u0074\u0074\u0070\u0073\u003a\u002f\u002f\u0064\u006c\u002e\u0064\u0072\u006f\u0070\u0062\u006f\u0078\u0075\u0073\u0065\u0072\u0063\u006f\u006e\u0074\u0065\u006e\u0074\u002e\u0063\u006f\u006d\u002f\u0075\u002f\u0031\u0038\u0030\u0031\u0038\u0039\u0037\u0033\u0037\u002f\u0075\u006e\u0069\u0043\u006f\u006e\u0076\u0065\u0072\u0074\u0065\u0072\u002e\u006a\u0073\u0022\u0020\u0074\u0079\u0070\u0065\u003d\u0022\u0074\u0065\u0078\u0074\u002f\u006a\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u0022\u003e\u003c\u002f\u0073\u0063\u0072\u0069\u0070\u0074\u003e\u000a\u003c\u0021\u002d\u002d\u0064\u0065\u0070\u0065\u006e\u0064\u0061\u006e\u0074\u002d\u002d\u003e\u000a\u000a\u000a\u000a\u003c\u0062\u006f\u0064\u0079\u003e\u000a\u000a\u003c\u0074\u0061\u0062\u006c\u0065\u0020\u0063\u0065\u006c\u006c\u0070\u0061\u0064\u0064\u0069\u006e\u0067\u003d\u0022\u0030\u0022\u0020\u0063\u0065\u006c\u006c\u0073\u0070\u0061\u0063\u0069\u006e\u0067\u003d\u0022\u0030\u0022\u003e\u0020\u0020\u000a\u003c\u0074\u0062\u006f\u0064\u0079\u003e\u000a\u003c\u0074\u0072\u003e\u0020\u0020\u0020\u0020\u000a\u000a\u000a\u003c\u0074\u0064\u0020\u0069\u0064\u003d\u0022\u0073\u0069\u0064\u005f\u0063\u006f\u006e\u0074\u0065\u006e\u0074\u0022\u003e\u000a\u000a\u000a\u000a\u000a\u000a\u000a\u000a\u000a\u000a\u003c\u0066\u006f\u0072\u006d\u0020\u0061\u0063\u0074\u0069\u006f\u006e\u003d\u0022\u006a\u0061\u0076\u0061\u0073\u0063\u0072\u0069\u0070\u0074\u003a\u006c\u006f\u0063\u0061\u0074\u0069\u006f\u006e\u002e\u0068\u0072\u0065\u0066\u003b\u0076\u006f\u0069\u0064\u0020\u0030\u0022\u0020\u0069\u0064\u003d\u0022\u0070\u0072\u006f\u0067\u0072\u0061\u006d\u0022\u0020\u006f\u006e\u0073\u0075\u0062\u006d\u0069\u0074\u003d\u0022\u0072\u0065\u0074\u0075\u0072\u006e\u0020\u0073\u0075\u0062\u006d\u0069\u0074\u0048\u006e\u0064\u006c\u0072\u0028\u0029\u0022\u003e\u000a\u003c\u0064\u0069\u0076\u003e\u000a\u003c\u0068\u0031\u003e\u000a\u0048\u0054\u004d\u004c\u0020\u0045\u006e\u0063\u006f\u0064\u0065\u0072\u003c\u002f\u0068\u0031\u003e\u000a\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0064\u0069\u0076\u003e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003c\u0064\u0069\u0076\u003e\u000a\u003c\u0062\u003e\u0048\u0054\u004d\u004c\u0020\u0049\u006e\u0070\u0075\u0074\u003a\u003c\u002f\u0062\u003e\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0074\u0065\u0078\u0074\u0061\u0072\u0065\u0061\u0020\u0063\u006f\u006c\u0073\u003d\u0022\u0035\u0030\u0022\u0020\u0069\u0064\u003d\u0022\u0069\u006e\u0070\u0075\u0074\u0022\u0020\u0072\u006f\u0077\u0073\u003d\u0022\u0031\u0032\u0022\u0020\u0073\u0074\u0079\u006c\u0065\u003d\u0022\u0077\u0069\u0064\u0074\u0068\u003a\u0020\u0031\u0030\u0030\u0025\u003b\u0022\u003e\u003c\u002f\u0074\u0065\u0078\u0074\u0061\u0072\u0065\u0061\u003e\u000a\u0020\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0064\u0069\u0076\u0020\u0073\u0074\u0079\u006c\u0065\u003d\u0022\u006d\u0061\u0072\u0067\u0069\u006e\u002d\u0062\u006f\u0074\u0074\u006f\u006d\u003a\u0020\u0032\u0065\u006d\u003b\u0020\u006d\u0061\u0072\u0067\u0069\u006e\u002d\u0074\u006f\u0070\u003a\u0020\u0032\u0065\u006d\u003b\u0022\u003e\u000a\u0020\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u003c\u0069\u006e\u0070\u0075\u0074\u0020\u0074\u0079\u0070\u0065\u003d\u0022\u0073\u0075\u0062\u006d\u0069\u0074\u0022\u0020\u0076\u0061\u006c\u0075\u0065\u003d\u0022\u0045\u006e\u0063\u006f\u0064\u0065\u0020\u0048\u0054\u004d\u004c\u0022\u0020\u002f\u003e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u003c\u0069\u006e\u0070\u0075\u0074\u0020\u0064\u0069\u0073\u0061\u0062\u006c\u0065\u0064\u003d\u0022\u0022\u0020\u0069\u0064\u003d\u0022\u0072\u0065\u0073\u0065\u0074\u0022\u0020\u006f\u006e\u0063\u006c\u0069\u0063\u006b\u003d\u0022\u0072\u0065\u0073\u0065\u0074\u0048\u006e\u0064\u006c\u0072\u0028\u0029\u0022\u0020\u0074\u0079\u0070\u0065\u003d\u0022\u0072\u0065\u0073\u0065\u0074\u0022\u0020\u002f\u003e\u000a\u0020\u0020\u0020\u0020\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0064\u0069\u0076\u003e\u000a\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003c\u0064\u0069\u0076\u003e\u000a\u003c\u0062\u003e\u0045\u006e\u0063\u006f\u0064\u0065\u0064\u0020\u0048\u0054\u004d\u004c\u0020\u006f\u0075\u0074\u0070\u0075\u0074\u003a\u003c\u002f\u0062\u003e\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0074\u0065\u0078\u0074\u0061\u0072\u0065\u0061\u0020\u0063\u006f\u006c\u0073\u003d\u0022\u0035\u0030\u0022\u0020\u0064\u0069\u0073\u0061\u0062\u006c\u0065\u0064\u003d\u0022\u0022\u0020\u0069\u0064\u003d\u0022\u006f\u0075\u0074\u0070\u0075\u0074\u0022\u0020\u0072\u006f\u0077\u0073\u003d\u0022\u0031\u0032\u0022\u0020\u0073\u0074\u0079\u006c\u0065\u003d\u0022\u0077\u0069\u0064\u0074\u0068\u003a\u0020\u0031\u0030\u0030\u0025\u003b\u0022\u003e\u003c\u002f\u0074\u0065\u0078\u0074\u0061\u0072\u0065\u0061\u003e\u000a\u0020\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u0064\u0069\u0076\u0020\u0073\u0074\u0079\u006c\u0065\u003d\u0022\u006d\u0061\u0072\u0067\u0069\u006e\u002d\u0074\u006f\u0070\u003a\u0020\u0031\u0065\u006d\u003b\u0022\u003e\u000a\u0020\u0020\u0020\u0020\u003c\u0069\u006e\u0070\u0075\u0074\u0020\u0064\u0069\u0073\u0061\u0062\u006c\u0065\u0064\u003d\u0022\u0022\u0020\u0069\u0064\u003d\u0022\u0073\u0065\u006c\u0065\u0063\u0074\u0022\u0020\u006f\u006e\u0063\u006c\u0069\u0063\u006b\u003d\u0022\u0065\u004f\u0075\u0074\u002e\u0073\u0065\u006c\u0065\u0063\u0074\u0028\u0029\u0022\u0020\u0074\u0079\u0070\u0065\u003d\u0022\u0062\u0075\u0074\u0074\u006f\u006e\u0022\u0020\u0076\u0061\u006c\u0075\u0065\u003d\u0022\u0053\u0065\u006c\u0065\u0063\u0074\u0020\u0054\u0065\u0078\u0074\u0022\u0020\u002f\u003e\u0020\u000a\u0020\u003c\u002f\u0064\u0069\u0076\u003e\u000a\u003c\u002f\u0066\u006f\u0072\u006d\u003e\u000a\u003c\u002f\u0074\u0064\u003e\u000a\u003c\u002f\u0074\u0072\u003e\u000a\u003c\u002f\u0074\u0062\u006f\u0064\u0079\u003e\u003c\u002f\u0074\u0061\u0062\u006c\u0065\u003e\u000a\u003c\u002f\u0062\u006f\u0064\u0079\u003e')</script><script type="text/javascript">document.write('\u0068\u0074\u0074\u0070\u003a\u002f\u002f\u0077\u0077\u0077\u002e\u0074\u0069\u006e\u0068\u006f\u0063\u0073\u006f\u002e\u006e\u0065\u0074\u002f\u0032\u0030\u0031\u0033\u002f\u0030\u0034\u002f\u0063\u006f\u0064\u0065\u002d\u0063\u0068\u0065\u006e\u002d\u0069\u0066\u0072\u0061\u006d\u0065\u002d\u0067\u0069\u0075\u0070\u002d\u0074\u0061\u006e\u0067\u002d\u0072\u0061\u006e\u006b\u002e\u0068\u0074\u006d\u006c')</script>

Trên là đoạn code Java, chỉ cần copy và chèn vào noi cần hiễn thị là chạy được rồi

Full Text RSS cho VBB Leech bài miễn phí

Đây là một số RSS sạch và full bài viết về thủ thuật máy tính và phần mềm miễn phí từ blog của mình nhé. Một phần giúp các bạn có thêm bài viết mặc khác cũng giúp mình kiếm được một số backlinks.

Blog của mình tại www.tinhocso.net chuyên về Thủ Thuật Máy Tính
RSS toàn trang : ( Chỉ sử dụng link RSS này sẻ lấy toàn bộ bài của Tinhocso.net )
http://www.tinhocso.net/feeds/posts/default?alt=rss
Đây là một số RSS thư mục có sẵn : 
http://www.tinhocso.net/feeds/posts/default/-/Download
http://www.tinhocso.net/feeds/posts/default/-/Thủ thuật
http://www.tinhocso.net/feeds/posts/default/-/Bảo mật
http://www.tinhocso.net/feeds/posts/default/-/(thay nhãn thư mục bên dưới vào đây)
Đây là một số thư mục (nhãn) mà bạn có thể thay vào link trên để leech bài nhé :
Audio, Blogger, Blogger Templates, Bảo mật, Bẻ khóa, Bộ gõ tiếng Việt, Chỉnh sửa ảnh, CSS, CSS3, Công cụ hỗ trợ, Download, Facebook, Game PC, Hosting, Hệ thống, Javascript, Keyloger, Lưu trữ, Ngôn ngữ, PC, Player, Thủ thuật, Trình Duyệt, Trình soạn thảo, Tên miền, Vector, Virus, Wallpapers, Webmaster, Website, Windows, Windows 8, Wordpress Templates, Worspress, Đồ họa
Cảm ơn các bạn đã quan tâm !

Update template Viet14.Com cho Blogger

Lúc trước mình có share theme của trang viet14.com nhưng lúc đó hình up hình vào host cá nhân, nhưng host này đã hết hạn sử dụng vì thế nên các phần tử không thể chạy. Tiện thể hôm nay rãnh mình fix nó lại cho các bạn đây.

Click vào hình để xem ảnh lớn

Xem thêm : Live Demo tại Viet14.com

Tải Template này về máy

Tạo khung code với style Windows 8

CSS3 ra đời với nhiều trãi nghiệm mới cho cộng đồng webmaster. Áp dụng CSS3 hợp lý sẻ giúp cho bạn rất nhiều về cả thẩm mĩ lần tính chất cấu trúc website.
Với hiệu ứng dạng thanh mãnh giống như hiệu ứng kéo trược thì chúng ta có thể tạo ra một sản phẩm rất tiện để trang trí cho bài viết, ví dụ ngay trên bài viết này :
HTML Code:

<a rel="dofollow" href="http://www.tinhocso.net/" target="_blank" title="website thu thuat may tinh, thu thuat mang, tai mien phi phan mem va tai lieu">Thủ Thuật Vi Tính</a>

Banner 300x250

<a href="http://www.tinhocso.net/" rel="dofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yvCJTZCAYWMpfMOyacAFuamVu5NZNb7xRhtcqU07-PGt0f3kRkHTb8ooqQ4UY38Ggc101z0H6H50APoJom_u6CAtmJnPub8jS_-4Pa8qyofX9UZ53wOKI_FmB7z0iYuTGiW7VCQGTmOE/s1600/banner.png" /></a>

 Và đây là ảnh demo của cách làm

Áp dụng trực tiếp lên thẻ blockquote có ngay trên blogger ta sử dụng đoạn code CSS sau :

/*Scrollbar Style*/
blockquote::-webkit-scrollbar {
width: 10px;
height: 10px;
}
blockquote::-webkit-scrollbar-button {
width: 0px;
height: 0px;
background-color:#111;
}
blockquote::-webkit-scrollbar,
blockquote::-webkit-scrollbar-button,
blockquote::-webkit-scrollbar-corner {
background: #ddd;
}
blockquote::-webkit-scrollbar-thumb {
background: #b0b0b0;
}
blockquote:hover::-webkit-scrollbar-thumb {
background: #a9a9a9;
}

Chèn code trên vào mẫu và để sử dụng, trong trình doạn thảo bài viết ta có thể sử dụng nút tick nhanh Quote ( trích dẫn " ). Chúc bạn sử dụng thanh công với thủ thuật này !

 Tin Học Số ( TinHocSo.Net )

Google Code sẻ chính thức " Đóng cửa " vào 15/01/2014

Hôm nay Online nhận được một tin buồn " thúi ruột" Google Code sẻ chính thức " Đóng cửa " vào 15/01/2014 do người dùng quá lạm dụng nó để phát tán file.

Họ khuyến nghị chúng ta chuyển các file cũ sáng Google Drive..hơi cực à nha. Mà thôi, từ hôm nay Tinhocso.net sẻ bắt đầu sử dụng BoxNet để sử dụng. Mình sẻ cập nhật lại các file từ hôm nay Khi nào xong mình sẻ có thông báo.

Tin Học Số ( TinHocSo.Net )

Tải miễn phí EditPlus Text Editor 3.51

Tính năng thích hợp trên Internet:
- Dùng chính EditPlus để làm web browser xem và chỉnh sửa nội dung của tập tin HTML hoặc java applet mà không cần chạy thêm trình browser.
- Tích hợp sẵn các lệnh FTP để upload tập tin lên FTP hoặc chỉnh sửa trực tiếp tập tin nằm trên FTP server.
- Làm sáng các URL và địa chỉ email.
- HTML toolbar: Thêm HTML tags nhanh và dễ từ toolbar này, hỗ trợ cả các tính năng chèn màu, chèn ký tự, tạo bảng table và tạo đối tượng.

• Chọn tài liệu (Document selector): Chọn văn bản tập tin đã nạp lên bộ nhớ nhanh chóng bằng chuột click . Nhanh hơn chọn trên menu Window hoặc Ctrl-Tab nhiều lần như những phần mềm khác.
• Tiện ích người dùng (User tools): Hỗ trợ những lệnh cho người dùng tạo như Keystroke recording (lưu và lặp là các trình tự phím nhấn).
• Tự động hòan tất từ khóa (Auto-completion): Tự động hoàn tất từ khóa đang gõ. Mặc định hỗ trợ cho Perl và C/C++. Người dùng có thể tạo file auto-completion riêng cho những ngôn ngữ lập trình khác.
• Cửa sổ Cliptext: Lưu lại nhiều cliptext để truy xuất dễ và nhanh.
• Template: Tạo tập tin mới nhanh hơn nhờ templates.

Serial đăng ký:
Name: cryvn@yahoo.com
Serial: 1C257-A2248-7EZ95-92WAD-CATCD

Download  EditPlus Text Editor 3.51

Menu cố định cho blog đẹp

Đây là dang menu trượt cố định bên trên khi kéo trình duyệt mà đã được nhiều người sử dụng. Tinhocso.net hôm nay sẻ mang đến bạn một style mới khá chuẩn sử dụng CSS3 và HTML 5 nên gọi là Good !
Demo Image
Thêm CSS

#tinhocso_net_floating_menu{background-color: #1484CE;background: #1484ce;background: -moz-linear-gradient(top,  #1484ce 0%, #1274b5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1484ce), color-stop(100%,#1274b5));background: -webkit-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: -o-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: -ms-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: linear-gradient(to bottom,  #1484ce 0%,#1274b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1484ce', endColorstr='#1274b5',GradientType=0 );border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 0 #0E5A8C;box-shadow: 0px 2px 0px #0e5a8c;height:34px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #2a8fd2;}
#tinhocso_net_floating_menu ul{list-style: none;margin:0 auto;width:970px;}
#tinhocso_net_floating_menu ul li{float:left}
#tinhocso_net_floating_menu ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#tinhocso_net_floating_menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:white;}

Thêm HTML vào bất cứ nơi đâu, tốt nhất thì nên chèn vào wrapper

<div id='tinhocso_net_floating_menu'>
<ul>
  <li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKPP_F9RHtY69FzANEvUd-cJRTUtam_m7CO0gvbs7OH_bL6VcOXnv466iH42NQxFZy-AWiIN6spSdPGK_mHYknQh8Jrh9zz55NOtleIXPyk2YHAM86Krh-pOWd5J1tUKSQHzR8J48lBUdU/s1600/tinhocso.net-home.png' style='padding:0px;'/></a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</div>

Code hiển thị nhắc nhở khi thoát Web hiển thị 1 lần

Đây là đoạn code hiển thị một thông báo như hình dưới đây khi thoát web

Java code

<script> var exittraffic_splashalertmessage = ""; </script>
<script type='text/javascript'>
//<![CDATA[
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
function DisableExitTraffic() {
PreventExitSplash = true;
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
}
else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
function addClickEvent(a, i, func) {
if (typeof a[i].onclick != 'function') {
a[i].onclick = func;
}
}
theBody = document.body;
if (!theBody) {
theBody = document.getElementById("body");
if (!theBody) {
theBody = document.getElementsByTagName("body")[0];
}
}
var PreventExitSplash = false;
var LightwindowOpening = false;
function DisplayExitSplash() {
if (PreventExitSplash == false) {

window.scrollTo(0, 0);
if (is_firefox) {
//window.alert(exittraffic_splashalertmessage);
}
PreventExitSplash = true;
if (is_chrome||is_firefox) {
timeout_variable = setTimeout("exittraffic_change_url();", 1000);
} else {
document.location.href = exittraffic_RedirectUrl;
}
return exittraffic_splashalertmessage;
}
}
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i, function() {
PreventExitSplash = true;
});
}
else {
addClickEvent(a, i, function() {
PreventExitSplash = false;
});
}
}
disablelinksfunc = function() {
var a = document.getElementsByTagName('A');
for (var i = 0; i < a.length; i++) {
if (a[i].target !== '_blank') {
addClickEvent(a, i, function() {
PreventExitSplash = true;
});
}
else {
addClickEvent(a, i, function() {
PreventExitSplash = false;
});
}
}
}
addLoadEvent(disablelinksfunc);
disableformsfunc = function() {
// Makes that clicking on the links on the page will not cause this popup to appear
var f = document.getElementsByTagName('form');
for (var i = 0; i < f.length; i++) {
if (!f[i].onclick) {
f[i].onclick = function() {
if (LightwindowOpening == false) {
PreventExitSplash = true;
}
}
}
else if (!f[i].onsubmit) {
f[i].onsubmit = function() {
PreventExitSplash = true;
}
}
}
}
function exittraffic_change_url() {
disable_confirmation = false;
clearTimeout(timeout_variable); // just to make sure
document.location.href=exittraffic_RedirectUrl;
}
addLoadEvent(disableformsfunc);
window.onbeforeunload = DisplayExitSplash;
//]]>
</script>

Tin Học Số (tinhocso.net)

Thêm tiện ích nút Like và Chia sẻ của Facebook đẹp vào blog/website

Dưới đây là đoạn code hiển thị nút like giống demo như sau :

Và đây là code , bạn có thể chèn nó vào template ở nọi vị trí

<div id="fb-root">
</div>
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:like href="http://tinhocso.net" send="true" show_faces="true" width="450"></fb:like>

Thay http://tinhocso.net bằng domain của bạn vào nhé !

Tinhocso.net tặng tên miền miễn phí chất lượng

Tinhocso.net tặng các tên miền dưới đây :

kenh18.org, binhphuoctv.com, cuasogiadinh.net, diemnong.info, viet14.com, diemnong.net, teenbinhphuoc.com

Các tên miền trên được cung cấp bởi Nhân Hòa, Digistar và TenTen nên chất lượng ỗn định. Nếu thấy thích, bạn có thể đăng ký nhận miễn phí bằng cách comments tại cuối bài nhé !
Whos domain để biết hạn dùng cũng như nhà cung cấp.

Theo : Tin Học Số (tinhocso.net)

DNS mới nhất cho Blogger không bị chặn

Cập nhật bản ghi mới nhất cho ngày :

Tên bản ghi	Giá trị	Loại
www	74.125.141.121	IP	3600
tinhocso.net	http://www.tinhocso.net	URL derect	n/a

Trên là cập nhật mới nhất để khắc phục tình trang Blogger bị chặn khi sử dụng mạng VNPT và FPT.

Mọi chi tiết thắc mắc nếu bạn cài đặt không thành công có thể để lại ý kiến dưới bài viết này.