H2A_Mot so doan code dep cho Blog

CODE để thay đổi màu các đường link trên blog của mình:
<STYLE type=text/css>A:link {
COLOR:green; FONT: 10pt Arial; TEXT-DECORATION:none
}
A:visited {
COLOR: blue; FONT: 10pt Arial; TEXT-DECORATION:none
}
A:hover {
COLOR:blue; FONT: 10pt Arial; TEXT-DECORATION:none
}
</STYLE>
Các bạn hãy copy đoạn code trên và dán vào một khối HTML. Có thể chèn đoạn code này
trước hoặc sau các đoạn code khác.
Hãy tự khám phá : Các bạn hãy thay đổi chữ in đậm theo màu và font chữ xem kết quả
mình tạo ra !
Với menu ngang ở phía trên của blog thì đã được hỗ trợ trong theme và cách tạo khá dễ
dàng. Tuy nhiên, để tạo thêm menu ở cuối trang thì chúng ta không thể thực hiện được như
thông thường. Để làm được điều này chúng ta cần chèn thêm code vào blog.
CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML:
Cấu trúc code như sau :
<div class="menutop nowrap" id="chromemenu"><ul><li><a href="link"><span> Tên
menu </span></a></li></div>
Để tạo thêm menu các bạn hãy lặp lại đoạn code <li><a href="link"><span> Tên menu
</span></a></li> tuỳ theo số menu cần tạo.
Lưu ý :
- Hãy thay link bằng địa chỉ (URL) cần link đến của menu
- Thay tên menu bằng tên bạn muốn hiển thị trên menu.
Các bạn có thể xem ví dụ về menu ngang tôi tạo ở cuối trang. Chúc các bạn thành công !
Bộ đếm số lượt truy cập cho blog thay thế bộ đếm của Violet
Khi đưa một website lên internet hay sử dụng blog ở một dịch vụ nào đó thì bộ đếm lượt
truy cập là một cái có thể nói là không thể thiếu, nó giúp cho việc đánh giá hiệu quả hoạt

động cũng như “sự nổi tiếng” của trang web. . Một số blog đã cung cấp sẵn bộ đếm như
wordpress hay yahoo 360, nhưng blogspot và một số site khác thì không có sẵn. Sau đây
tôi xin giới thiệu với các bạn một số website miễn phí có thể giúp bạn đưa bộ đếm vào
website hay blog của mình.
Cách sử dụng rất đơn giản, bạn chỉ cần đăng kí một tài khoản tại website, cung cấp địa chỉ
của website hay blog của bạn, sau đó nó sẽ sinh ra một đoạn mã chứa HTML và Javascript,
bạn hãy copy đoạn mã này và đặt vào bất cứ đâu trong website của mình, ở chỗ mà bạn
muốn nó hiện ra ấy.
Các bạn có thể xem một số hình minh họa mà nó sẽ hiển thị khi đưa vào website của chúng
ta, còn rất nhiều kiểu dáng, các bạn có thể vào site của nó để xem và lựa một kiểu thích
hợp .
1 số đoạn code đẹp cho Blog
Vài đoạn code đẹp và bổ ích cho các bạn .
Bạn muốn chèn code vào blog thì đánh dấu check vào ô View HTML Source. Rồi past
đoạn code vào là được .
Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)
<div align=center><img height=100 alt=Image src="image link" width=100
alt="Image" /></div>
Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
. Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của
ảnh.
. Image link, phải lấy link trực tiếp của bức hình.
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500
Cách chèn ảnh với size thực tế ( chiều rộng > 500)
_ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code
này vào:
<table id="Table_01" width="1000" height="750" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td>

<img src="link ảnh 1" width="500" height="750" alt=""></td>
<td>
<img src="link ảnh 2" width="500" height="750" alt=""></td>
</tr>
</table>
* Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví
dụ thôi )
Chèn link:
<a href="link">Tên muốn hiển thị</a>
Tạo bóng đổ cho text trong Blog:
<div align="center">
<span style="font-family: comic sans ms; font-size: 50px; font-weight:
bolder; color: rgb(130, 130, 130);">langtu</span>
<span style="font-family: comic sans ms; font-size: 50px; font-weight:
bolder; color: red; margin-left: -295px; vertical-align:
-5px;">binhphu</span>
</div>
Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác.
Code dùng để đóng khung trong blog:
<table background="link" border="1" cellpadding="30" cellspacing="2">
<tbody>
<tr>
<td>
<table style="height: 209px;" align="left" background="link" border="2"
cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left">
<span style="color: rgb(192, 0, 0);">
<div style="margin-left: 40px;">

đoạn text của khung bên trong www.binhphu.info<br />
</div>
</span>
</td>
</tr>
</tbody>
</table>
<br />
<span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài
www.binhphu.info</span><br />
</td>
</tr>
</tbody>
</table>
Tạo các icon có chứa link:
(nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến
1 cái link mình muốn- giống như kiểu [url=link text[/url] trong gvn vậy đó)
<div style="text-align: center;">
<a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47"
width="51" alt="Image" /></a></div> <br />
Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra
page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.
(¯`·_12a1BP.Tk_·´¯)

(¯`·_COS_·´¯)
Xem hồ sơ
Gởi tin nhắn tới (¯`·_COS_·´¯)
Tới trang web của (¯`·_COS_·´¯)
Tìm bài viết khác của (¯`·_COS_·´¯)
Nội Quy Viết Bài:

-Viết tiếng việt có dấu.
-Không dùng ngôn ngữ teen.
-Không post nội dung đồi trụy, phản động, nói tục, đã kích người khác, spam, virus,
lừa đảo
Xem Chi Tiết ...
Một Số Code Hay Cho Blog Y!H 360
Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình:
<!-- Start of SimpleHitCounter Code -->
<div align="center"><a href=""
target="_blank"><img src=" />uid=38358&f=16777215&b=0" border="0" height="18" width="83" alt="free
hit counters"></a><br><a href=""
target="_blank"><font size="-3">free hit counters</font></a></div>
<!-- End of SimpleHitCounter Code -->
Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)
<div align=center><img height=100 alt=Image src="image link" width=100
alt="Image" /></div>
* Thay thế image link = link ảnh
Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
. Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của
ảnh.
.* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
Code post nhạc MP3:
Lưu ý là code này chỉ post đc nhạc dạng *.mp3, chứ nhạc dạng *.wma hoặc dạng
khác ko đc!
<embed style="height:25px; width:400px; " type="application/x-shockwave-
flash" src=" link nhạc
.mp3" flashvars="autoplay=true" allowScriptAccess="none"></embed>
Code phông mờ trong blog (transparent entry):
<center> <div class="content-wrapper"> <div align="right"> <div style=""
class="container-6 blast whisper"> <div class="thm-box" style=""

align="center"> <p align="left">
@@@@@@
</center></div></center> <br />
</center> </span><div style="text-align:
left;"><center></center></div></div><p></p>
Code dùng như sau: Vào compose new entry Chọn View HTLM Paste code dưới vào
Chèn nội dung vào chữ @@@
Code chèn Flash vào Blog :
<embed quality="high" menu="true"
pluginspage=" />P1_Prod_Version=ShockwaveFlash" src="HTTP://LINKfileFLASH"
type="application/x-shockwave-flash" width="400" height="300"
loop="false"></embed>
Đây là đoạn code lá rời đầy Blog
<script language="JavaScript">
var isNetscape6=false;
if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion)
>= 5)
isNetscape6=true;
if (!isNetscape6){
num=15; //Luong La Roi Nhieu hay It
stopafter=300; //Thoi Gian Roi Bao Lau
//Pre-load images! Hinh Nhung Chiec la
pics=new
Array(" />om/uploads/l/lhblove/17404.gif"," />405.gif"," />g.com/uploads/l/lhblove/17407.gif"," />/17409.gif");
load=new Array();
for(i=0; i < pics.length; i++){
load[i]=new Image();
load[i].src=pics[i];
}
stopafter*=1000;

timer=null;
y=new Array();
x=new Array();
s=new Array();
s1=new Array();
s2=new Array();
if (document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img
src="+randomleaf+"></LAYER>");
}
}
if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px"><div
style="position:relative">');
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write('<img id="leaf'+i+'" src="'+randomleaf+'"
style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
if (!document.all&&!document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<div id='leaf"+i+"'
style='position:absolute;top:0px;left:0px'><img
src="+randomleaf+"></div>");
}

}
inih=(document.all)?
window.document.body.clientHeight:window.innerHeight-100;
iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-
100;
for (i=0; i < num; i++){
y[i]=Math.round(Math.random()*inih);
x[i]=Math.round(Math.random()*iniw);
s[i]=Math.random()*5+3;
s1[i]=0;
s2[i]=Math.random()*0.1+0.05;
}
function fall(){
h=(document.all)?window.document.body.clientHeight:window.innerHeight;
w=(document.all)?window.document.body.clientWidth:window.innerWidth;
scy=(document.all)?document.body.scrollTop:window.pageYOffset;
scx=(document.all)?document.body.scrollLeft:window.pageXOffset;
for (i=0; i < num; i++){
sy=s[i]*Math.sin(90*Math.PI/180);
sx=s[i]*Math.cos(s1[i]);
y[i]+=sy;
x[i]+=sx;
if (y[i] > h){
y[i]=-60;
x[i]=Math.round(Math.random()*w);
s[i]=Math.random()*5+3;
}
s1[i]+=s2[i];
if (document.layers){
document.layers["leaf"+i].left=x[i];

document.layers["leaf"+i].top=y[i]+scy;
}
else{
document.getElementById("leaf"+i).style.left=x[i];
document.getElementById("leaf"+i).style.top=y[i]+scy;
}
}
timer=setTimeout('fall()',20);
}
fall();
function dsbl(){
for (i=0; i < num; i++){
if (document.layers)
document.layers["leaf"+i].visibility="hide";
else
document.getElementById("leaf"+i).style.visibility="hidden";
}
clearTimeout(timer);
}
setTimeout('dsbl()',stopafter);
}
//-->
</script>
LÀM ĐẸP CHO BLOG (P1)
Thỉnh thoảng các bạn thấy Tế Điên làm mấy cái Tab cho những bài thơ (xem ví dụ) , hay
thay đổi ảnh nền của blog (xem ví dụ), hay thay đổi hình dạng con trỏ chuột (xem ví
dụ)... ... Sau khi thử nghiệm thêm vài cái mã hay hay, hôm nay Tế Điên cố gắng chia sẻ
những gì mình biết để mọi người cùng làm. Hi vọng Blog Tìm Nhanh sẽ ngày càng nhiều
màu sắc hơn.
Dĩ nhiên, sẽ còn nhiều sai sót, (TĐ chỉ là nghiệp dư mà ), có ai biết thêm gì thì góp ý

nha!!!
Một vài thứ cần nói trước khi nói về Code:
*Copy và Past đoạn mã :
Để tiện cho các bạn, Tế Điên sẽ cố gắng làm cho đoạn mã đơn giản
nhất.
Sau khi copy đoạn mã, bạn vào khung soạn thảo click vào ô “View
source” và paste vào (nên paste mã vào phần dưới cùng) , rồi chỉnh
lại một vài thông số theo ý mình, sau đó lại click vào ô "View source"
một lần nữa để xem thành quả…

* Cách đơn giản để lấy mã màu :
Mã màu thường có 7 ký tự, bắt đầu bằng dấu #.
Ví dụ: #fafdff, #D570EE …
Để biết được mã của màu mình mong muốn, check vào ô “Màu chữ”-
à “Màu khác”






* Nguồn ảnh-cách xem thông số:
Những hình ảnh mà các bạn dùng phải tồn tại trên Web, muốn vậy
các bạn phải upload hình của mình lên. Muốn upload hình của chính
mình lên bạn cần tạo một host trên web. Một số trang thông dụng
như flickr.com/ photobucket.com / fileden.com ... cho phép bạn làm
điều đó. Chỉ việc đăng ký một tài khoảng và upload. Hoặc nếu không
thì sử dụng nguồn ảnh trên net luôn.
Cách đơn giản để biết kích thước ảnh, link ảnh…: click chuột phải
vào hình, chọn “Properties”

Tạm thời có vài điều vậy thôi. Sau này sẽ có nhiều khi nhắc tới những điều trên.
Giờ ta bắt đầu với vài cái đơn giản trước, sau sẽ từ từ "nhức óc" dần...







**************************************************************



*Thay đổi hình dáng con trỏ chuột
Các bạn vào trang , chọn một mục ở cột bên trái,
sẽ thấy như sau:
Chỉ cần click vào ô mình thích, tự động nó sẽ đánh dấu cả đoạn mã. Right
click---> Copy.
Trước khi dán vào khung soạn thảo, phải chắc chắn rằng bạn đã mở "View
source".
Ví dụ:
TĐ chọn đoạn mã sau