tháng 10 2011 | buonkhongem

Home » Archives for tháng 10 2011

XEM 1.000 BỘ PHIM FULL-LENGTH

Người đăng: buonkhongem on Thứ Hai, 31 tháng 10, 2011

Khác với trailer hay exerpt (những đoạn video ngắn chỉ mang tính giới thiệu hoặc trích dẫn), Full-length là những bộ phim được phát trọn vẹn (đúng thời gian thực). Lâu nay vì yếu tố bản quyền, nên nhiều Website chia sẻ video (trong đó có YouTube), gặp rất nhiều khó khăn khi muốn công chiếu nhưng bộ phim này trên màn hình máy tính. Tuy nhiên, ngày 07/10 vừa qua với cái gật đầu của những ông trùm tại kinh đô điện ảnh thế giới Hollywood mọi thứ đã gần như thay đổi hoàn toàn...

Theo hợp đồng đa phương vừa được ký kết giữa Goolge (chủ sở hữu thương hiệu YouTube), Warner Bros, Universal cùng nhiều hãng phim danh tiếng khác, trước mắt YouTube được phép upload gần 1.000 bộ phim thuộc nhiều thể loại khác nhau trên kênh mới Movies. Dự kiến, công việc này sẽ hoàn tất trước mùa giáng sinh năm nay.

Để khám phá kênh mới này, trước tiên bạn cần truy cập VÀO ĐÂY, sau đó lựa chọn cho mình một loại phim ưa thích từ danh sách liệt kê trong vùng Tất cả danh mục (All Categories), danh sách sẽ xổ xuống bao gồm các thể loại: Phim mới phát hành (New Releases), Hành động và phiêu lưu (Action & Adventure), Hoạt ảnh và hoạt hình (Animation & Cartoon), Cổ điển (Classics), Hài kịch (Comedy), Tội phạm (Crime), Tài liệu (Documentary), Kịch (Drama), Gia đình (Family), Nước ngoài (Foreign Film), Kinh dị (Horror), Điện ảnh Ấn Độ (Indian Cinema), Bí ẩn ly kỳ (Mystery & Suspense), Lãng mạn (Romance), Khoa học viễn tưởng (Science Fiction)...

Khi đã chọn được thể loại cần xem, một trang Web mới sẽ đưa bạn tới các phim ở thể loại đó được liệt kê bằng những ảnh minh hoạ của phim, nếu bạn trỏ con chuột vào ảnh của một phim bất kỳ, bạn sẽ thấy được những thông tin hữu ích có liên quan: nội dung phim, diễn viên, nhãn phân loại phim, thời lượng phim, năm sản xuất...

Muốn xem phim nào, bạn chỉ cần bấm và ảnh minh hoạ của bộ phim cần xem rồi bấm vào nút Xem ngay bây giờ (Watch Now) và "rung đùi" thưởng thức bộ phim.

Trong thời gian tới, YouTube còn công bố thêm kênh Movies Extras, kênh này đăng những clip giới thiệu về hậu trường của các bộ phim "bom tấn" sắp được công chiếu, những cuộc phỏng vấn độc quyền với các ngôi sao điện ảnh hàng đầu thế giới cùng nhiều nội dung đặc sắc khác có liên quan...

Nếu bạn là "tín đồ" của màn ảnh thì hãy "thử một lần xem sao? Bạn sẽ thích ngay mà..."

Chúc các bạn vui

More about →

Script phân trang cho bảng

Người đăng: buonkhongem

Trước đây hẳn bạn nghe nhiều đến script phân trang cho toàn bộ blog và phân trang cho nội dung trong bài viết, chứ ít khi nghe kiểu phân trang cho bảng. Đôi khi bạn cần phải dùng đến bảng (table) để bố trí nội dung theo nhiều cột và nhiều dòng giống như trong văn bản Microsoft Word. Trong trường hợp nội dung quá nhiều thì bảng sẽ trở nên rất dài, khi đó với script phân trang sẽ giúp bảng trở nên gọn gàng hơn.

DEMO

Để phân trang cho bảng như vậy, bạn hãy thực hiện như sau:

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Đặt đoạn code sau đây vào trước thẻ </head>.

<script type="text/javascript">
//<![CDATA[
function Pager(tableName, itemsPerPage) {
this.tableName = tableName;
this.itemsPerPage = itemsPerPage;
this.currentPage = 1;
this.pages = 0;
this.inited = false;
this.showRecords = function(from, to) {
var rows = document.getElementById(tableName).rows;
// i starts from 1 to skip table header row
for (var i = 1; i < rows.length; i++) {
if (i < from || i > to)
rows[i].style.display = 'none';
else
rows[i].style.display = '';
}
}
this.showPage = function(pageNumber) {
if (! this.inited) {
alert("not inited");
return;
}
var oldPageAnchor = document.getElementById('pg'+this.currentPage);
oldPageAnchor.className = 'pg-normal';
this.currentPage = pageNumber;
var newPageAnchor = document.getElementById('pg'+this.currentPage);
newPageAnchor.className = 'pg-selected';
var from = (pageNumber - 1) * itemsPerPage + 1;
var to = from + itemsPerPage - 1;
this.showRecords(from, to);
}
this.prev = function() {
if (this.currentPage > 1)
this.showPage(this.currentPage - 1);
}
this.next = function() {
if (this.currentPage < this.pages) {
this.showPage(this.currentPage + 1);
}
}
this.init = function() {
var rows = document.getElementById(tableName).rows;
var records = (rows.length - 1);
this.pages = Math.ceil(records / itemsPerPage);
this.inited = true;
}
this.showPageNav = function(pagerName, positionId) {
if (! this.inited) {
alert("not inited");
return;
}
var element = document.getElementById(positionId);
var pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-normal"> &#171 Prev </span> | ';
for (var page = 1; page <= this.pages; page++)
pagerHtml += '<span id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span> | ';
pagerHtml += '<span onclick="'+pagerName+'.next();" class="pg-normal"> Next »</span>';
element.innerHTML = pagerHtml;
}
}
//]]>
</script>

Bước 2. Đặt đoạn CSS sau đây vào trước dòng ]]></b:skin> để định dạng các thuộc tính cho phần phân trang:

.pg-normal {
color: red;
font-weight: normal;
text-decoration: none;
cursor: pointer;
}
.pg-selected {
color: black;
font-weight: bold;
text-decoration: underline;
cursor: pointer;
}

Lưu Template.

Bước 3. Khi tạo nội dung trong một bài viết nào đó, hãy sử dụng cấu trúc HTML cho bảng dưới dạng như sau (ở đây demo bảng có 3 cột và 9 dòng để phân trang thành 3 trang, bạn có thể vận dụng linh hoạt):

<table id="results">
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
<tr>
<td>Column 1 – Row 1</td>
<td>Column 2 – Row 1</td>
<td>Column 3 – Row 1</td>
</tr>
<tr>
<td>Column 1 – Row 2</td>
<td>Column 2 – Row 2</td>
<td>Column 3 – Row 2</td>
</tr>
<tr>
<td>Column 1 – Row 3</td>
<td>Column 2 – Row 3</td>
<td>Column 3 – Row 3</td>
</tr>
<tr>
<td>Column 1 – Row 4</td>
<td>Column 2 – Row 4</td>
<td>Column 3 – Row 4</td>
</tr>
<tr>
<td>Column 1 – Row 5</td>
<td>Column 2 – Row 5</td>
<td>Column 3 – Row 5</td>
</tr>
<tr>
<td>Column 1 – Row 6</td>
<td>Column 2 – Row 6</td>
<td>Column 3 – Row 6</td>
</tr>
<tr>
<td>Column 1 – Row 7</td>
<td>Column 2 – Row 7</td>
<td>Column 3 – Row 7</td>
</tr>
<tr>
<td>Column 1 – Row 8</td>
<td>Column 2 – Row 8</td>
<td>Column 3 – Row 8</td>
</tr>
<tr>
<td>Column 1 – Row 9</td>
<td>Column 2 – Row 9</td>
<td>Column 3 – Row 9</td>
</tr>
</table>
<div id="pageNavPosition"></div>
<script type="text/javascript"><!--
var pager = new Pager('results', 3);
pager.init();
pager.showPageNav('pager', 'pageNavPosition');
pager.showPage(1);
//--></script>

Ở đoạn script trên thì số 3 biểu thị số dòng mỗi trang, bạn có thể điều chỉnh tùy theo trường hợp áp dụng của bạn.

More about →

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

Người đăng: buonkhongem

Trước đây, tôi có chia sẻ với các bạn tiện ích xem báo ngay tại blog (kiểu 1) xem TẠI ĐÂY, hôm nay tôi sẽ tiếp tục chia sẻ với các bạn cách gắn tiện ích xem báo hoặc xem trang Web ưa thích trực tiếp ngay tại Blog (kiểu 2).

Với kiểu này, các trang Web, trang báo sẽ có các Tab riêng biệt, được sắp xếp khá gọn gàng ở hàng phía trên cùng, khi muốn xem trang nào các bạn chỉ cần bấm về tab đó để xem mà không cần rời khỏi trang Blog hiện tại. Nếu muốn xem trang Web đó ở một tab mới, các bạn chỉ cần đánh dấu chọn vào hàng chữ cuối cùng của khung Open tab links in browser window instead, ngay lập tức sẽ mở trang Web đó ở một trang riêng biệt hoàn toàn.

Bạn bấm vào XEM THỬ phía dưới để trải nghiệm nha.

Xem thử

Rất đơn giản, chỉ cần bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML rồi dán tất cả các code phía dưới vào

/*Eric Meyer's based CSS tab*/

#tablist{

padding: 3px 0;

margin-left: 0;

margin-bottom: 0;

margin-top: 0.1em;

font: bold 12px Verdana;

}

#tablist li{

list-style: none;

display: inline;

margin: 0;

}

#tablist li a{

text-decoration: none;

padding: 3px 0.5em;

margin-left: 3px;

border: 1px solid #778;

border-bottom: none;

background: white;

}

#tablist li a:link, #tablist li a:visited{

color: navy;

}

#tablist li a:hover{

color: #000000;

background: #C1C1FF;

border-color: #227;

}

#tablist li a.current{

background: lightyellow;

}

</style>

/***********************************************

* Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

var selectedtablink=""

var tcischecked=false

function handlelink(aobject){

selectedtablink=aobject.href

tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false

if (document.getElementById && !tcischecked){

var tabobj=document.getElementById("tablist")

var tabobjlinks=tabobj.getElementsByTagName("A")

for (i=0; i<tabobjlinks.length; i++)

tabobjlinks[i].className=""

aobject.className="current"

document.getElementById("tabiframe").src=selectedtablink

return false

}

else

return true

}

function handleview(){

tcischecked=document.tabcontrol.tabcheck.checked

if (document.getElementById && tcischecked){

if (selectedtablink!="")

window.location=selectedtablink

}

</script>

</ul>

<input name="tabcheck" type="checkbox" onClick="handleview()"> Open tab links in browser window instead.

</form>

Bây giờ, bạn thay địa chỉ trang Web hoặc trang tờ báo ở dòng lệnh

<li><a href="Địa chỉ trang Web, bạn dán vào đây" onClick="return handlelink(this)">Tên tờ báo</a></li>

Nếu muốn thêm một trang Web nào nữa thì bạn chỉ cần dán thêm dòng lệnh phía trên vào phía dưới tiếp theo là được, cuối cùng bấm Lưu lại rồi trở lại vào Blog xem kết quả

More about →

XEM TRỰC TIẾP MỘT TRANG WEB NGAY TẠI BLOG

Người đăng: buonkhongem on Chủ Nhật, 30 tháng 10, 2011

Khi đang ở trang Blog của mình, nếu bạn muốn xem một trang Web bất kỳ nào đó thì bạn phải mở thêm Tab mới trên trình duyệt.

Với thủ thuật đơn giản dưới đây, bạn có thể xem trang Web mình ưa thích ngay tại trang Blog của mình mà không cần mở Tab mới và không cần rời khỏi trang Blog của mình "nửa bước"!!!

Bạn bấm vào XEM THỬ phía dưới để thử nghiệm nha

Xem thử

Đầu tiên bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML rồi copy đoạn code phía dưới dán vào.

Bây giờ, bạn thay địa chỉ trang Web mình ưa thích vào thay cho dòng lệnh URL OF WEB PAGE, bạn có thể chỉnh sửa độ dài của trang Web hiển thị trên Blog mình bằng cách thay số 400 bằng số khác mà mình muốn. Cuối cùng bấm Lưu lại và quay trở lại xem kết quả nha.

More about →

Thêm 2 cột tiện ích trên khu vực bài đăng

Người đăng: buonkhongem on Thứ Bảy, 29 tháng 10, 2011

Thông thường các bạn có thể thêm nhiều tiện ích trên khu vực bài đăng nhưng những tiện ích này sẽ có chiều ngang bằng với chiều ngang của khu vực bài đăng, điều này gây nhiều bất tiện khi bạn muốn chèn nhiều tiện ích có chiều ngang nhỏ hơn.

Với thủ thuật dưới đây, các bạn có thể thêm được 2 cột tiện ích có chiều ngang bằng phân nửa chiều ngang của khu vực bài đăng.

Bạn xem hình phía dưới sẽ rõ

Đầu tiên, bạn đăng nhập vào Blog > Chọn Thiết kế > Chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh <div id='main-wrapper'> rồi Enter, bạn sẽ thấy trên bảng lớn có dòng lệnh này và được highlight màu xanh.

Bạn copy code phía dưới và dán vào ngay sau dòng lệnh đó

<b:section class='sidebar' id='magazine-left2' showaddelement='yes'>
<b:widget id='Text512' locked='false' title='Column 1' type='Text'/>
</b:section>

<b:section class='sidebar' id='magazine-right2' showaddelement='yes'>
<b:widget id='Text522' locked='false' title='Column 2' type='Text'/>
</b:section>

Bước kế tiếp, bạn gõ vào hộp tìm kiếm dòng lệnh ></b:skin> và copy code phía dưới vào ngay trên dòng lệnh ></b:skin>

#magazine-left2 {
width: 45%;
float: left;
}
#magazine-right2 {
width: 45%;
float: right;
}

Cuối cùng, bấm Lưu mẫu rồi trở vào bố cục, bạn sẽ thấy trên khu vực bài đăng của mình xuất hiện thêm 2 cột tiện ích.

Lưu ý: Thủ thuật này chỉ thực hiện thành công cho giao diện Blogspot V2 (giao diện tải về trên mạng), không thực hiện được đối với giao diện mặc định của Blogspot

More about →

Sổ lưu niệm

Người đăng: buonkhongem on Thứ Sáu, 28 tháng 10, 2011

Lời đầu tiên xin chân thành cảm ơn sự ủng hộ nhiệt tình của quý bạn đọc gần xa đối với trang web Thủ thuật Blogger trong thời gian qua.

Ban Quản trị Thủ thuật Blogger đã, đang và sẽ không ngừng nỗ lực phấn đấu để trang web ngày càng phong phú hơn, chất lượng hơn để đáp ứng yêu cầu ngày càng cao của các bạn. Quả thật, trong chặng đường đã qua không thể nào tránh khỏi những thiếu sót, những điều chưa hoàn thiện. Nếu các bạn cảm thấy những điểm chưa hài lòng, chưa có sự đổi mới, hẳn đó là vì sức lực của Ban Quản trị cũng có hạn, không thể làm thỏa mãn đến từng chân tơ kẻ tóc đối với tất cả mọi mong muốn của bạn đọc. Rất mong quý bạn đọc cảm thông.

Sổ lưu niệm là nơi để các bạn viết vài dòng nhắn gửi, những lời tri ân hoặc những góp ý đối với Ban Quản trị giúp Thủ thuật Blogger có thêm cơ sở để ngày càng nâng cao chất lượng thông tin. Sổ lưu niệm cũng có thể là nơi khách vãng lai lưu lại những dòng chân tình nhắn nhủ với người thân quen, tri kỷ, người yêu dấu, bạn bè … để nhỡ biết đâu đó người ấy có thể đọc được tâm tình của bạn …

Quy định chung của Sổ lưu niệm: sử dụng tiếng Việt có dấu; ngôn ngữ nghiêm túc, lành mạnh.

Thân mến!

More about →

Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định

Người đăng: buonkhongem on Thứ Năm, 27 tháng 10, 2011

Tiện ích đám mây nhãn (Tag Cloud) rất cần thiết cho blogspot, giúp người dùng dễ dàng tìm kiếm bài viết theo từng chuyên mục. Trước đây mình đã từng hướng dẫn tùy biến màu sắc cho các tag trên tiện ích này. Hôm nay mình sẽ hướng dẫn bạn cách định dạng CSS riêng cho các tag có số bài viết nhiều hơn một con số nhất định nào đó. Bạn có thể xem demo ở tiện ích Tag Cloud trên Thủ thuật Blogger. Ở đây mình định dạng cho các tag có số bài viết lớn hơn số 10.

Bước 1. Đăng nhập Blogger, vào Design >> Edit HTML. Chọn Expand Widget Templates. Tìm thẻ đóng </b:widget> của một tiện ích bất kỳ mà bạn muốn đặt tiện ích Tag Cloud này gần với nó, rồi đặt sau thẻ </b:widget> đã tìm bằng đoạn code bên dưới:

<b:widget id='Label100' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:loop values='data:labels' var='label'>
<b:if cond='data:label.count > 10'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<style>
a#more10post_label {background:#777;padding: 0 3px 0 3px}
</style>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name' id='more10post_label'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
<b:else/>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<b:if cond='data:showFreqNumbers'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"' expr:title='data:label.count + " bài viết trong nhãn " + data:label.name'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=10"'><data:label.name/></a>
</b:if>
</b:if>
</span>
</b:if>
</b:loop>
</div>
</b:includable>
</b:widget>

Ở đây mình gán id='more10post_label' để chuyên biệt hóa liên kết của các tag có số bài viết lơn hơn 10. Từ đó bạn có thể thêm thuộc tính CSS (ở dòng code số 14) để tạo bản sắc cho tiện ích.

Lưu Template.

Bước 2. Vào Page Elements. Chỉnh sửa tiện ích Tag Cloud, cho tiện ích hiển thị dưới dạng Cloud và chọn Show number of posts per label theo như hình minh họa bên dưới.

Về phần CSS, bạn có thể tham khảo thêm ở bài viết Tùy biến tiện ích đám mây nhãn.

More about →

TẠO 5 TAB CHO MỘT TIỆN ÍCH

Người đăng: buonkhongem

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện hành sẽ đổi màu khác biệt so với các TAB khác...

Thủ thuật này cũng khá đơn giản.

Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)

XEM THỬ

Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > Thêm tiện ích HTML và dán tất cả code phía dưới vào

<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td align="middle" onclick="st2('1')" height="22" id="tt1"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="70"
class="Tab1"><a id="aa1"
class="srchlinksel2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 1</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('2')" height="22" id="tt2"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="47"
class="tb2"><a id="aa2"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 2</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('3')" height="22" id="tt3"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="62"
class="tb2"><a id="aa3"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 3</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('4')" height="22" id="tt4"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="48"
class="tb2"><a id="aa4"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 4</b></font></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr></tbody></table></td>
<td align="middle" onclick="st2('5')" height="22" id="tt5"
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="52"
class="tb2"><a id="aa5"
class="srchlink2" href="javascript:undefined"><font
class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 5</b></font></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px;
BORDER-BOTTOM: 0px"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380" height="5">
<tbody>
<tr>
<td height="5"></td></tr></tbody></table>
   <font color="#797979" class="f10"
>



</font>


<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 1, BẠN DÁN VÀO ĐÂY
</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com/"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div></div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 2, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 3, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 4, BẠN DÁN VÀO ĐÂY
</font></td>
</tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td height="4"></td></tr></tbody></table></div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 380px; BORDER-BOTTOM:
#b5d6ef 1px solid"
>
<table border="0" cellspacing="0" cellpadding="0"
width="380">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">
NỘI DUNG CỦA TIỆN ÍCH 5, BẠN DÁN VÀO ĐÂY
</font></td></tr>
<tr>
<td colspan="2" align="right"><font class="f10"><b> Widget
by <a href="http://dunghennessy.blogspot.com"
target="_blank">dunghennessy</a></b>
  </font></td></tr>
<tr>
<td
height="4"></td></tr></tbody></table>

Bây giờ, bạn thay đổi TIÊU ĐỀ TIỆN ÍCH (dòng màu đỏ) và NỘI DUNG TIỆN ÍCH (dòng màu xanh), và bấm Lưu lại là xong.

Lưu ý: Tiện ích mẫu tôi làm với kích thước 380px, nếu bạn muốn thay đổi để cho phù hợp với blog của mình thì bạn phải thay đổi TẤT CẢ SỐ 380px THÀNH SỐ KHÁC MÀ MÌNH MUỐN

More about →

CÁC MẪU BÌA ĐỒ ÁN, KẾ HOẠCH ĐẸP

Người đăng: buonkhongem on Thứ Tư, 26 tháng 10, 2011

Trong thời gian "lang thang" trên mạng, vô tình tôi gặp được một trang Web đăng các mẫu bìa để làm đồ án, làm kế hoạch hoặc giáo án cho học sinh, sinh viên và các thầy cô khá đẹp mắt. Với các mẫu bìa này, các bạn có thể chỉnh sửa lại theo ý của mình, sau đó in ra để phục vụ công tác cho chính mình hoặc cho bạn bè khá tiện lợi. Các bạn xem hình mẫu phía dưới.

Đây là những file Word, rất dễ chỉnh sửa, các bạn có thể chỉnh sửa lại tiêu đề, tên trường lớp hoặc thêm bất kỳ mục nào mình thích và có thể xoá bớt các mục không cần thiết...

Các bạn có thể tải TẠI ĐÂY.

More about →

Làm thế nào để có sitelinks cho blogspot của bạn?

Người đăng: buonkhongem on Thứ Ba, 25 tháng 10, 2011

“Mình rất vui khi Thủ thuật Blogger đã có Google Sitelinks khi tên miền thuthuatblogger.info gần tròn 3 tháng tuổi. Sitelinks đã có với các từ khóa thuthuatblogger, thuthuatblogger.info, Huynh Nhat Ha.”

Vấn đề được nêu ra ở đây là: Làm thế nào để có sitelinks cho blogspot?

Google Sitelinks là gì?

Chúng là những liên kết hiển thị ngay bên dưới URL hoặc phần mô tả nội dung trang web trên kết quả tìm kiếm của Google, giúp người dùng tìm kiếm thông tin trong trang web hoặc blog dễ dàng hơn, giúp tiết kiệm thời gian của người dùng.

Lợi ích của việc có Google Sitelinks là gì?

Việc blogspot của bạn có sitelinks sẽ đem lại 2 lợi ích quan trọng nhất là giúp tăng traffic và đạt được niềm tin cao hơn nơi người dùng (bởi vì chỉ những trang có uy tín và đáng tin cậy mới có sitelinks).

Những điều kiện tiên quyết để có sitelinks là gì?

(1) Google chỉ hiển thị sitelinks với những từ khóa đạt tỉ lệ click (CTR) rất cao, thông thường là các từ khóa thương hiệu, tên miền. Ví dụ đối với Thủ thuật Blogger thì sitelinks hiển thị với các từ khóa: thuthuatblogger.info, thuthuatblogger, Huynh Nhat Ha.

(2) Google chỉ hiển thị những liên kết mà Googlebot có thể dò tìm từ trang chủ, thường là các liên kết HTML nằm trong thanh menu đầu trang và được click nhiều nhất.

Google không quy định về tuổi thọ tên miền cũng như kiểu tên miền để có sitelinks, do vậy blog của bạn nếu giữ nguyên tên miền .blogspot.com hoặc sử dụng tên miền tùy chỉnh đều có quyền có sitelinks, có thể trong vòng 01 tuần hoặc 01 – 02 – 03 – 04 – 05 – 06 – 07 … tháng.

Không phải trang nào cũng đều có sitelinks, do vậy cũng không có gì ngạc nhiên khi blogspot của bạn chưa có sitelinks dù tên miền đã được sử dụng thậm chí cả năm trời.

Làm thế nào để blogspot của bạn có sitelinks?

Đây là câu hỏi được cộng đồng Blogspot rất quan tâm. Được biết Google sử dụng sitelinks một cách tự động thông qua một thuật toán và một trang sẽ có sitelinks khi nó được đánh giá là một trang uy tín. Do đó blog của bạn cần có một lượng backlinks tốt, có một lượng lớn người dùng tìm kiếm blog của bạn trên Google. Để làm được như vậy, theo mình, bạn cần thực hiện 2 điều sau đây:

(1) Tối ưu hóa việc lập chỉ mục blogspot trên công cụ tìm kiếm Google. Nói cách khác, bạn cần chủ động tối ưu hóa thẻ meta mô tả theo tiêu chuẩn của Google. Hành động này sẽ giúp tăng cường tỷ lệ click cho các từ khóa chủ chốt của trang.

(2) Tạo thanh menu đầu trang chứa các liên kết HTML thuần túy (không chứa Javascript). Như các bạn biết thì Google chặn các liên kết đến trang nhãn của blogspot nên bạn cần đặt các liên kết là trang item và trang tĩnh trên thanh menu, tốt nhất là các bài viết thật nổi bật nhằm đạt tỷ lệ click cao nhất từ người dùng.

Ở đâu đó trên Internet có người chỉ cho bạn hàng tá cách để có sitelinks tuy nhiên theo mình chỉ cần hội đủ 2 điều kiện tiên quyết nói trên là được, như mình đã áp dụng cho Thủ thuật Blogger vậy. Ngoài ra bạn cần cập nhật nội dung blog thường xuyên bằng những bài viết mới: Các bài viết có thể được đăng với cường độ mỗi ngày một bài, cứ hai ngày một bài hoặc mỗi tuần một/hai bài … tùy theo khả năng và quỹ thời gian của bạn. Nội dung bài viết chất lượng, tránh sao chép từ các trang khác để tạo uy tín cho trang của bạn.

More about →

buonkhongem

XEM 1.000 BỘ PHIM FULL-LENGTH

Script phân trang cho bảng

TIỆN ÍCH XEM BÁO TRỰC TIẾP NGAY TẠI BLOG (KIỂU 2)

XEM TRỰC TIẾP MỘT TRANG WEB NGAY TẠI BLOG

Thêm 2 cột tiện ích trên khu vực bài đăng

Sổ lưu niệm

Định dạng CSS riêng cho các tag có số bài viết nhiều hơn một số nhất định

TẠO 5 TAB CHO MỘT TIỆN ÍCH

CÁC MẪU BÌA ĐỒ ÁN, KẾ HOẠCH ĐẸP

Làm thế nào để có sitelinks cho blogspot của bạn?

shares

Like

menu

Category

Popular Posts

About Me

Labels

Recent Posts

Categories

Subscribe

Recent Comments

Popular Posts

Connect With Us

Popular Posts