Showing posts with label authors.html. Show all posts
Showing posts with label authors.html. Show all posts

Saturday, October 8, 2011

ScrollingSidebar cho blogspot

Nhiều người hỏi Yolks , làm sao để có thể cho sidebar di chuyển theo thành Scrolling của trình duyệt web. Rất đơn giản nhưng chúng ta có 2 cách làm: Dùng .js hoặc css đều được . Yolks sẽ nêu 2 cách ae muốn làm sao cũng được.



Trước tiên:Xin lưu ý cách tìm ID sidebar để add thêm css vào thêm ID cho chính xác với .js

Bước 1: Dùng css
Tìm đoạn css chính của sidebar theo hình:
#sidebar{width:295px;float:right}
Thay nó thành:
#sidebar{width:295px;float:right;position: fixed;left: 50%; top: 90px;margin: 0 0 0 110px;max-height:1000px;
;}

Chỉnh lệnh left và top cho sidebar.
Lưu ý: chỉ dùng cho sidebar thứ 3 hoặc áp dụng với sidebar ngắn gọn.
Bước 2: Dùng .js:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript">
$(function() {
var offset = $("#sidebar").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#sidebar").stop().animate({
marginTop: 0
});
};
});
});
</script>
Nếu đã có:
&lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'&gt;&lt;/script&gt;
Thì xóa nó đi và thay sidebar thành ID chính của blog bạn theo hình trên.

Nếu nó chạy mãi không dừng thì thêm vào css của sidebar đoạn code vd sau.
#sidebar{width:295px;float:right;max-height:1000px;}
Chỉnh thông số cho phù hợp

Wednesday, October 5, 2011

Đánh giá mức độ seo cho blogspot với Websitegrader


Một trang chuyên phân tích các mảng trong blog của chúng ta để đánh giá mức độ seo chuẩn cho blog bạn . Điểm số của  trang web này rất quan trọng và đưa ra 1 số biện pháp khắc phục rất nhanh chóng và chính xác.

Bước 1.Hướng dẫn check seo:

Vào trang chủ ở link này sau đó các bạn làm theo hình hướng dẫn trên:


Và các bạn bấm nút GENERATE REPORT.. Chờ 1 lát và xem kết quả lẫn hỗ trợ.

Bước 2. Để chèn tiện ích đánh giá vào blog:

Các bạn làm seo đoạn code sau đây:

  1. <a href="http://websitegrader.com/site/www.tenmiencuaban.com">
  2. <img alt="The Website Grade for www.tenmiencuaban.com!" src="http://badge.websitegrader.com/site/www.tenmiencuaban.com" />
  3. </a>

Thay đoạn code trên phù hợp với blog của bạn.

Sau đây là 1 vài ví dụ:


The Website Grade for www.fandung.com!

Kết quả seo của Fandung.com


The Website Grade for www.thuthuatblogger.info!

Kết quả seo của Thuthuatblogger.info


The Website Grade for www.vnblogspot.com!

Kết quả seo của Vnblogspot.com


The Website Grade for www.vngreenzone.com!

Kết quả seo của blog Yolks

Tuesday, October 4, 2011

Chống bôi đen văn bản cho blogspot

Do ngày đầu tiên mới đến TTB mình đã có 1 bài mở đầu, tuy nhỏ nhưng lại bổ ích đó là đoạn code chống bôi đen các văn bản nhằm không cho người khác copy bài viết của chính chúng ta. Nếu đi kèm thêm chống chuột phải thì tuyệt, tham khảo thêm cách chống click chuột phải ở bài viết này.

Bạn hãy thử làm thao tác bôi đen các đoạn text trên bài viết này để thấy tác dụng của script. Để làm được điều này, bạn hãy thực hiện theo các bước sau đây:

Bước 1: Vào giao diện blog --> Thiết kế --> chỉnh sửa HTML.

Bước 2: Tìm thẻ </body>. Chèn đoạn code sau vào trước nó:

  1. <script type='text/javascript'>
  2. function disableselect(e){
  3. return false
  4. }
  5. function reEnable(){
  6. return true
  7. }
  8. //if IE4+
  9. document.onselectstart=new Function ("return false")
  10. //if NS6
  11. if (window.sidebar){
  12. document.onmousedown=disableselect
  13. document.onclick=reEnable
  14. }
  15. </script>

Sau cùng lưu Template.

Tuesday, September 13, 2011

Website, phần mềm, smartphone liên quan quản lý gia phả

Giới thiệu chung
Mình làm cái phần mềm Gia Phả từ ngày mới bắt đầu viết code php, năm 2003. Từ những ý tưởng chính như bài viết sau:  GIA PHẢ, TRUYỀN THỐNG VÀ HIỆN ĐẠI (bài này viết từ năm 2003, cũ rích)

Ban đầu, website rất cùi (bây giờ cũng cùi??), chỉ đơn giản là HTML, TEXT. Lý do chính là thời đó, mình nghĩ là người dùng toàn là những ông cụ lớn hơn 60 tuổi, xài Dialup là chính. Làm gì có ADSL như bây giờ. Phiên bản đầu, việc cập nhật thông tin gia phả cực kỳ khó khăn. Chỉ dùng web form. Chậm rì, lỗi nhiều như bug.

Sau này, Bản nâng cấp phần soạn thảo được viết lại hoàn toàn bằng JAVA SWT Vietnamgiapha Offline Editor, chạy lẹ hơn. Và quan trọng là có thể đồng bộ hóa dữ liệu giữa Software Offline và website.

Trên tinh thần phi lợi nhuận và vì cộng đồng là chính, mình sẽ viết lại toàn bộ kỹ thuật từ đầu tới cuối, để bạn hiểu cách làm một hệ thống Gia Phả.

Mục lục nội dung
1. Website Việt Nam Gia Phả
2. Phần mềm soạn thảo Offline Việt Nam Gia Phả
  • Chọn ngôn ngữ viết, vì sao dùng Java SWT
  • Mô tả các functions chính
  • Cách lưu trữ dữ liệu
  • Load dữ liệu từ file và xuất dữ liệu ra file.
  • Khó khăn chưa giải quyết được.
3. Hướng nâng cấp hỗ trợ cho smartphone 
4. Dự tính xa vời khác
Sẽ đăng từng bài một, xin đón đọc và chờ góp ý!

Saturday, September 10, 2011

Ẩn nội dung widget bằng password (Update)

Thỉnh thoảng có những nội dung trên widget (tiện ích) mà bạn chỉ muốn một vài người xem và bạn muốn đặt mặt khẩu cho widget đó. Có cách nào để hiện thực hóa vấn đề này không? Câu trả lời là có. Xem DEMO. Password: password

Các bạn chỉ cần làm theo hướng dẫn nho nhỏ dưới đây:

1. Đầu tiên các bạn vào trang này.



2. Nhập mật mã vào khung Key.

3. Chép nội dung bạn muốn ẩn vào khung Plain Text.

4. Bấm vào nút Encrypt và copy code trong khung HTML Code được tạo ra.

5. Bây giờ bạn chỉ cần vào Blogger thêm một tiện ích và paste code bạn đã copy.

6. Bạn tìm thẻ </head> và đặt trước nó đoạn code sau:

<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

Như vậy là bạn đã hoàn thành thủ thuật này.

Vậy thủ thuật này có thể áp dụng cho bài đăng trên blog hay không? Câu trả lời là có. Bạn chỉ cần copy nội dung của bài đăng rồi làm theo các bước hướng dẫn tương tự như trong widget.

Hy vọng thủ thuật này sẽ giúp các bạn được phần nào trong quá trình viết blog.

Monday, August 22, 2011

Chút suy tư về văn hóa comment ở Việt Nam

Như các bạn đều biết, việc để lại comment trên một blog khác là một trong những cách làm tăng traffic cho blog của mình. Nếu như comment của bạn mang tính tích cực và xây dựng thì chắc chắn rằng sẽ có nhiều người tò mò và họ không ngần ngại ghé thăm blog của bạn.

Tuy nhiên, đáng buồn là văn hóa comment ở Việt Nam mình vẫn còn những điều đáng bàn và cần khắc phục để có thể sánh ngang hàng với những comment có giá trị ở các trang nước ngoài.

Trong bài viết này, mình xin chia sẻ một số quan điểm mà theo thiển ý của mình đó là những hạn chế trong việc comment nà các Blogger Việt thường mắc phải. Mình cũng xin nói rõ, ở đây không phải là mình chê trách gì ai, mục đích là đưa ra vấn đề để Blogger Việt chúng ta có thể bàn bạc và hạn chế những khuyết điểm xuống mức thấp nhất.

1. Chỉ quan tâm đến việc comment sớm nhất:

Mình cũng đồng ý với các bạn việc comment sớm nhất là một lợi thế không nhỏ, giúp cho blog của bạn có nhiều người ghé qua. Tuy nhiên, nếu mục đích của bạn chỉ là “người đầu tiên” thì coi chừng đó là một quan điểm hết sức sai lầm. Bạn chỉ comment cho có, không quan tâm đến nội dung comment của mình sẽ khiến cho tác giả bài viết và các đọc giả khác cảm thấy bị xúc phạm, họ dễ dàng tẩy chai blog của bạn một cách không thương tiếc.

2. Comment quá ngắn và không có giá trị:

Những lời nhận xét như “Hay”, “Cảm ơn” không phải là sai. Nhưng bạn nên nhớ rằng người viết bài lúc nào cũng mong muốn người đọc cho biết cảm tưởng về bài viết của họ, cho nên khi comment bạn cũng nên cố gắng viết đừng quá ngắn, cụt ngủn; điều này dễ làm bạn mất điểm với người khác.

3. Không đọc bài viết:

Điều này nói ra nghe như có vẻ vô lý nhưng đó hoàn toàn là sự thật. Nhiều bạn chỉ đọc một hoặc hai câu đầu tiên thì làm sao hiểu hết được những gì tác giả muốn diễn đạt. Vì vậy, mình mong rằng các bạn hãy cố đọc kỹ bài viết để sau đó có thể đưa ra những comment mang tính giá trị cao.

4. Không tập trung vào chủ đề:

Lỗi này xảy ra rất phổ biến. Nhiều bạn lúc bắt đầu comment thì còn tập trung vào chủ đề. Nhưng qua câu thứ hai thì đã lan man, nêu ra những ý tưởng hết sức “tréo cẳng ngỗng” so với chủ đề.

5. Chưa mang tính đóng góp:

Đa phần chúng ta còn ngại đóng góp cho bài viết của tác giả vì sợ họ tự ái. Không đâu, các bạn cứ comment một cách tích cực nhất, chỉ ra đâu là những ưu điểm, đâu là những khuyết điểm của bài viết, thậm chí bạn có thể lấy kinh nghiệm của bản thân ra làm dẫn chứng. Mình tin chắc rằng tác giả sẽ vô cùng cảm kích bạn vì đã chia sẻ những thông tin hết sức quý giá đối với họ.

6. Chỉ nói về mình:

Một số bạn khi comment ở blog khác chỉ toàn nói về mình. Họ chẳng đưa ra một lời nhận xét nào về bài viết của tác giả mà chỉ viết đại khái như là “Hãy đến mà xem…” hay “Đây là blogspot chớ không phải website”. Những comment kiểu này chắc chắn sẽ bị xóa bỏ hoặc bị đưa vào danh sách spam nếu còn xảy ra.

7. Không chăm chút cho comment:

Một số bạn luôn bị mắc lỗi chính tả khi comment. Bạn nên biết rằng đọc giả luôn là những người hết sức kỹ tính. Họ sẽ để ý cẩn thận những lời comment của bạn và sẽ dễ dàng nhận ra những lỗi đó. Hãy dành một ít thời gian để sửa lỗi chính tả trước khi xuất bản comment của bạn.

8. Không sử dụng ảnh thật làm avatar:

Một số bạn sử dụng những ảnh hoạt hình để làm avatar khi comment cũng là một điều cần nên tránh. Hãy sử dụng ảnh của chính mình làm avatar. Điều này cho thấy chúng ta biết cách tôn trọng người khác, họ sẽ cảm thấy rất vui và sẵn lòng ghé thăm blog bạn lâu dài.

Trên đây là vài quan điểm cá nhân của mình về văn hóa comment ở Việt Nam. Mình chắc chắn rằng sẽ còn có nhiều ý kiến nữa, và nếu bạn đã có ý kiến thì tại sao lại không comment chia sẻ cùng với mọi người ?

Tuesday, August 16, 2011

Bí quyết trở thành một Blogger chuyên nghiệp

Ngày nay, việc tạo ra một blog cho riêng mình là điều hết sức dễ dàng. Bạn chỉ tốn khoảng dăm đôi phút là đã sở hữu ngay một blog với đầy đủ chức năng nhờ vào dịch vụ của Blogger. Tuy nhiên, bạn nên biết rằng viết blog là một công việc đòi hỏi bạn phải kiên trì, nghiên cứu trong một thời gian dài. Và để trở thành một blogger chuyên nghiệp thì lại càng khó khăn hơn. Trong bài viết này, mình xin chia sẻ với các bạn một số kinh nghiệm nho nhỏ mà mình đã tích góp được trong thời gian qua.

1. Bạn phải có kỹ năng viết:

Đây là một kỹ năng hết sức quan trọng cho những ai muốn trở thành một Blogger chuyên nghiệp. Lượng độc giả của bạn nhiều hay ít phụ thuộc vào chất lượng bài viết nên nếu bạn có khả năng viết lách tuyệt vời thì mình tin chắc rằng trong một tương lai gần bạn sẽ trở thành một cây bút có tiếng trong làng Blogger.

2. Tạo cho mình tính kỷ luật:

Bất cứ công việc nào cũng đòi hỏi bạn phải có tính kỷ luật, để trở thành một Blogger chuyên nghiệp cũng không nằm ngoài quy luật đó và thậm chí là phải kỷ luật hơn cả những công việc khác. Bạn phải thiết lập cho mình một thời gian biểu hợp lý trong việc viết bài. Nếu như blog của bạn thường xuyên có bài đăng mới và có chất lượng thì việc thu hút một lượng đọc giả không nhỏ là chuyện hết sức tự nhiên. Ngoài ra, bạn cũng phải lên kế hoạch cho mình trong việc bình luận ở những blog khác để tạo ra sự liên kết bền vững với cộng đồng Blogger.

3. Sẵn sàng học hỏi:

Trong đầu của bạn lúc nào cũng phải có suy nghĩ "Mình cần học hỏi nhiều hơn" thì mới có thể trở thành một Blogger chuyên nghiệp. Không phải cái gì bạn cũng biết, bạn sẽ học hỏi được nhiều điều từ những Blogger khác, cho nên việc đọc bài ở những blog khác theo mình là hết sức cần thiết.

4. Kỹ năng giao tiếp tốt:

Đây cũng là một kỹ năng then chốt để bạn có thể trở thành một Blogger chuyên nghiệp hay không. Nhiều Blogger cứ cho rằng sau khi đăng bài là mình đã hoàn thành trách nhiệm trong việc viết blog. Đây là một suy nghĩ hết sức sai lầm. Thật ra đó chỉ là mới bắt đầu mà thôi. Việc quan trọng là bạn phải trả lời những thắc mắc của người đọc, giúp họ hiểu sâu hơn, rõ hơn vấn đề mình đã đưa ra. Làm tốt được điều này là bạn đã dần dần trở thành một Blogger chuyên nghiệp rồi đó.

5. Say mê làm việc:

Viết blog là một công việc đòi hỏi phải đầu tư thật nhiều thời gian, đôi khi chỉ gặp khúc mắc về một vấn đề nho nhỏ bạn cũng phải dành hàng giờ để tìm ra giải pháp tốt nhất nhằm giúp cho bài viết của bạn đạt chất lượng thật hoàn hảo.

6. Sáng tạo:

Đây không phải là một điều bắt buộc đối với mọi Blogger. Nhưng nếu bạn có tính sáng tạo, hình thành được những ý tưởng đột phá thì chắc chắn bạn sẽ đạt được những kết quả hết sức thuận lợi ngoài khả năng dự đoán của mình.

Trên đây là một số kinh nghiệm nho nhỏ của mình, rất mong ý kiến phản hồi của các bạn.

Sunday, August 14, 2011

Đôi điều tản mạn về nghiệp viết blog

Có nhiều người trong chúng ta, đặc biệt là những người mới biết đến blog, vẫn chưa hiểu blog là gì và tại sao blog ngày cảng trở nên phổ biến trong cộng đồng dân cư mạng. Mình cảm thấy mọi người cần trang bị cho mình một số kiến thức nhất định về blog để có một cái nhìn đúng đắn hơn về nó. Vì vậy hôm nay mình mạn phép chia sẻ với các bạn một chút kiến thức ít ỏi của mình về blog. Mình cũng mong rằng các bạn sẽ bổ sung thêm những thông tin cực kỳ hữu ích khác để chúng ta cùng nhau tiến bộ trong sự nghiệp viết blog của mình.

Chúng ta sẽ cùng nhau tìm hiểu về blog thông qua 3 vấn đề cơ bản sau đây:

1. Blog là gì?

Blog chẳng là gì cả, nó chỉ là nhật ký online mà thôi. Chúng ta thường viết gì trong nhật ký? Dĩ nhiên là chúng ta viết về những điều mà chúng ta thích và cảm thấy nó quan trọng đối với bản thân mình, sau đó chúng ta có thể chia sẻ với người thân trong gia đình hoặc bạn bè xung quanh.  Một quyển nhật ký có thể viết về các đề tài, chẳng hạn như: sở thích, truyện, thơ, bài hát, thú nuôi, xe, thể thao, thủ thuật... Mọi người sẽ đọc các bài viết của bạn và họ sẽ để lại các nhận xét khen hay chê trên đó.

Nếu như bạn viết nhật ký trong một quyển sách thì chắc chắn rằng số lượng người đọc của bạn sẽ rất là hạn chế. Với nhật ký online, hay còn gọi là blog, bạn đã "nói" được cho toàn bộ thế giới nghe!

Nói tóm lại, blog chính là một website cá nhân để bạn có thể chia sẻ với hàng triệu người trên thế giới về những ý tưởng của mình.

2. Làm sao tạo được blog?

Chúng ta nên biết rằng việc tạo blog là hoàn toàn miễn phí. Có rất nhiều dịch vụ để bạn có thể tạo blog nhưng theo mình nghĩ tốt nhất là sử dụng Blogger. Bạn mất không quá 5 phút để tạo cho mình một blog, còn chần chừ gì nữa?

3. Blog mang đến lợi ích gì?

Bạn chẳng phải tốn một số tiền nào cả mà ngược lại bạn có thể kiếm tiền từ nó. Bạn có thể đăng các mẫu quảng cáo cho những công ty, cá nhân... và hàng tháng bạn cũng có thể kiếm được một số tiền, nếu không nhiều thì cũng đủ để bạn có thể duy trì tên miền của mình một cách thoải mái.

Thêm vào đó, bạn sẽ kết bạn được rất nhiều người, đơn cử như trường hợp giữa anh Hà và mình, nhờ blog mà chúng mình đã trở thành bạn bè của nhau. Khi blog của bạn nổi tiếng, bạn sẽ được người khác nhìn với cặp mắt ngưỡng mộ và xem bạn như thần tượng. Nghe khoái thật. :) Nhưng mình xin nói trước rằng để đạt được điều này các bạn phải làm việc thật tích cực và hết sức kiên nhẫn.

Cuối cùng, theo mình điều quan trọng nhất đó là các bạn đã trau dồi được kiến thức của mình từng phút từng giờ. Kỹ năng về vi tính và Internet của bạn ngày càng được cải thiện. Trước đây mình vốn chẳng biết một tí gì về HTML, CSS, XML hay Javascript, nay nhờ vào viết blog, qua quá trình tự mày mò mình cũng đã biết chút chút, mặc dầu không nhiều nhưng đó cũng là một động lực giúp mình đam mê hơn trong viết blog.

Trên đây là một chút hiểu biết của mình về blog, rất mong các bạn cùng chia sẻ thêm ý kiến với mình.

Friday, August 12, 2011

Thêm tiện ích Add to circles vào blog

Bạn đã có một tài khoản Google+1 cho riêng mình và muốn kết nối với tất cả mọi người trên đó. Thủ thuật sau sẽ giúp bạn tạo ra tiện ích "Add to circles" để đưa vào blog của mình.

Các bạn có thể xem DEMO tại đây.

Chúng ta sẽ từng bước để tạo ra tiện ích này:

- Bước 1: Các bạn hãy truy cập vào trang này.

- Bước 2: Bấm vào nút:


Bước 3: Các bạn điền thông tin vào hình bên dưới:


Bước 4: Làm sao các bạn có được Google+ID, bạn chỉ cần đăng nhập vào trang profile của mình tại đây.

- Bước 5: Các bạn bấm vào hình hiển thị theo chỉ dẫn bên dưới:


- Bước 6: Các bạn copy ID theo chỉ dẫn của hình bên dưới để điền thông tin ở bước 3:


- Bước 7: Các bạn bấm vào nút Get Code:


- Bước 8: Copy code vừa được tạo ra và dán vào một tiện ích trong blog của bạn là xong.

Bây giờ bạn có thể vào trang của mình để tận hưởng thành quả.

Tuesday, August 9, 2011

Hướng dẫn tạo list game flash cho Blogspot


[ND] - Bạn thấy mình thật vất vả khi đi post từng bài trên blog của mình để chia sẻ các game flash mà mình yêu thích. Hay khi post xong rồi bạn thấy hệ thống game của mình hơi lộn xộn và khó quản lí ? Tôi sẽ có giải pháp cho bạn và tôi nghĩ đó là giải pháp tối ưu.

Bạn xem thử nhé : Live demo

Khi bạn tạo xong nó sẽ thế này :


Chúng ta bắt đầu tạo cho mình một list game nào. Trước tiên bạn xem code của nó :
<div class='widget-content'>
<style type="text/css">
#link-ex {
font-weight:bold; text-color:#f00; padding: 0; height:200px; overflow: auto;}
#link-ex p {padding:3px 0;border-bottom:1px dotted #234;
}
</style>
<p>»  <a onclick="ND('http://media2.gamevui.com/images/Flash/gamethethao/tay-lai-dia-hinh_Secure.swf','700','620')" href="#ND">
<font color="#347202">Tay lái địa hình</font></a><font color="#347202"><br /></font></p>
<p>»  <a onclick="ND('http://media8.gamevui.com/images/Flash/ChienThuat/Age-of-war.swf','700','620')" href="#ND">
<font color="#347202">Cuộc chiến thế kỉ</font></a><font color="#347202"><br /></font></p>

</div>
</div>
<font color="#347202">
<script type="text/javascript" language="javascript">   
    function MPAction(sAction) {
        if (sAction=='stop') {
            Player.controls.stop();
        } else if (sAction=='pause') {
            Player.controls.pause();
        } else {
            Player.controls.play();
        }
}
</script>
<!--Code share by Nguyen Duc-->
<script language="javascript"></script>
<script language="JaVASCriPT">function ND(src,width,height){
    if(width>screen.width-100 || height>screen.height-100){
        SCwidth=screen.width-100;
        SCheight=screen.height-100;
        scrollbar="scrollbars=yes";
    }else{
        SCwidth=width;
        SCheight=height;
        scrollbar="scrollbars=no";
    }
    img_origin=window.open("","","width="+SCwidth+",height="+SCheight+",status=no,toolbar=no,"+scrollbar+",resizable=no");
    img_origin.document.write(""
+"<HTML>"
+"<HEAD>"
+"<meta http-equiv='Content-Language' content='en-us'>"
+"<TITLE>(Code By Nguyen Duc)</TITLE>"
+"<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=windows-1252'>"

+"</HEAD>"
+"<BODY BGCOLOR=#347202 topmargin=5>"

+"<p align=center>"
+"<table align=center border=0 cellpadding=6 cellspacing=1 class=tborder width=100%>"
+"    <thead>"
+"        <tr>"
+"            <td class=tcat colspan=0>"
+"            <span class=smallfont><center><strong>Chơi Game Online Miễn Phí</strong></center></span></td>"
+"        </tr>"
+"    </thead>"
+"    <tbody id=collapseobj_module_4_5342>"
+"    <tr>"
+"    <td align=center class=alt1 valign=top height=350 background=bg.gif>"
+"<p align=center><B>Chúc bạn chơi game vui vẻ</b></p>"
+"<object classid=clsid:D27CDB6E-AE6D-11CF-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0 border=0 width=100% height=420 background=load_flash.gif>"
+"<param name=movie value='"+src+"'>"
+"<param name=quality value=High>"
+"<embed src='"+src+"' pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash name=obj2 width=100% height=420 quality=High wmode=transparent></object>"

+"<br>"
+"<a href='"+src+"' title='Nhấn chuột phải rồi chọn Save Target as để tải game!'><font style='font-family: Tahoma,Verdanda;font-size: 11px;'><b> <b>Nhấn vào đây để phóng to</b></font></a>"
+"</td>"
+"    </tr>"
+"</tbody>"
+"</table>"
+"</p>"
+"</BODY>"
+"</HTML>"
);
}</script></font>
<!--Code share by Nguyen Duc-->
Bạn chỉ cần tạo một widget HTML/Javascript rồi thêm code đó vào là xong thôi.

Hướng dẫn thêm game vào List:

Ở code trên bạn chú ý phần code màu đỏ. Đó chính phần code game thêm vào. Mỗi game được thêm vào dưới dạng:
<p>»  <a onclick="ND('http://media8.gamevui.com/images/Flash/ChienThuat/Age-of-war.swf','700','620')" href="#ND">
<font color="#347202">Cuộc chiến thế kỉ</font></a><font color="#347202"><br /></font></p>
Mô tả:
Phần code màu hồng chính là link game flash mà bạn muốn thêm. Phần màu xanh là tên game. Phần màu tím bạn có thể thay đổi, nó đơn giản chỉ là khi mình nhấn vô game thì nó hiện như hình dưới ở thanh địa chỉ:


Cứ mỗi game bạn đã có tên và thêm link vào thì bạn đặt ngay dưới phần code màu đỏ ở trên.

Hướng dẫn lấy link game :

- Hiện tại trên mạng có nhiều trang chơi game flash trực tuyến như Game Vui, Vương Quốc Game, Trò Chơi Việt, .....bạn vào một trang. Chọn lấy 1 game mình thích, bạn có thể thấy mỗi trang đều cho phép chèn game đó vào blog/web bằng cách copy lấy đoạn code của họ. Tuy nhiên, trường hợp này bạn chỉ lấy đường link game flash mà thôi. Nó tương tự như phần tôi bôi đen dưới đây :


Nếu trang mà bạn muốn lấy game không cung cấp link flash bạn có thể dùng View Source thần chưởng vậy.

- Giải pháp thứ 2 chúng ta có thể áp dụng đó là tải game về rồi up lên các host cho phép định  dạng swf lấy D-Link như : Photobucket, SwfCabin, SwfUpload,... rồi bạn lấy link game của mình và làm tương tự.

Chú ý : Các bạn có thể áp dụng thụ thuật này để tạo danh sách video, nhạc, hay cái gì đó tương tự,.. tùy theo ý tưởng của bạn.

Chúc các bạn vui vẻ !
Bài này chỉ dành cho Newbie, mong các cao thủ đừng chê cười.

Monday, August 8, 2011

Hướng dẫn cài đặt các tên miền đăng kí tại Việt Nam

Go Daddy là một trong những lựa chọn phổ biến nhất của các Blogger Việt khi đăng kí tên miền cho mình. Đăng kí cũng không có gì phức tạp tuy nhiên có một vấn đề làm cho nhiều người e ngại là hình thức thanh toán. Do đây là dịch vụ của nước ngoài nên việc thanh toán có đôi phần phức tạp. Vậy nên, có nhiều blogger đã tìm đến dịch vụ tên miền trong nước. Hiện tại cũng khá nhiều công ty cung cấp dịch vụ tên miền ở nước ta như Không Gian Mạng, Mắt Bão , Nhân Hòa, ..... Đối với Go Daddy hay các dịch vụ nước ngoài khác thì phần lớn đều cung cấp sẵn dịch vụ quản lí tên miền còn ngược lại đối với các tên miền đăng kí ở việt nam việc quản lí và sử dụng dịch vụ rất khó khăn bởi hệ thống quản lí còn hạn chế. Nhưng các bạn đừng lo, bài viết này tôi sẽ cho các bạn chưa biết một giải pháp. Đó là sử dụng host trung gian để quản lí tên miền. Và cũng có nhiều host trung gian ta có thể sử dụng. Hôm nay tôi sẽ hướng dẫn bạn sử dụng host Sitelutions để quản lí tên miền đăng kí của bạn. Do vậy đáng lẽ ra chủ đề của bài viết này sẽ là : "
Hướng dẫn sử dụng Sitelution làm host trung gian để quản lí tên miền đăng kí tại Việt Nam"
Nhưng mà cái tiêu đề này nhìn dài quá, sợ rằng các bạn nhìn mỏi mắt nên mình rút gọn lại cho đẹp nhé. Giờ chúng ta bắt đầu vào chủ đề chính nha.
Trước hết các bạn lthực hiện mấy bước sau để có ta có 1 tên miền quản lí ở Sitelutions:

Bước 1: Các bạn vào một trang đăng kí tên miền, ở đây tôi đăng kí ở Không Gian Mạng. Ở các trang cung cấp dịch vụ tên miền khác bạn cũng làm tương tự.
Bước 2:  Nhà cung cấp sẽ đưa cho chúng ta tài khoản và mật khẩu để chúng ta đăng nhập vào trang quản lí. Sau khi đăng nhập vào rồi, sẽ hiện ra một bảng thông tin trong đó có 2 ô DNS sever 1DNS sever 2. Bạn điền vào ở ô:
                   DNS Sever 1 : NS1.SITELUTIONS.COM
                   DNS Sever 2 : NS2.SITELUTIONS.COM

Bước 3 : Bạn vào trang http://sitelutions.com/ đăng kí 1 tài khoản bằng cách click  Sign up hay Free Sign up như hình dưới

Nó hiện ra bảng đăng kí, bạn điền thông tin vào rồi ấn Submit.

Hoàn tất việc đăng kí.

Bước 4 : Đăng kí xong rồi bạn vào email của mình vừa đăng kí để kích hoạt tài khoản nha. Kích hoạt xong bạn đăng nhập tại trang https://www.sitelutions.com/login.(Bạn sử dụng email và mật khẩu vừa đăng kí để đăng nhập)

Đăng nhập vô nó hiển thị lên cái bảng thế này :


Bạn Click vào Add Domain

Tại Domain Name (1) điền tên miền bạn đăng kí, (2) điền ngày tháng hết hạn tên miền (3) Tick (4) Ok
Nó hiện ra list các tên miền đăng kí :


Click và Edit DNS info.




Bảng A
(5) : Nếu bạn muốn cài cho tên miền dạng domain.com đi thẳng đến trang bạn thì bạn nhấn vào [Advanced Config & DDNS] ở [Root domain] rồi [Add Record] ở mục  A Records (Point to IP Addresses or Sitelutions Space) 4 lần, điền Ip của blogspot vào ta được như hình dưới:

Số ip cần điền lần lượt là :
216.239.32.21
216.239.36.21
216.239.34.21
216.239.38.21
Click Click here to return to the URL & DNS Control Center. ở phía trên ta quay về bảng A
(6) Nếu muốn tên miền dạng www.domain.com cũng trỏ đến trang Blog của bạn thì bạn click vào [Advanced Config & DDNS] ở [www]. Ta [Add Record] ở mục CNAME Records (Alias to another host/domain)
Điền vào ghs.google.com. ( Nhớ có dấu chấm nha bạn ).

Xong Save Record nó hiện ra thế này là được:


Click Click here to return to the URL & DNS Control Center. ở phía trên ta quay về bảng A

(7) Nếu muốn sử dụng domain dạng Sub.domain.com ( Ví dụ như Blog.duypham.info - Anh Duy nhà mình cũng dùng Sub domain đó ) thì bạn điền vào ô Sub ở bảng A rồi nhấn Add Host. Ví dụ như tôi tạo một Sub Home thì nó hiện ra thế này:


Bạn cài đặt bằng cách nhấn [Advanced Config & DDNS]  ở [Home] rồi làm tương tự như phần (6)

Bạn đã cài đặt xong ở trang quản lí trên sitelutions. Xin chúc mừng !

Tiếp theo mình sẽ hướng dẫn bạn thêm tên miền vào Blog của bạn.

Đầu tiên đăng nhập vào Blogger. Ấn vào mục Cài đặt:


Ấn tiếp vào Tab Xuất bản

 Và chuyển sang tên Miền tùy chỉnh. Click tiếp vào Chuyển sang các cài đặt nâng cao:

Nó hiện ra khung thế này
Phần (Info) bạn điền tên miền vừa cài đặt ở sitelutions vào. Lưu cài đặt là xong rồi đó bạn.

Lưu ý: Cài đặt có thể tiến hành trong vòng 48 tiếng. Trường hợp này bạn cố gắng chờ nhé. Good luck !

Một số mẹo giúp trang load nhanh hơn

Hầu như những bạn mới biết về blogspot (newbie) đều gặp khó khăn trong việc làm sao cho blog của mình load nhanh hơn. Mình cũng có một chút vốn liếng trong việc này nên mạn phép chia sẻ ở đây để các bạn mới có thể tích lũy thêm vài kinh nghiệm cỏn con trước khi tiếp tục dấn thân sâu vào con đường Blogspot.

1. Upload tất cả ảnh thẳng lên Blogger:

Hầu như đa phần chúng ta đều sử dụng những free template có sẵn trên mạng, và thường những template này có những hình ảnh được upload lên photobucket hoặc tinypic. Khi blog của bạn load bắt buộc nó phải link đến những nguồn hình ảnh trên, tất yếu sẽ giảm đi tốc độ tải trang của blog. Việc bạn cần làm bây giờ là đưa những hình ảnh đó trực tiếp lên Blogger, như vậy tất cả hình ảnh đều đã được đưa về một đầu mối duy nhất, dĩ nhiên việc tải trang sẽ nhanh hơn. Ở đây mình khuyến nghị bạn nên sử dụng Picasaweb để upload ảnh dùng cho blogspot.

2. Lưu hình ảnh dưới dạng .GIF hoặc .PNG:

Định dạng GIF (Graphics Interchange Format) và PNG (Portable Network Graphics) được nén rất tốt, dung lượng cực nhỏ và hầu như đều được hỗ trợ trên tất cả trình duyệt nên việc sử dụng chúng cũng sẽ là một cách hay giúp trang tải nhanh hơn.

3. Giới hạn kích thước ảnh khi đăng bài:

Kích thước chiều rộng và chiều cao của ảnh được giới hạn bằng pixels, ảnh càng lớn thời gian tải trang càng lâu, bạn nên chọn kích thước ảnh sao cho phù hợp với blog của mình.

Đây là code để giới hạn kích thước cho ảnh:

<img width='XXXpx' src='URL_ảnh' height='YYYpx'/>

4. Đừng sử dụng hình ảnh làm background:

Nếu bạn đang dùng hình ảnh làm background, mình khuyên bạn nên bỏ chúng đi, nó sẽ làm giảm khoảng 50% tốc độ tải trang. Bạn hãy nhìn đoạn code có sử dụng hình ảnh làm background dưới đây:

.sidebar .widget{
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ33NSAPlwZAld3c1IKcj78DLpRGWeKd6YJ578g75Fhc28JDhD57rZn652s-0dcXj6uIIN5a5JK_R88SY3fl-bz_vytsuu6NfYg_2KZXki0-aXsRYeEzGvpzDxLOXp0Bpie_ntxJP8cxIY/s1600/picture003.jpg
);
padding:0 0 15px 0;
margin-bottom:20px;

}

Bạn hãy bỏ đi đoạn code được tô màu đỏ, như vậy màu background của bạn là #fff (màu trắng), dĩ nhiên bạn có thể hiệu chỉnh mã màu này theo ý thích của bạn.

5. Ít quảng cáo:

Nếu như blog của bạn đăng nhiều mẫu quảng cáo để kiếm tiền thì chắc chắn rằng bạn đã lầm đường lạc lối, hãy quay đầu lại đi để thấy được bến bờ. Nguyên nhân? Đơn giản, chúng sẽ làm giảm tốc độ tải trang vì chứa nhiều javascript.

6. Hãy sử dụng Read more:

Bạn có thể kết hợp Auto Read more lẫn Read more mặc định có sẵn trên Blogger, bảo đảm tốc độ tải trang sẽ nhanh hơn và không bị lỗi phân trang. Tuy nhiên, nếu bạn không thích Auto Read more thì dùng Read more có xài javascript cũng được, trường hợp này không ảnh hưởng tốc độ tải trang là bao.

7. Giới hạn 4 hoặc 5 bài đăng ở trang chủ:

Đừng bao giờ cho hiển thị nhiều hơn 4 hoặc 5 bài đăng ở trang chủ, đọc giả sẽ cảm thấy hứng thú với blog của bạn khi nó được load cực nhanh.

Trên đây là một số kinh nghiệm được tích cóp của mình, dẫu biết rằng có điểm vẫn chưa được hoàn thiện song mình vẫn mong các bạn góp ý thêm và chia sẻ thêm những kinh nghiệm để các bạn mới dùng blogspot được biết những điều chưa biết dù là điều đơn giản nhất.

Monday, August 1, 2011

Tạo chú thích cho ảnh trong bài viết blogspot

Bạn có dịp tham quan những danh lam thắng cảnh trên thế giới và đã chụp lại rất nhiều ảnh đẹp. Bạn muốn chia sẻ những tấm ảnh đó với bạn của mình trên blog. Nhưng không phải ai cũng biết địa danh hay tên gọi của những nơi đó nên khi post ảnh lên bạn phải tạo chú thích cho ảnh.

Bây giờ bạn thử ngắm 2 hình ở trang DEMO này. Lưu ý: không thấy hiệu ứng khi xem ở IE.

Bạn thích kiểu ghi chú của hình 1 hay hình 2, nếu thích hình 1 thì bạn làm theo cách bình thường, upload ảnh lên xong thì viết ghi chú bên dưới nó. Nhưng nếu bạn thích kiểu ghi chú ở hình 2 thì sao?

Thủ thuật đơn giản sau sẽ giúp bạn có kiểu ghi chú ấn tượng này.

Các bạn đặt code này vào trướcdòng ]]></b:skin>.
.imgcaption {
padding-bottom:10px;
padding-top:30px;
position:relative;
}
.imgcaption cap {
position:absolute;
left:0%;
right:0%;
padding:10px;
background:#dddddd;
color:ffffff;
opacity:0.8 !important;
bottom:6%;
}
Xong rồi bạn lưu template lại.

Trong bài đăng, khi bạn upload ảnh thì ảnh thường có dạng như thế này:

<div class="separator" style="clear: both; text-align: center;"
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGJ4TLU0z2-GwnHBaam3c-9nnVW7n2vmFpM6K3xP0rFxi5bUd5EMgv7HIXFXlDMgX-q9bbvtcN6shlmDbBBwYPuHzzelBSL1LTEjZoKkqcMgN9evTu786xcRB5-cPe1rpongKK0YMMTSXH/s1600/Nha+hat+Opera.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGJ4TLU0z2-GwnHBaam3c-9nnVW7n2vmFpM6K3xP0rFxi5bUd5EMgv7HIXFXlDMgX-q9bbvtcN6shlmDbBBwYPuHzzelBSL1LTEjZoKkqcMgN9evTu786xcRB5-cPe1rpongKK0YMMTSXH/s1600/Nha+hat+Opera.jpg" /></a></div>

Bây giờ bạn chỉ cần nhìn vào code bên dưới, lưu ý "seperator" đã được thay bằng "imgcaption" và trước thẻ </div> chúng ta thêm vào dòng code màu đỏ là OK.
<div class="imgcaption" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGJ4TLU0z2-GwnHBaam3c-9nnVW7n2vmFpM6K3xP0rFxi5bUd5EMgv7HIXFXlDMgX-q9bbvtcN6shlmDbBBwYPuHzzelBSL1LTEjZoKkqcMgN9evTu786xcRB5-cPe1rpongKK0YMMTSXH/s1600/Nha+hat+Opera.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGJ4TLU0z2-GwnHBaam3c-9nnVW7n2vmFpM6K3xP0rFxi5bUd5EMgv7HIXFXlDMgX-q9bbvtcN6shlmDbBBwYPuHzzelBSL1LTEjZoKkqcMgN9evTu786xcRB5-cPe1rpongKK0YMMTSXH/s1600/Nha+hat+Opera.jpg" /></a><cap>Nhà hát Opera Sydney</cap></div>

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