Thứ Sáu, 8 tháng 7, 2011

Tạo Forum Cho Blogger




Hello. Hôm nay chúng ta sẽ nói về việc tạo forum trong blogger như là một mái nhỏ cho mọi thành viên chia sẻ kiến thức của mình
  Bước1: Save Template, bạn nên cẩn thận với các thay đổi trên blog bằng cách "Save" hay" backup" blog của bạn trước khi editting.



Bước 2: Có rất nhiều các websites cho bạn đăng kí sử dụng các dịch vụ forum riêng một cách tuyệt vời, bạn có thể tham khảo ở đây và tao riêng cho mình một Forum cho blog
Make Forum.org, Trang này bạn cần học thêm một số bước trước khi tạo Forum cho blog. Chỉ dẫn tại đây click Here[..]

http://www.freeforum.ca/  Free
http://www.eamped.com/

Bước 3: Đăng nhập vào blogger, vào DashBoard >> Posting >>  Edit Pages >> bạn tạo một Page mới và đặt tên là Forum hay bất cứ gì bạn muốn

Bạn copy và paste đoạn code sau vào. Lưu ý: chọn edit HTML trước và sau đó paste vào

<b:if cond='data:blog.url == http://yourblog.blogspot.com/p/forums.html'>
<style>iframe.templatedemo {width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;overflow-x:hidden;}
#header-wrapper{display:none;}
.feed-links {display:none;}
#sidebar-wrapper{display:none;}
#footer{display:none;}
#Content-wrapper{background:#111;}
body{background:#111;}
#main-wrapper{background:#111;}
</style>
</b:if>

<iframe class="templatedemo" scrolling="auto" frameborder="0" allowtransparency="true" src="http://forumname.hostingsite.com/"></iframe>


Bước 4:  Bạn phải nhớ là sửa lại các chữ màu đỏ bằng blog url riêng của bạn và save lại

Blogger Menubar Hình Tròn



  Với thanh menubar hình tròn sống động này trong blogger sẽ giúp cho users dễ dàng hơn trong việc tìm kiếm thông tin trên blog của bạn. Để thêm tính năng này vào blog, bạn làm theo những bước sau:


Bước 1: Goto >> dashboard >> design>> Page elements >> Add a Gadget >> html/javascript >> copy và paste đoạn code sau vào
 <ul id="circularMenu">
<li class="home"><a href="#"><b>HOME
back to the start</b></a></li>
<li class="chat"><a href="#"><b>CHAT
talk to friends in real time</b></a></li>
<li class="email"><a href="#"><b>EMAIL
send us your thought on an email</b></a></li>
<li class="shop"><a href="#"><b>SHOP
online shopping for all your needs</b></a></li>
<li class="delivery"><a href="#"><b>DELIVERY
track your deliveries</b></a></li>
<li class="search"><a href="#"><b>SEARCH
search our enormous site</b></a></li>
<li class="address"><a href="#"><b>ADDRESS
why not send us a letter</b></a></li>
<li class="upload"><a href="#"><b>UPLOAD
upload images to your web space</b></a></li>
</ul>
<style>
#circularMenu {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVDs2mn6b2caoHtxqV9_fvERGZF6e8acPxB2kGknSGoBG8a5H56YQUW3sojUa4FY80Wr_H991k8Lm4WaoTgpBWyN-4EpGCNBPh4ib4rorMDe4oyIeenONEfzRjO9ddJaNBSRlYHfjG9Ig0/s1600/background.gif) no-repeat;}
#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.home {left:120px; top:4px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNnSTetaAXf10-WdgSzwijR9CD1ouFmSYP8yoql20mobn0-A6RwZApAev554TlnRcV4i1VYaq448TEQZSQReNVCmWaeyPpGv9q5TY1cq8QaQ9rYGemxd1L7kAYw8QGHIHT2LfYoo7qAeS5/s1600/home.gif) no-repeat center center;}
#circularMenu li.chat {left:200px; top:40px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdvlHePBKP0IjSVMvqaH-txYUvVTt88lEzhDmYsEHVGXn79IfbWmyl_-FLae9hWZr7WrEyzhR0sGDnduDj5LEEjQ5ImWuq8ID0_N5_d7jxV20NrV_bVRIgNAOz8Gwg_-ahbu506vPsKCt5/s1600/chat.gif) no-repeat center center;}
#circularMenu li.upload {left:35px; top:40px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBmH8gy0Bit3UiohAAcOeMZwW_RM_4_0CLDTVre9WppurX5KhavWi027Oy7dS4Bie5Kd_ZBO1jtPrQ7UuDz8_ub1QeU-69JRM2vV2_yVQuNHLDZtJ01PphE5PeCBwf8n32Vae3DuEG86Hr/s1600/photo.gif) no-repeat center center;}
#circularMenu li.email {left:230px; top:115px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXcZ5Kdgz-6TS8ZUv4wPkfPwPZ2SBV9hbRZY1PTWFeLO6INqtlOU-BB22dCOVn15yEI0dp2aeDicfcY6iwIuo-EgwkLL4E5bZcXTvQWPzrWCyLkRooS9VxhNCjR92PtiMQV1zUPr4vKzv0/s1600/email.gif) no-repeat center center;}
#circularMenu li.address {left:5px; top:115px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqCczHDtSgou5gHHtJ9YowLfaI94KXb-PMUWYl8UcpETcEuK6ciI6WoCCXbDsWR1yIIuc2KPxHasA1niCiszSBTKRYEdQC4e6pYRHEJ4Kh5U6J6Vj0GxJmP4GllJ1F_EA5S6FEre5EbMgM/s1600/address.gif) no-repeat center center;}
#circularMenu li.shop {left:200px; top:190px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZ1a_zq6SKeAX1BNOfnK-NILNt2omm3HNxIJefHBJXjbhTv2Lf4VWhJXvrl9ybsfDSmxg5z9t_JPO_RN3vEOfgozIQQy5qCqANFNGUo3oEirRllv3q3KrSfnCAVIkkd4d9Zt86y5PpQNn/s1600/shop.gif) no-repeat center center;}
#circularMenu li.search {left:35px; top:190px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEXGfzhAVTatEexkr7m-UVWaIudaqeGqGR6cll1bvW60iExFe7xa4xGYBbbmOPSBManrexc7G97zjmptuazOYG2QYkwOZDUBIMvwMDbfW2BTlOGdJ9Aa02G49tyHDO_lkyFOI5QgfuakcN/s1600/search.gif) no-repeat center center;}
#circularMenu li.delivery {left:120px; top:225px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOwTcW8uj82MOucgeQi9DZ4QPlUOwVeIo6G546BNMSw79-mgJGBLuUDyG9ZEG8SvqrpXRjKfd_1E0lpwS7DkbTWgqMT_F7Wk5qaQ5kZW6ZVvVFWz6KjmiwQGog-2Prf489odl6sh8kLIS7/s1600/delivery.gif) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:60px; height:60px; text-align:center;}

#circularMenu li a:hover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIbiHX77_6Yf1wOqJBAp2oS66agEv_fBOmtpSQZ8MaUqRaGLt4Xhf97ODu6WaTU-l1ifvDT1swTIAxCi3W2-ZSDusJyhwEGwsBqT7Lj_OifJ2Mz0eWisDcDxArR6UEcQw5_NkcJ-SiIbGt/s320/circle.gif); text-decoration:none; font-family:georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.home a:hover b {left:-22px; top:100px;}
#circularMenu li.chat a:hover b  {left:-102px; top:64px;}
#circularMenu li.upload a:hover b  {left:63px; top:64px;}
#circularMenu li.email a:hover b  {left:-132px; top:-11px;}
#circularMenu li.address a:hover b  {left:93px; top:-11px;}
#circularMenu li.shop a:hover b  {left:-102px; top:-87px;}
#circularMenu li.search a:hover b  {left:63px; top:-87px;}
#circularMenu li.delivery a:hover b  {left:-22px; top:-121px;}
</style>


  Bước2: Bạn nhớ Chỉnh sửa/ Edit các đoạn code màu đỏ hình # với URL mà bạn sử dụng trong blog và save .

Liên kết đến một vị trí đặc biệt trong một trang web

Khi thiết kế trang web, nhiều khi bạn cần tạo một liên kết từ một phần của trang web đến một phần khác, lấy ví dụ khi tạo liên kết đến giữa bài viết hoặc đầu bài viết hoặc có thể đến cuối trang.
Ví dụ minh họa: Đến cuối bài viết
Bằng một số cú pháp HTML đơn giản thì bạn có thể thực hiện được công việc này.


Bước 1: Chọn vùng văn bản bạn cần liên kết dẫn đến khi được kích chuột vào liên kết. Ở ví dụ trên, văn bản được liên kết đến là HTML, được đặt trong câu "Xem tất cả bài viết trong chuyên mục Thủ thuật HTML" nằm ở cuối bài viết này.

Sau khi chọn từ bạn muốn liên kết đến thì bạn phải tạo một liên kết neo như thế này:

<a name="Text">Text</a>

Văn bản in đậm sẽ là văn bản được chọn, theo như ví dụ trong trang này là HTML. Dù bạn có thể thay đổi văn bản màu đỏ thành văn bản bạn thích song sẽ dễ dàng để nhớ hơn nếu bạn chỉ sử dụng cùng nội dung văn bản với văn bản bạn chọn làm neo liên kết. Theo như ví dụ trong trang này sau khi tạo neo thì nó trông như thế này:

Xem tất cả bài viết trong chuyên mục Thủ thuật <a name="HTML">HTML</a>

Bước 2: Bước cuối cùng là bạn phải tạo liên kết thực mà khi kích chuột vào thì sẽ đưa bạn đến văn bản neo.

<a href="#Text">Click Here</a>

Ở ví dụ trong trang này, tôi chọn HTML làm văn bản neo và “Đến cuối bài viết” được sử dụng để tạo liên kết. Khi kích chuột vào thì trang web sẽ nhảy đến văn bản neo HTML đã chọn.
Khi tạo liên kết, bạn phải sử dụng cùng tên trong liên kết với phần neo liên kết. Trong ví dụ tôi đã sử dụng HTML trong thẻ neo và HTML trong liên kết thực. Khi tạo liên kết, tôi đã sử dụng đoạn code này:

<a href="#HTML">Đến cuối bài viết</a>

Tạo Slideshow trình diển ảnh chuyên nghiệp, không có logo quảng cáo

Đây là ví dụ:


Để làm các bạn thực hiện như sau:




http://img301.imageshack.us/img301/9557/shishow1.png


• Trong giao diện trên. bạn cần chú ý dến 3 khu vực sau :
1. Khung này dùng để chọn Skin ( Giao diện), click vào giao diện mà bạn thích nhé, nó sẽ hiện ngay khung bên cạnh cho bạn dễ dàng lựa chọn .
http://img337.imageshack.us/img337/4126/shishow2.png
2. Khung này dùng để chọn kiểu trình diễn ảnh, bạn tiếp tục click vào kiểu trình diển để chọn lựa nhé:


http://img197.imageshack.us/img197/417/shishow3.png


3. Khung này dùng để đưa các tấm hình từ máy tính của bạn lên làm SileShow:


http://img301.imageshack.us/img301/4673/shishow4.png


• Bạn click Browse để chọn các tấm hình nhé, sau khi chọn xong bạn click Open ( như hình dưới) để đưa nó lên.


http://img197.imageshack.us/img197/2842/shishow5.png


• Chờ nó lưu các tấm hình của nó vào Host


http://img218.imageshack.us/img218/816/shishow6.png


• Nó báo xong rồi, Bạn click SAVE (get code) nhé.


http://img34.imageshack.us/img34/7788/shishow7.png


• Chưa xong đâu, sau khi click SAVE (get code) xong, trang webs sẽ sang 1 giao diện khác. Ở đây, sẽ có 1 khung để bạn điền tên SikeShow, tên của bạn, địa chỉ Email... Cái này không bắt buộc nhưng nếu muốn lần sau còn vào chỉnh sửa SileShow của mình thì bạn nên nhập đỉa chỉ Mail của bạn vào.


http://img132.imageshack.us/img132/3687/shishow8.png


• Sau khi hoàn thành các bước trên, bạn click SAVE SlideShow để lấy code Sildeshow của bạn:


http://img20.imageshack.us/img20/7444/shishow9.png


• Bạn copy toàn bộ code ở khung trên nhé, khi cho vào bài viết hay Modun tự tạo nó sẽ có dạng như thế này:
• Các Logo quảng cáo của trang Webs đã làm bớt đi sự hấp dẫn của Slide show bạn nhỉ . Vậy làm thế nào để xóa bỏ nó đi. Đây chính là điểm mà mình muốn nói đến trong bài viết này. Chúng ta tiến hành chỉnh sửa code trên thôi:
• Các bạn chú ý đoạn code mà chúng ta đã lấy được phía trên nhé, nó sẽ có dạng:
Code:

<p 
style="visibility:visible;"><object 
type="application/x-shockwave-flash" 
data="http://widget-3a.slide.com/widgets/slideticker.swf" height="320" 
width="426" style="width:426px;height:320px"><param name="movie" 
value="http://widget-3a.slide.com/widgets/slideticker.swf" 
/><param name="quality" value="high" /><param name="scale" 
value="noscale" /><param name="salign" value="l" /><param 
name="wmode" value="transparent"/> <param name="flashvars" 
value="cy=ms&il=1&channel=1441151880785661242&site=widget-3a.slide.com"/></object><p
 style="white-space:nowrap"><a 
href="http://www.slide.com/pivot?cy=ms&at=un&id=1441151880785661242&map=1"
 target="_blank"><img 
src="http://widget-3a.slide.com/p1/1441151880785661242/ms_t024_v000_s0un_f00/images/xslide1.gif"
 border="0" ismap="ismap" /></a> <a 
href="http://www.slide.com/pivot?cy=ms&at=un&id=1441151880785661242&map=2"
 target="_blank"><img 
src="http://widget-3a.slide.com/p2/1441151880785661242/ms_t024_v000_s0un_f00/images/xslide2.gif"
 border="0" ismap="ismap" /></a> <a 
href="http://www.slide.com/pivot?cy=ms&at=un&id=1441151880785661242&map=F"
 target="_blank"><img 
src="http://widget-3a.slide.com/p4/1441151880785661242/ms_t024_v000_s0un_f00/images/xslide42.gif"
 border="0" ismap="ismap" / </a></p></p>

• Chú ý đoạn chữ màu đỏ phía trên, đó chính là đoạn code chứa toàn bộ Logo quảng cáo của trang webs, bạn nên làm gì với nó. Tất nhiên là ... xóa nó đi. Đoạn code dài dằng dặc phía trên giờ chỉ còn :
<p 
style="visibility:visible;"><object 
type="application/x-shockwave-flash" 
data="http://widget-3a.slide.com/widgets/slideticker.swf" height="320" 
width="426" style="width:426px;height:320px"><param name="movie" 
value="http://widget-3a.slide.com/widgets/slideticker.swf" 
/><param name="quality" value="high" /><param name="scale" 
value="noscale" /><param name="salign" value="l" /><param 
name="wmode" value="transparent"/> <param name="flashvars" 
value="cy=ms&il=1&channel=1441151880785661242&site=widget-3a.slide.com"/></object><p
 style="white-space:nowrap"><a 
href="http://www.slide.com/pivot?cy=ms&at=un&id=1441151880785661242&map=1"
 target="_blank"></a></p></p>


• Kết quả nhận được nè:

 

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

Sửa lỗi ảnh tràn ra ngoài khung bài viết trong Blogger


VnBlognet [dot] com : Rất nhiều Blog gặp phải lỗi kích thước ảnh tràn ra ngoài phần hiển thị bài viết trong Blog. Giải quyết triệt để vấn đề này tương đối đơn giản bằng dòng lệnh trong CSS.
- Trước hết, các bạn xem xét các lỗi mắc phải với kích thước ảnh hiển thị trong bài viết:
1. Chiều rộng bức ảnh 800px được rút ngắn chiều rộng để phù hợp với chiều rộng 500px của bài viết, phần còn lại của bức ảnh bị ẩn không hiển thị.
not-proper-image
2. Hiển thị ảnh độ rộng 800px bị tràn ra khỏi phần độ rộng 500px của bài viết.
not-proper-aligned
Như 2 lỗi hiển thị trên, để bức ảnh hiển thị chính xác và không làm mất (ẩn) phần nào của bức ảnh như hình minh hoạ dưới:  Toàn bộ nội dung bức ảnh có độ rộng 800px hiển thị hết (được điều chỉnh) trong phần bài viết với chiều rộng 500px.
proper-aligned
Để chúng tự động điều chỉnh hiển thị phù hợp với phần nội dung bài viết các bạn làm như sau: (Ví dụ với chiều rộng của phần bài viết (Post section) là 500px.)
1Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard) Bố cục (Layout)  >  Chỉnh sửa HTML (Edit HTML)
2Điều chỉnh kích thước min và MAX của ảnh hiển thị trong Blogger:
- Để cố định hình ảnh hiển thị trong blogger, với hình ảnh  to hơn giá trị MAX thì sẽ tự động điều chỉnh về giá trị MAX, nếu ảnh nhỏ hơn giá trị min thì sẽ tự điều chỉnh về kích thước min, bạn tìm:

]]></b:skin>

Và đặt trước ]]></b:skin> đoạn mã sau:

.post img {
max-width:500px;
min-width:200px;
padding : 10px;
clear: both;
}


Nếu bạn muốn tất cả các hình ảnh hiển thị trong phần bài viết có kích thước cố định là 500 x 400 thì bạn chỉ cần thay thế đoạn code đã hướng dẫn ở trên bằng:

.post img {
width:500px;
height:400px;
padding:10px;
}


Giờ đây các hình ảnh hiển thị trên Blog của bạn có kích thước cố định là chiều rộng 500PX và chiều cao 400PX.

Lưu ý: Nếu hình ảnh hiển thị không như ý hoặc không chính xác thì bạn tìm  tag .post img trong  Blogger >> Layout >>Edit/Html  và chỉnh sửa chúng.

TẠO CHỮ KIỂU ĐÁNH MÁY CHO BLOGGER

Để tạo kiểu chữ đánh máy cho Blog, đầu tiên bạn đăng nhập Blog, chọn Thiết kế > Thêm tiện ích > thêm HTML/Javacript rồi dán toàn bộ code này vào


<script language="JavaScript1.2">
var ts_line=new Array()
var ts_link=new Array()
ts_line[1]="đánh chữ bạn muốn hiển thị vào đây"
ts_line[2]="đánh chữ bạn muốn hiển thị vào đây"
ts_line[3]="đánh chữ bạn muốn hiển thị vào đây"
ts_line[4]="đánh chữ bạn muốn hiển thị vào đây"


var ts_fontcolor="#327fff" // màu chữ
var ts_fontsize="18pt" //kích thước chữ
var ts_fontweight="normal" // độ đậm
var ts_fontfamily="Georgia" // font chữ
var ts_bgcolor="#002f44" // màu nền
var ts_bordercolor="#cccccc" //màu của đường viền
var ts_bordersize="5px" //độ rộng của đường viền
var ts_borderstyle="solid" // style của đường viền
var ts_padding="5px" // căn lề
var ts_width="650px" // độ rộng của khung hiển thị
var ts_height="100px" // chiều cao của khung hiển thị
var ts_delay="3000" // thời gian giãn cách hiển thị các đoạn văn bản
var ts_speed="55" // tốc độ typing (tốc độ hiển thị các từ)
var ts_linespread="1.2"
var ts_rand=0
var longestmessage=1
for (i=2;i<ts_line.length;i++){
if (!ts_line[i] ) {ts_line[i] = ''; ts_link[i] = '#';}
if (ts_line[i].length>ts_line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=ts_line[longestmessage].length

lines=ts_line.length-1 //--Number of lines

counter123 = 0;
temp=""
nextchar=-1;

var shown = new Array();
for (i = 1; i <= lines; i++ ) {
shown[i] = 0;
}

function checkshown() {
var num = 0;
for (i = 1; i<= lines; i++){
if (shown[i]) num++;
}

if ((num > (lines - 2))||(lines < 2)) {

for (i = 1; i <= lines; i++ ) {
shown[i] = 0;
}
}

return;

}

if (ts_rand == 1) {
checkshown();
do{
nextline=Math.floor(Math.random() * (lines + 1)); //1;
} while (shown[nextline] != 0);
shown[nextline] = 1;
} else {
nextline = 1;
}

cursor="\\"

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<table style="width: '+ts_width+'; height: '+ts_height+';">')

document.write('<tr><td')
document.write(' style=" cursor:hand; background-color: '+ts_bgcolor+'; color: '+ts_fontcolor+'; font-family: '+ts_fontfamily+'; font-size: '+ts_fontsize+'; font-weight:'+ts_fontweight+'; border-color: '+ts_bordercolor+'; border-style: '+ts_borderstyle+'; border-width: '+ts_bordersize+'; padding: '+ts_padding+'; width: '+ts_width+'; height: '+ts_height+'; text-align:left; vertical-align:top; " onfocus="blur()" ')
document.write('<a onclick="document.location=this.href;" id="banner_xyz_scroller" ')
document.write(' style="line-height: '+ts_linespread+'; color: '+ts_fontcolor+'; font-family: '+ts_fontfamily+'; font-size: '+ts_fontsize+'; font-weight:'+ts_fontweight+'; " ')
document.write (' href="javascript: void(0);"></a>')
document.write('</td></tr></table>')
}
var scroller = document.getElementById("banner_xyz_scroller");

function animate(){

if (temp==ts_line[nextline] & temp.length==ts_line[nextline].length & nextline!=lines){
if (ts_link[nextline]) {
//scroller.href="index.php?option=com_content&task=view&id="+ ts_link[nextline];
scroller.href="http://luyenthianhvan.org";
}

if (ts_rand == 1) {
checkshown();
do {
nextline = Math.floor(Math.random() * (lines + 1)); //nextline++;
}while (shown[nextline] != 0);
shown[nextline] = 1;
} else {
nextline++;
}

nextchar=-1;

scroller.innerHTML=temp;

temp="";
setTimeout("nextstep()",ts_delay)}
else if (nextline==lines & temp==ts_line[nextline] & temp.length==ts_line[nextline].length){
if (ts_link[nextline]) {
//scroller.href="index.php&id="+ ts_link[nextline];
scroller.href="http://luyenthianhvan.org";
}

if (ts_rand == 1) {
checkshown();
do{
nextline= Math.floor(Math.random() * (lines + 1)); //1;
}while (shown[nextline] != 0);
shown[nextline] = 1;
} else {
nextline = 1;
}

nextchar=-1;
scroller.innerHTML=temp;

temp="";
setTimeout("nextstep()",ts_delay)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"
}


nextchar++;
temp+=ts_line[nextline].charAt(nextchar);


scroller.innerHTML=temp+cursor
setTimeout("animate()",ts_speed)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
Nếu muốn thêm hàng thì copy đoạn này ts_line[X]="đánh chữ bạn muốn hiển thị vào đây" dán thêm vào (X là số line tiếp theo), nếu muốn ít hơn thì xóa nó...
Bạn có thể thay đổi màu sắc cho chữ, màu nền, độ rộng, độ dài....để phù hợp với blog của mình (xem hướng dẫn cách lấy mã màu TẠI ĐÂY).
Cuối cùng bấm Lưu. Bây giờ bạn trở vào Blog sẽ thấy hàng chữ đánh máy đẹp hiển thị trên blog.
Chúc bạn thành công

CÁCH TẠO ĐỒNG HỒ CHO BLOGGER


1 Để tạo cho Blog có một chiếc đồng hồ đệp các bạn VÀO ĐÂY và chọn cho mình một kiểu đồng hồ bằng cách Click chọn Gallery (Cửa hàng) bnê tay trái

Photobucket
Trang web xẽ cung cấp cho các bạn một số loại đồng hồ như: Đồng hồ kim (đồng hồ số), đồng hồ có kềm lịch,... Bạn thích cái nào thì chọn View HLML Tag -> Acceps
Photobucket
Sau đó tuỳ loại đồng hồ bạn có thể chọn màu cho đồng hồ tại thẻ Choose your Color, Chọn giờ tại thẻ Bangkok Time (GMT+7h00) Tại thẻ TimeZone và kích thước đồng hồ ở mục Size
Photobucket
Khi chọn song các mục trên các bạn Copy đoạn Code ở phí dưới dán vào Blog
- Để dán vào Blog các bạn làm như sau
+ Đăng nhập vào Blog
+ Chọn Thiết Kế - Thêm Tiện Ích - HTML/Javacript rồi dãn code vào
Photobucket
2. Ngoài ra nếu bạn muốn chiếc đồng hồ có hình nền hoặc hình chính mình thì các bạn VÀO ĐÂY
- Tại đó bạn bấm nút Open để chọn hình nền từ máy tính
- Bấm vào nút Select Clock để chọn kiểu đồng hồ
- Bấm nút Select Hand để chọn kiểu kim đồng hồ
- Bấm nút Select Item để chọn màu cho từng loại kim đồng hồ. màu cho số đồng hồ bằng cách kéo thanh trượt ở phía dưới
Photobucket
- Cuối cùng các bạn bấm vào CODE để lấy mã HTML dán vào Blog của mình như bước ở bên trên
Đây là bản Demo cho các bạn xem thử
- N ếuvẫn chưa ưng ý với các kiểu đồng hồ ở trên các bạn có thể tham khảo các kiểu đồng hồ tuyệt đẹp TẠI ĐÂY

Đăng nhập nhiều tài khoản Gmail cùng lúc


Tính năng này cho phép người dùng đăng nhập cùng lúc không quá 3 tài khoản Gmail
trên một trình duyệt. Để thực hiện việc này, đầu tiên truy cập vào địa chỉ: https://www.google.com/accounts/ManageAccount từ trình duyệt cần dùng để thiết lập chế độ đăng nhập nhiều tài khoản Gmail. Đăng nhập vào mail và nhấn vào Edit ở mục Multiple sign-in.
Tiếp theo, đánh dấu chọn trước dòng On - Use multiple Google Accounts in the same web browser và cả bốn tùy chọn bên dưới mục này. Xong, nhấn nút Save.
Đợi đến khi thấy thông báo Your account information has been updated and saved – Back thì nhấn vào chữ Back để trở lại trang quản lí tài khoản của mình.
Lúc này, ngay sau tên tài khoản Gmail ở phía trên góc phải màn hình sẽ có thêm một nút mũi tên. Người dùng chỉ việc nhấn vào đó > chọn Sign in to another acccount…
Ngay lập tức, người dùng sẽ được chuyển đến trang đăng nhập tài khoản mới. Cần cung cấp thông tin về tên tài khoản (Email) và mật mã (Password), rồi nhấn Sign in để đăng nhập.
Lần lượt như vậy, có thể đăng nhập được 3 tài khoản (tính cả tài khoản đã đăng nhập sẵn). Nếu đăng nhập đến tài khoản thứ 4 thì sẽ gặp thông báo như bên dưới và không thể đăng nhập được nữa.
Sau này, để thay đổi tài khoản sử dụng, chỉ việc nhấn vào nút mũi tên sau tên tài khoản đang dùng và chọn.

Cách chia module blog làm nhiều cột


Đôi khi bạn muốn lập các bảng biểu hoặc chia bài viết thành nhiều cột mà chưa biết cách sau đây mình xin giới thiệu cho các bạn cách tạo khung cho bài viết

Đây là code chia cái module làm 2 cột :

<table style="width: 600px;"  border="1">
  <tr>
    <td style="width: 350px;text-align:left;" >
        Nội dung cột 1
    </td>
    <td  style="width: 350px;text-align:left;" >
        Nội dung cột 2
    </td>
  </tr>
</table>
Cái này cơ bản thì có viền xung quanh , để xoá viền đi các bạn để border = 0 là được
Đó là cách chia còn để chèn nội dung các bạn làm như sau :
Code nè


<table border="1" style="width: 600px>
  <tr>
    <td style="width: 350px;text-align:left;">
        <img src="http://i1183.photobucket.com/albums/x467/namkna/thsubforum_new.gif"><a href="http://namkna.blogspot.com/">Tiêu đề bài viết 1</a><br>
        <img src="http://i1183.photobucket.com/albums/x467/namkna/thsubforum_new.gif"><a href="http://namkna.blogspot.com/2011/02/phim-hanh-ong-tuyen-chon.html">Tiêu đề bài viết 1</a><br>
    </td>
    <td 
style="width: 350px;text-align:left;">
       
<img src="http://i1183.photobucket.com/albums/x467/namkna/thsubforum_new.gif"><a href="http://namkna.blogspot.com/2011/02/phim-hanh-ong-tuyen-chon.html">Tiêu đề bài viết 1</a><br>
       
<img src="http://i1183.photobucket.com/albums/x467/namkna/thsubforum_new.gif"><a href="http://namkna.blogspot.com/2011/01/hai-xuan-2011.html">Tiêu đề bài viết 1</a><br>
    </td>
  </tr>
</table>
các bạn để ý đoạn mình tô đỏ trên code kia<img src="http://i1183.photobucket.com/albums/x467/namkna/thsubforum_new.gif"> là hình ngôi sau (icon) đầu các tiêu đề các bạn có thể thay icon đó bằng các icon khác cho phù hợp bài trước mình đã share rất nhiều incon các bạn có thể trọn thoải mái

Còn đoạn mình tô màu xanh :
<a href="http://namkna.blogspot.com/">Tiêu đề bài viết 1</a>  là liên kết tới blog có cấu trúc :
<a href="link bai viet">Tiêu đề bài viết </a> <br>
chỗ link bài viết các bạn thay link bài viết cần đưa lên và tiêu đề = tên của bài viết đó đừng nói không hiểu nhé @@ còn cái : <br> là để xuống dòng :D
cái này là cực kì rễ hiểu và rễ làm còn muốn pro hơn các bạn kết hợp CSS nữa  thì sẽ đẹp và gọn  gàng hơn có 1 vấn đề nữa là nếu bạn dùng code đơn giản này , thì khi nội dung cột 1 dài hơn cột 2 hoặc ngược lại thì cái cột có nội dung ngắn hơn sẽ bị tụt xuống ( ra giữa cột ) nếu các bạn muốn lúc nào vị trí cũng ở trên top của cột thì các bạn thêm đoạn này vào sau code là ok

"valign="top"
vậy sau khi thêm ta sẽ được thế này :

<table border="1" style="width: 600px>
  <tr>
    <td style="width: 350px;text-align:left;"valign="top">
        Nội dung cột 1
    </td>
    <td  style="width: 350px;text-align:left;"valign="top">
        Nội dung cột 2
    </td>
  </tr>
</table>
đó là code để chia thành 2 cột còn 3 cột thì các bạn thêm 1 đoạn code nữa là ok thôi

<td  style="width: 200px;text-align:left;"valign="top">
        Nội dung cột 3
    </td>
Là được 3 cột nếu muôn độ rộng của các cột ngang nhau thì các bạn chia cái % đều nhau là được đây là code hoàn chình 3 cột :
<table border="1" style="width: 600px>
  <tr>
    <td style="width: 200px;text-align:left;"valign="top">
        Nội dung cột 1
    </td>
    <td  style="width: 200px;text-align:left;"valign="top">
        Nội dung cột 2
    </td>
    <td  style="width: 200px;text-align:left;"valign="top">
        Nội dung cột 3
    </td>
  </tr>
</table>
vậy là hoàn thành 3 cột rùi đó còn nếu muốn 4 cột thì các bạn làm tương tự như là thêm 3 cột
Chúc các bạn thành công !

Cách Để Mọi Người Biết Đến Blog Của Mình


Làm thế nào để Blog của ban được nhiều người biết tới ?
Trước hết nếu bạn viết blog để giải trí, giết thời gian hay trút bầu tâm sự thì bạn không cần quan tâm đến câu hỏi này. Còn nếu các bạn viết blog vì muốn được nhiều người biết đến thì tôi sẽ chỉ cách cho bạn.

Các vấn đề ảnh hưởng tới sự phổ biến của một blog:


1. Tên của bạn (Who ?)


Trước hết, bạn hãy tạo cho mình một nickname, hay cũng có thể dùng chính tên thật của mình để thông báo cho mọi người biết họ đang truy cập vô blog của ai, hay ít ra là để… ký tên cho những bài viết của mình.

Chọn một cái tên đẹp, dễ nghe, dễ nhớ và quan trọng là dễ phát âm nó.
Các bạn đừng nghĩ rằng việc này sẽ làm mất đi sự … bí ẩn mà bạn muốn tạo ra. Bạn nên nhớ một điều: đối với google, cái gì lặp lại càng nhiều lần sẽ càng quan trọng. Mỗi lần bạn xưng tên mình là cơ hội google “thấy” bạn càng cao.
Hơn nữa, đây cũng là một cách tạo thương hiệu của bạn. Và bạn đừng thay đổi cái tên này, ít ra là cũng đừng thay đổi quá thường xuyên!

2. Địa chỉ blog (Where ?)


Địa chỉ blog của bạn phải liên quan chặt chẽ tới cái Tên/Nickname đã chọn. Thí dụ: địa chỉ blog của tôi ở Yahoo!360 là
http://blog.360.yahoo.com/blog-fNI82Xoyc…

và đồng thời cũng là
http://vn.360plus.yahoo.com/namkna

_ Rõ ràng là cái địa chỉ phía dưới sẽ dễ nhớ hơn cái địa chỉ ở trên, đúng hông nè.

Cũng như vậy, địa chỉ blog của các bạn nên có dạng là: (namkna là ví dụ)
http://vn.360plus.yahoo.com/namkna

http://namkna.blogspot.com/

http://namkna.wordpress.com/
  (Địa chỉ này chỉ là ví dụ)
http://my.opera.com/community/namkna
(Địa chỉ này chỉ là ví dụ)
_Bạn tự tìm hiểu cách làm địa chỉ này nhé. Hãy làm ngắn lại địa chỉ blog của bạn, sẽ rất thuận lợi cho Google tìm thấy và liệt kê blog của bạn trong danh sách tìm kiếm .

3. Trình bày blog (How ?)


_Theo tôi, bạn hãy chọn một theme/layout có độ tương phải giữa chữ viết và màu nền cao , trình bày đơn giản, đừng dùng quá nhiều hình ảnh hay hình ảnh quá nhiều chi tiết đừng cố nhồi nhét quá nhiều module hay thông tin của mình vào trang chủ , và thống nhất font chữ trong toàn bộ các entry của các bạn ( tôi chọn Arial )

_Khi bạn chọn cách trình bày đơn giản và sáng sủa rõ ràng, người đọc sẽ dễ chịu hơn khi con mắt không phải làm việc quá tích cực. Và hơn nữa, nó gây cho người đọc mới một ấn tượng thân thiện hơn.
_Bạn nên thống nhất cách trình bày, font chữ, cách sắp đặt hình ảnh/âm thanh trong bài viết thống nhất, bởi vì những chi tiết nhỏ sẽ liên quan đến BAS ( Brand Awareness System) - Hệ thống nhận dạng thương hiệu. Thật ra BAS liên quan nhiều hơn đến thương mại điện tử ( tôi sẽ nói về vụ này sau ) , nhưng cứ tin tôi đi, cách trình bày của bạn sẽ tạo ra một dấu ấn riêng cho bạn.

4. Lên lịch viết bài (When ?)


_Bạn viết bài mới mỗi 2 tháng, hay 1 tháng, hay hàng tuần, hoặc nếu có thời gian thì hàng ngày - đều ổn. Nhưng theo tôi thì bạn hãy viết bài một cách có chu kỳ, bởi nó sẽ tạo cho người đọc thói quen vào blog bạn đọc bài ngay cả lúc bạn không thông báo bạn có bài mới.

_Bạn nào đọc tới đây mà nói rằng tôi muốn viết chừng nào tôi viết thì làm ơn chú ý tới vấn đề tôi đang giải quyết: làm sao để blog bạn được biết đến nhiều hơn, nhé.
_Bạn không cần phải viết bài thường xuyên (hàng ngày hay hàng tuần), nhưng hãy có một lịch viết bài.

5. Đăng ký với các công cụ tìm kiếm


Có một hành động mà tôi tin rằng ít bạn nào làm, là đăng ký sự tồn tại của blog mình với các công cụ tìm kiếm, ở đây tôi đề cập tới 3 công cụ được sử dụng nhiều nhất: Google, MSN và Yahoo.

Các bạn vào các địa chỉ này để báo cho người ta biết rằng mình có 1 blog nhé!
Google.com
http://www.google.com/addurl.html

Yahoo.com (phải log in - bằng tài khoản Yahoo! của bạn)
http://submit.search.yahoo.com/free/requ…

MSN.com
http://search.msn.com/docs/submit.aspx?F…

Hành động của bạn sẽ này làm cho các SE (Search Engine) bắt đầu tìm đến địa chỉ của blog bạn và làm việc. Làm việc như thế nào thì để tôi nói từ từ. Nhưng các bạn chỉ nên đăng ký với các SE sau khi bạn đã làm xong 4 bước phía trên nhé.

6. Xác định các cụm từ chủ yếu


Các cụm từ chủ yếu là key words cho blog bạn.

Hành động này gần giống như việc chọn chủ đề cho blog của bạn ( phần 7 ) , nhưng thuộc về các công cụ tìm kiếm. Tưởng tượng bạn sẽ gõ cái gì vào thanh tìm kiếm của Google khi bạn muốn đọc một cái gì đó, thì đó sẽ là cụm từ chủ yếu của blog bạn.
_Bạn phải suy nghĩ xem bạn muốn người ta đến blog của bạn qua những cụm từ nào. Thí dụ có người chọn tình yêu, tình bạn; cũng có người chọn xe tăng, đại bác; có người lại chọn quần áo, xe cộ, dân chơi; có người chọn kinh tế, xã hội , hot girl , hot boy… vân vân
_Khi bạn xác định được là gì rồi, tôi thí dụ là tình yêu, tình bạn, tình cảm, thì hãy chọn cho mình những chủ đề thích hợp về các cụm từ này , bền bỉ viết về chúng, lặp đi lặp lại các cụm từ này trong tất cả những bài viết
làm cho nó xuất hiện khắp mọi nơi trong blog của bạn thậm chí ngay cả nickname của bạn cũng nên có chữ Tình Yêu
_Tôi nhắc lại: lặp đi lặp lại một cách kiên nhẫn những cụm từ này trong blog của bạn.
_Điều này rất quan trọng với các công cụ tìm kiếm, bởi đó chính là những keyword mà các SE sẽ dẫn người tìm kiếm đến blog của bạn. Tần suất lặp lại càng nhiều, khả năng được nhìn thấy là càng cao, bạn nhớ nhé.

(Các) nguồn

7. Chọn chủ đề cho blog


_Tôi muốn nhắc các bạn rằng viết cái gì là quyền của bạn, nhưng hãy kiên trì với những gì mình viết.

_Đơn giản nhất - và đang được nhiều người viết nhất - là bạn viết về cuộc sống của mình, cuộc sống xung quanh bạn. Sáng đi học thấy cái gì vui, hôm nay đi làm gặp anh nào đẹp trai hay cô nào đẹp gái, đi công chuyện cho sếp giữa đường thấy quýnh lộn… Hay hôm nay đi shopping mua được cái gì, hôm nay ăn cái gì, đi karaoke ở đâu, du lịch ở chỗ nào mới về, hôm nay anh í tỏ tình ra sao… vân vân… đều là những đề tài thích hợp cho blog cá nhân ( muốn có 1 blog thông tin giải trí thành công như OnlyU , Quáck Đại Ca , Nhím Lông Xanh , Tắc Kè ... thì hơi bị khó )
_Kế tiếp thì bạn có thể tự sáng tác những bài thơ, bài văn nào đó tả cảnh, tả chim chóc cây cỏ, tả hoa lá mây trời, tả tình yêu đơn phương hay đa phương của bạn. Dừng ở mức liệt kê và miêu tả thôi nhé, đừng đi sâu hơn. Theo thống kê của tôi thì số blog đang có những entry tả chim chóc đậu trên cành cây hay con cá vẫy vùng trong sóng nước hay ngọn cỏ mơn man trong nắng gió hay bà Tám đi chợ là những blog được đọc và comment nhiều nhất, vì chúng dễ viết, dễ đọc, dễ hiểu và dễ comment.
Bạn cũng có thể viết tóm tắt hay cảm nhận cho phim ảnh, sách truyện hay các bài hát/album của người khác. Điều này đơn giản vô cùng, bởi vì bạn đã có sẵn đề tài và bạn làm việc dựa trên sự sáng tạo của người khác, không cần phải vắt óc suy nghĩ. Nhưng nó đòi hỏi ở bạn khả năng xem/nghe/đọc và thẩm thấu những ý nghĩa mà các tác giả muốn gửi gắm. Đừng có ráng viết về một cái gì đó mà bạn không hiểu rõ, nếu không nó sẽ làm entry của bạn rất tức cười.
_Hoặc bạn có thể viết về lãnh vực chuyên môn/nghề nghiệp của bạn. Nếu bạn muốn viết về đề tài này, tôi khuyên bạn hãy viết rất chuyên môn, nghĩa là người đọc sẽ tìm được rất rất nhiều thông tin mới mẻ từ blog của bạn, tôi chắc chắn rằng những blog như vậy sẽ rất thu hút. Thí dụ nhà văn có thể viết về cách sáng tác văn hay thời gian xuất bản cuốn sách mới của mình; nhà báo có thể nói về các phương tiện làm báo, các khó khăn khi hành nghề; kỹ sư thủy lợi có thể viết về hệ thống đê điều, phòng chống lụt bão; bác sĩ có thể viết về thuốc; nhà giáo có thể viết về những giáo án hay cách lên lớp của mình; đầu bếp có thể nói về các món ăn; vân vân và vân vân…
_Hoặc bạn có thể làm một blog media chuyên về hình ảnh, âm thanh bằng cách ôm máy đi chụp vòng vòng hay quay film lại những gì bạn cho là thú vị, rồi đưa lên blog của mình (ở đây tôi không bàn tới kỹ thuật).Những blog như vậy cũng rất thú vị, và sẽ có rất nhiều người thích quan sát cuộc sống đến chiêm ngưỡng những tác phẩm của bạn. Đừng lo hình chụp xấu, cứ chụp đi bạn( nhưng đừng học tập mấy Girl ỏ Boy " tưởng là mình cá tính , hot , kul " rồi chụp mấy hình show hàng , tự sướng , không tốt đâu nhé bạn , nên tạo 1 blog mọi người vào đọc vì quý mến bạn nhé ) .
_Hoặc bạn có thể sáng tác truyện dài, tiểu thuyết, tản văn, tạp bút, bút ký, phê bình văn học , dịch truyện vân vân và đi chuyên về mảng này ( blog Trang Hạ chẳng hạn ). Theo tôi những blog này cũng được rất nhiều người đọc và quan tâm, nhưng bạn phải chọn được chủ đề cho những sáng tác của mình nhé.
_Và cũng trong category này, nếu có thể thì các bạn hãy viết review về những nhà hàng, quán ăn, quán café, rạp chiếu film, quán karaoke… đẹp và hay ho mà bạn đã đi qua. Tin tôi đi, bạn sẽ nổi tiếng trong vòng chưa tới 6 tháng với đề tài này - bởi hiện nay tôi chưa thấy blog nào viết về đề tài này một cách chuyên nghiệp hết.
_Nếu bạn thích, thì bạn cũng có thể làm một blog tổng hợp tất cả những categories trên. Nhưng bạn phải cẩn thận, bởi một người thông thường không có đủ thời gian và kiến thức cho mọi lãnh vực, do đó những bài viết của bạn dễ bị nhàm chán nếu chủ đề của bạn quá ôm đồm. Cẩn thận.
_Những chủ đề bạn nên tránh viết là : chính trị xã hội - đa số người Việt đều rất nhát gan, bạn viết về đề tài này không khác gì đàn gảy tai trâu
sex - trừ khi bạn thật sự muốn blog bạn trở thành một blog sex chửi rủa thiên hạ, phê phán xã hội - rất ít người nào thích bị chửi, phải không
copy lại những bài viết hay của người khác

8. DẪN LINK RA NGOÀI

_Hình như không ai hiểu tại sao họ phải dẫn link ra ngoài, thành ra không có nhiều người làm.


_Bạn càng dẫn link ra ngoài ( outgoing links ) blog của bạn nhiều thì các công cụ tìm kiếm càng dẫn người tìm kiếm vào blog bạn nhiều.

Ngạc nhiên chưa!
_Nguyên tắc làm việc của các công cụ tìm kiếm là : các công cụ tìm kiếm sẽ dẫn người đang tìm thông tin đến nơi mà từ đó người ta sẽ tìm được nhiều thông tin hơn .
_Để tôi giải thích cho rõ ràng hơn. Các công cụ tìm kiếm sẽ ưu tiên các trang web nào có nhiều link qua các trang web khác ( outgoing links ) hơn, vì tính chất đầu tiên và quan trọng nhất của mạng toàn cầu chính là chia sẻ thông tin, do đó trang nào có nhiều outgoing links sẽ được xếp hạng cao hơn các trang khác và ưu tiên giới thiệu trong danh sách tìm kiếm.
_Rồi, hiểu rồi hén! Không phải giải thích nhiều, không phải nói nữa nghen mấy bạn!
_Sẽ có bạn hỏi rằng: tôi dẫn người ta qua chỗ khác, lỡ chỗ đó hay hơn rồi người ta không quay lại nữa sao? Ờ, đó là vấn đề cạnh tranh, bạn phải biết làm sao để blog của mình hay hơn người khác, và bạn phải có lòng tự tin với chất lượng của blog mình.

9. Quan tâm đến comment

_Nếu bạn comment cho người khác thì những comment của bạn cũng chính là thông điệp quảng cáo của bạn. Một comment dài và có ý nghĩa luôn luôn thu hút sự chú ý của người khác hơn là những comment kiểu: bóc tem, hay quá, tuyệt vời, cho dù đó là những lời khen ngợi.

_Bạn hãy comment ở những blog được nhiều người đọc, để lại link qua blog bạn và viết những comment có ý nghĩa, thì cơ hội chủ blog/người khác chú ý đến bạn là rất cao.
_Nếu bạn là chủ blog : Hãy trả lời cho các comment trong blog bạn một cách đều đặn, cởi mở, chân thành và lịch sự, cho dù comment đó viết gì đi nữa, chê bai hay rủa xả bạn, thì cũng hãy tôn trọng thời gian họ đã bỏ ra để đọc những entry của bạn rồi … chửi bạn.

10. Quan tâm đến danh sách bạn bè

 
_Hãy kết nối những blog nào viết hay và viết dày, hơn là những blog nào viết nhiều mà viết dở. Bảo đảm rằng bạn đọc và comment cho tất cả những blog nào bạn có trong friend list của bạn.
_Đừng tham một friend list 300 người, điều đó không nói lên cái gì cả ( lại còn chả add thêm được ai cũng như chả ai add được mình dù chỉ là ở Favorites ).

11. Trao đổi blogroll - link

_Hãy trao đổi link đến blog của mình đến blogroll của người khác ( vào xem blogroll của tui nhé , hj`hj` ).


12. Ký tên vào các email bạn gửi đi

_Nếu bạn thường xuyên làm việc với email, hãy ký tên và đính kèm đường dẫn tới blog của mình


13. Cuối cùng : Slogan cho chính bạn ( Iam me , anyway )


_Điều này rất ít người chú ý đến, nhưng hãy để ý rằng slogan là điều gợi nhớ đầu tiên của người khác về nội dung blog của bạn.

http://mrhpvn.blogspot.com/

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

TẠO NÚT "BACK TO TOP" CHO BLOGGER


Để tạo điều kiện thuận lợi cho khách tham quan khi đọc xong bài có thể quay về đầu trang nhanh chóng, bạn phải tạo cho Blog một nút bấm phía dưới cuối trang, khi bấm vào nút này lập tức sẽ đưa khách "về đầu trang".
Đầu tiên, bạn đăng nhập vào blog, chọn Thiết kế > Thêm tiện ích > Thêm HTML/Javacript rồi dán tòan bộ code dưới đây vào ô trống phía dưới, sau cùng bấm Lưu

<a  
style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#"  
title="Back to Top"><img  
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAcd2IbAtdB4wuwn96nWu85J1jcqBDeH85upp2rIF2x8d3IURbXjytfXih6ZT-wv1JDUO_pOCqCRsdZzLSwdIg8TQVA8-_j7gHw0d8qo3U3hCCMU-f309fQYm306T9u_zFOe1fZlXPu67/s1600/vers-haut-icone-7320-48.png"
  /></a>
Bạn có thể thay đổi hàng chữ "Back to Top" thành hàng chữ nào mình thích (thí dụ: về đầu trang, lên trên...), nếu không thích hình mũi tên này, bạn cũng có thể thay đổi đường link "http:....png" bằng đường link hình của mình. (bạn VÀO ĐÂY để kiếm thêm một số hình mũi tên, thích cái nào thì tải về upload lên, rồi lấy link hình thay vào)

GẮN HỘP XEM TRUYỆN CƯỜI VÀO BLOG


"""Một nụ cười bằng 10 thang thuốc bổvới 1 đoạn code ngắn và đơn giản, bạn có thể gắn hộp xem truyện cười cho Blog để khách tham quan có thể giải trí khi vào Blog của mình, các truyện này sẽ tự động thay đổi truyện khi bạn load trang và điều đặc biệt là bạn có thể thêm truyện mới do chính mình thiết lập.
Đầu tiên, bạn đăng nhập vào Blog, chọn thiết kế > thêm tiện ích > thêm HTML/Javacript, sau đó dán đoạn code này vào:

<iframe frameborder="1" width="210" src="http://www.luudiachiweb.com/truyencuoi.htm" height="200"></iframe>

Bạn có thể thay đổi chiều cao (height) hoặc chiều rộng (width) cho hộp truyện, nếu muốn màu nền cho hộp truyện thì bạn chỉ cần thêm đoạn code này style="background:#ffffff;" vào sau đoạn code 
<iframe frameborder="1" nó sẽ thành như sau:

<iframe frameborder="1"style="background:#ffffff;"width="270" src="http://www.luudiachiweb.com/truyencuoi.htm" height="200"></iframe>

Cuối cùng, bạn Save rồi trở lại vào Blog thì sẽ có một hộp xem truyện cười "dễ thương" để giải trí rồi đấy!!!

Hướng Dẫn Xem Vieo HD Trên YouTobe Không lag và giật

      YouTobe là trang tủ của Google do vậy tốc đọ load là rất nhanh có thể nói là nhanh nhất hiện nay tuy nhiên nếu không biết cách các bạn xem vẫn bị lag đối với các video ở định dang HD và Full HD. Sau đay mình xin hướng dẫn cách cơ bản sau mà đa số các bạn không để ý tới.
Các bạn chú ý phần khoanh màu đỏ mà mình đánh dấu nha


Photobucket


        Khu vực khoanh tròn đó là các độ phân giải mà máy của bạn xẽ xem, bao gồm các độ phân giải từ 240p 360p; 480p; 720pHD; 1080pHD; Bình thường khi bạn xem các vi deo có độ phân giải từ 480p trở xuống ở chế độ thu nhỏ (Minimize) thì máy xẽ tự động điều chỉnh độ phân giải phù hợp. Nhưng khi bạn xem ở chế độ Full Screen thì máy tính sẽ xem ở chế độ có độ phân giải cao nhất tức là 720p (đối với video có độ phân giải lớn nhất là 720pHD) và 1080p (đối với video có độ phân giải lớn nhất là 1080pHD) ở các độ phân giải này thì máy tính sử dụng các gói mạng bình thường (dưới 500k/tháng) rất khó xem (bởi độ phân giải rất cao nếu mạng bình thường thì xẽ không load kịp) gây ra tình trạng lag và giật khi xem

     Cách khắc phục:

Photobucket

      Sau đó chọn đọ phân giải từ 480p trở xuống (tốt nhất là 360p)


Photobucket

      Lúc đó tốc độ load của Video xe nhanh hơn
     Đây là Video FullHD các bạ có thể thử ở chế độ Minimize và chế độ Full Screeen





       Bạn cũng có thể thay đổi một số thiêt lập khi xem Youtobe như sau đăng nhập vào  truy cập vào trang cài đặt phát: http://www.youtube.com/account_playback đăng nhập vào Youtobe bằng tài khoản youtobe của bạn
 
       Sau đó tích chuột vào ô tôi có kết nối châm không bao giờ phát video có chất lượng cao hơn (I have a slow connection. Never play higher-quality video.). Nếu mạng ping tốt một chút thì có thể tích vào ô Luôn chọn tuỳ chọn tốt nhất cho tôi dựa trên kích thước trình duyệt của tôi (Always choose the best option for me based on my player size.). Nếu mạng của bạn không phải mạng cáp quang thì không nên chọn ô: Luôn phát HD khi chuyển sang chế độ toàn màn hình (khi sẵn có) [Always play HD when switching to fullscreen (when available)]


       Ngoài ra nếu bạn dùng trình duyeetn Moliza Fifox thì bạn có thể sử dụng thêm tiện ích sau: Better YouTube . Tiện ích Better YouTube  này cũng cải thiện được tốc đọ load khi xem Video trên Youtobe tương đối tốt


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

TẠO LOGO HIỂN THỊ THEO THỜI GIAN ĐỊNH TRƯỚC



Để trao đổi liên kết với các blog khác và để không chiếm không gian của Blog, bạn có thể tạo các logo liên kết chạy ngang (xem hướng dẫn TẠI ĐÂY) hoặc thiết lập thời gian hiển thị logo do mình định trước bằng cách sau:

Đầu tiên, bạn đăng nhập vào blog > chọn Thiết kế > Thêm tiện ích > thêm HTML/Javacript, sau đó dán toàn bộ các code này vào



Bây giờ, bạn có thể thay thế các địa chỉ Blog và link ảnh mà bạn muốn liên kết ở các dòng:
avx[0]="http://www.dungheineken.blogspot.com/";
avy[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1Bp2xA7MtbkXJNlRAH9pWApYi8bcbLYzjjLtaWXg1nMzMWANOoXdung6-1YWmsXmAfHd4zy_8rBxuzLdPufC7Do6KWZflRWKODjQVzeMC2B4wUnmyrQMIx146aydWOc7xTsyDVqbYG1L/s1600/coollogo_com-21114715.gif ";
Cho đến avx[5]
              avy[5]
Nếu muốn thêm liên kết thì bạn cứ copy 2 dòng trên và đổi số hiển thị với số thứ tự tiếp theo.
Ví dụ: ở code trên chỉ có 6 liên kết (tính cả số 0), bây giờ bạn muốn thêm 1 liên kết nữa thì copy 2 dòng trên và đổi thành avx[6]avy[6] là xong.
Với code trên sẽ là như vầy:


http://dungheineken.blogspot.com
http://kimduccz.blogspot.com/

Bài viết liên quan

Related Posts Plugin for WordPress, Blogger...