H2AMot so doan code dep cho Blog

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[r]

(1)

CODE để thay đổi màu đường link blog 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 copy đoạn code dán vào khối HTML Có thể chèn đoạn code này trước sau đoạn code khác.

Hãy tự khám phá : Các bạn thay đổi chữ in đậm theo màu font chữ xem kết mình tạo !

Với menu ngang phía blog hỗ trợ theme cách tạo dễ dàng Tuy nhiên, để tạo thêm menu cuối trang khơng thể thực như thông thường Để làm điều cần chèn thêm code vào blog.

CODE để tạo thêm menu ngang cuối trang thẻ HTML: Cấu trúc code sau :

Để tạo thêm menu bạn 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 địa (URL) cần link đến menu - Thay tên menu tên bạn muốn hiển thị menu.

Các bạn xem ví dụ menu ngang tơi tạo cuối trang Chúc bạn thành công ! Bộ đếm số lượt truy cập cho blog thay đếm Violet

Khi đưa website lên internet hay sử dụng blog dịch vụ đếm lượt truy cập nói khơng thể thiếu, giúp cho việc đánh giá hiệu hoạt động “sự tiếng” trang web Một số blog cung cấp sẵn đếm wordpress hay yahoo 360, blogspot số site khác khơng có sẵn Sau tơi xin giới thiệu với bạn số website miễn phí giúp bạn đưa đếm vào website hay blog mình.

Cách sử dụng đơn giản, bạn cần đăng kí tài khoản website, cung cấp địa chỉ website hay blog bạn, sau sinh đoạn mã chứa HTML Javascript, bạn copy đoạn mã đặt vào đâu website mình, chỗ mà bạn muốn ấy.

Các bạn xem số hình minh họa mà hiển thị đưa vào website chúng ta, nhiều kiểu dáng, bạn vào site để xem lựa kiểu thích hợp

(2)

Vài đoạn code đẹp bổ ích cho bạn

Bạn muốn chèn code vào blog đánh dấu check vào ô View HTML Source Rồi past đoạn code vào

Chèn hình ảnh với kích cỡ ý muốn: (chiều rộng < 500)

Trong đó: <div align=center> : dùng ảnh nằm trang

Các height width phải điền xác với chiều cao chiều rộng ảnh

Image link, phải lấy link trực tiếp hình

* Cách cho chèn ảnh với chiều rộng không 500

Cách chèn ảnh với size thực tế ( chiều rộng > 500)

_ Cắt dọc ảnh thành hình nhau, up lên host đấy, paste code vào:

</table>

* Chiều rộng chiều cao ảnh nhớ ghi xác (cịn số code ví dụ thơi )

Chèn link:

Tạo bóng đổ cho text Blog:

<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 chữ comic sans ms, khơng thích đổi kiểu chữ khác

(3)

đoạn text khung bên www.binhphu.info<br /> </div>

</span> </td> </tr> </tbody> </table> <br />

<span style="color: rgb(255, 64, 64);"> đoạn text khung bên www.binhphu.info</span><br />

</td> </tr> </tbody> </table>

Tạo icon có chứa link:

(nghĩa blog hình, bấm vào hình dẫn đến 1 link muốn- giống kiểu [url=link text[/url] gvn đó)

Đoạn code có nghĩa là: hình ảnh 1, bấm vào page Nếu muốn làm nhiều lặp lại code

(¯`·_12a1BP.Tk_·´¯)

(4)

Xem hồ sơ

Gởi tin nhắn tới (¯`·_COS_·´¯) Tới trang web (¯`·_COS_·´¯) Tìm viết khác (¯`·_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ó người xem trang mình:

<! Start of SimpleHitCounter Code >

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.asp?

uid=38358&f=16777215&b=0" border="0" height="18" width="83" alt="free hit counters"></a><br><a href="http://www.simplehitcounter.com"

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ỡ ý muốn: (chiều rộng < 500)

* Thay image link = link ảnh

Trong đó: <div align=center> : dùng ảnh nằm trang

Các height width phải điền xác với chiều cao chiều rộng ảnh

.* Cách cho chèn ảnh với chiều rộng không 500 Code post nhạc MP3:

(5)

Code phông mờ 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 sau: Vào compose new entry Chọn View HTLM Paste code vào Chèn nội dung vào chữ @@@

Code chèn Flash vào Blog :

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" src="HTTP://LINKfileFLASH"

(6)

Đây đoạn code rời đầy Blog

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("http://yeublog.com/uploads/l/lhblove/17403.gif","http://yeublog.c om/uploads/l/lhblove/17404.gif","http://yeublog.com/uploads/l/lhblove/17 405.gif","http://yeublog.com/uploads/l/lhblove/17406.gif","http://yeublo g.com/uploads/l/lhblove/17407.gif","http://yeublog.com/uploads/l/lhblove /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++){

(7)

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(){

(8)

(9)

LÀM ĐẸP CHO BLOG (P1)

Thỉnh thoảng bạn thấy Tế Điên làm Tab cho thơ (xem ví dụ) , hay thay đổi ảnh blog (xem ví dụ), hay thay đổi hình dạng trỏ chuột (xem ví dụ) Sau thử nghiệm thêm vài mã hay hay, hôm Tế Điên cố gắng chia sẻ những biết để người làm Hi vọng Blog Tìm Nhanh ngày nhiều màu sắc hơn.

Dĩ nhiên, cịn nhiều sai sót, (TĐ nghiệp dư mà ), có biết thêm góp ý nha!!!

Một vài thứ cần nói trước nói Code: *Copy Past đoạn mã :

Để tiện cho bạn, Tế Điên cố gắng làm cho đoạn mã đơn giản nhất

Sau copy đoạn mã, bạn vào khung soạn thảo click vào ô “View source” paste vào (nên paste mã vào phần cùng) , chỉnh lại vài thơng số theo ý mình, sau lại click vào ô "View source" một lần để xem thành quả…

* Cách đơn giản để lấy mã màu :

Mã màu thường có ký tự, bắt đầu dấu # Ví dụ: #fafdff, #D570EE …

(10)

* Nguồn ảnh-cách xem thơng số:

Những hình ảnh mà bạn dùng phải tồn Web, muốn các bạn phải upload hình lên Muốn upload hình mình lên bạn cần tạo host 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ý tài khoảng upload Hoặc khơng thì sử dụng nguồn ảnh net luôn.

(11)

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

(12)

*Thay đổi hình dáng trỏ chuột

Các bạn vào trang http://www.moocursors.com , chọn mục cột bên trái, sẽ thấy sau:

Chỉ cần click vào thích, tự động đánh dấu đoạn mã Right click -> Copy.

Trước dán vào khung soạn thảo, phải chắn bạn mở "View source".

Ví dụ:

(13)

-

<a href="http://www.moocursors.com"> Cursors </a><a href="http://www.myspacecursor.net">FreeCursors</a><br />

-Thật ra, đoạn mã có:

-<style type="text/css">body {cursor: url(http://www.moocursors.com/cat/2.ani); } </style>

-do đó, phần từ <br/> đến <br/> khơng cần thiết, xóa đi.

TĐ dán câu mã vào khung soạn thảo mã entry này, kết như bạn thấy Các bạn kết hợp hai loại , cho hiệu ứng rất đẹp Có điều, hiệu ứng xuất trang entry mà bạn dán đoạn mã, entry khác bình thường.

*Làm khung cho blog:

Đoạn mã đơn giản sau:

-<table border="a" cellspacing="b" cellpadding="c" background="url" bgcolor="mã màu" bordercolor="mã màu"> <td>nội dung blog </td></table>

-

Ghi chú:

***border: độ dày khung, chọn 1,2,3,4,5… (nếu chọn thì chỉ có hình mà khơng có khung viền)

(14)

***background: hình cho khung (nếu link hình sai để trống phần này, cho khung suốt)

***bgcolor: màu (cách để biết mã màu nói trên) ***bordercolor: màu viền (cách để biết mã màu nói trên).

Các bạn tuỳ biến thơng số a, b, c, link hình, màu theo ý

Ví dụ:

Tế Điên chọn a=2, b=30, c=15 , Link hình là:

http://media.bigoo.ws/content/background/love/love_15.gif Màu #E5E5E5 , màu viền #7477F3

Khi có đoạn mã sau:

- <table border=2 cellspacing=30 cellpadding=15

background="http://media.bigoo.ws/content/background/love/love_15.gif" bgcolor=E5E5E5 bordercolor=7477F3><td> nội dung blog nội dung blog nội dung blog nội dung blog </td></table> -

Khi dán vào khung soạn thảo, hiển thị sau:

nội dung blog nội dung blog nội dung blog nội dung blog

Cũng với thông số chọn không chọn màu viền, có đoạn mã biến thể sau:

- <table cellspacing="30" cellpadding="15" align="center"

background="http://media.bigoo.ws/content/background/love/love_15.gif" border="2"> <tbody>

</td> </tr> </tbody> </table>

(15)

Cái khung trông này:

Một biến thể khác:(chọn

cellSpacing=15, cellPadding=15, border=2)

-<table cellSpacing=15 cellPadding=15

background=http://media.bigoo.ws/content/background/love/love_15.gif border=2> <tr> <td>Nội dung blog Nội dung blog Nội dung blog </td> <td>Nội dung blog Nội dung blog Nội dung blog </td> </tr> </table>

-sẽ hiển thị khung vầy:

Nội dung blog

Thêm đi:

-

<table border=2 cellSpacing=15 cellPadding=15

background=”tạm thời không để link cho suốt”> <tr>

-với mã khung vầy:

Tiêu đề tiêu tiêu đời Nội dung blog

Nội dung blog Nội dung blog

Nội dung blog Nội dung blog Nội dung blog

cái để tham khảo:

-<table background="link" border="1" cellpadding="15" cellspacing="2"> <tbody> <tr> <td> <table style="height: 180px;" align="left"

(16)

background="http://media.bigoo.ws/content/background/love/love_11.gif" border="2" cellpadding="5" cellspacing="5"> <tbody> <tr>

<td align="left"> Nội dung blog khung bên trong</td> </tr> </tbody> </table> <br /> Nội dung blog khung bên <br /> </td> </tr> </tbody> </table>

-Nội dung blog khung bên ngoài

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

(17)

* Thay đổi hình cho blog:

Tế điên thử nhiều mã khơng thể thay đổi hình phía trên, thay đổi hình thơi

Đoạn mã 1:

-<style type="text/css"> body {

background-color:#030303; background-image:url(link hinh); background-repeat:no-repeat; background-position:0 100%; }

</style>

-Hình chọn làm tốt nên có kích thước 1024 x 400 , hoặc 1024 x 500 Tế Điên upload hình muốn và có link

Bây đoạn mã hồn chỉnh có là:

-<style type="text/css"> body {

background-color:#030303;

background-image:url(http://www.fileden.com/files/2007/2/13/769339/Final_fantasy.jpg); background-repeat:no-repeat;

background-position:0 100%; }

</style>

-

Kết có hình cá nhân thay hình theme xem ví dụ cụ thể entry này.

(18)

làm thử, Tế Điên thấy bên blog enny_188 dùng hiệu ứng này, nhìn rất đẹp

Đoạn mã 2:

-<style type="text/css"> body

{

background-image:url(link hình); background-attachment: fixed; background-position: center; background-repeat:no-repeat; background-color:ffffff; }

</style>

-

dùng link hình trên, với mã cuộn, ta thấy này, xem Ví dụ tại đây

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

* Chèn ảnh vào Blog:

Cách dễ việc copy paste ảnh vào thôi, việc địi hỏi hình ảnh phải tồn ổn định mạng Việc gặp chút rắc rối, ảnh có kích thước lớn làm khung blog bị kéo dãn phần hiển thị khoảng 500 pixels bề ngang, nên có số chữ bị che khuất.

(19)

Hoặc bạn dùng đoạn mã sau:

-<img height=X src="link hinh" width=Y alt="Image" />

-với X chiều cao hình, Y chiều rộng hình

Việc upload hình xem kích thước, link hình nói phần đầu tiên Chữ "Image" xuất bạn để chuột khu vực hình, lợi dụng điều này, ta viết câu thích, hay câu nói ý câu thích phải đặt dấu " "

(20)

(21)

Code dem so nguoi truy cap <! Histats.com START >

var s_sid = 869851;var st_dominio = 4; var cimg = 510;var cwi =72;var che =18; </script></a>

</noscript>

(22)

Các mã code đẹp lung linh cho blog, forum

1 Trái tim lung linh nè!

Cái nj có hẳn code cho nhà lựa chọn (sướng ná! ~^^~) a) Trái tim

Trích dẫn:

type="application/x-shockwave-flash" menu="false" wmode="transparent" height="140" width="340"></object></div>

Đây hình minh họa, 4rum ta ko hỗ trợ post file flash nên bạn click link nhé, yên tâm no virus !( check )

http://imgfree.21cn.com/free/flash/61.swf

b) Trái tim Trích dẫn:

c) Trái tim Trích dẫn:

(23)

d) Trái tim Trích dẫn:

e) Trái tim Trích dẫn:

2 Tuyết rơi Cái nj có code ^^ 2.1) Tuyết rơi

Code: Trích dẫn:

(24)

2.2) Tuyết rơi Code:

Trích dẫn:

(25)

3 Sao băng (cái nj có code thui) 3.1) Sao băng

Code: Trích dẫn:

3.2) Sao băng Code:

Trích dẫn:

<center><a href="http://www.glitterbell.com/"><img

src="http://i157.photobucket.com/albums/t72/gbbp/comments/holidays/christmas/b ig-christmas/dropping-big-love.gif" alt="Hot Comments" border=0></a><br><a href="http://www.glitterbell.com/">MySpace Graphics at

GlitterBell.com</a><br><a

href="http://www.glitterbell.com/comments/holidays/christmas/">MySpace Christmas Comments</a></center><img

style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0

(26)

ZwPTE3NzA2MSZkPSZnPTEmdD*mbz1hNmMzMmY3ZWI4NDU*OTg4 YTkyMWIzOTVmNzZhOGRhNA==.gif" />

(27)

Thủ thuật làm blog : Làm đẹp cho blog yahoo360 Plus

Các blogger bàn tán xôn xao chuyện blog yahoo360 đóng cửa Để tiếp tục cho việc viết blog, số blogger chuyển qua yahoo360 plus Blog nâng cao thú vị 360 Sau số đoạn code để blogger làm đẹp cho plus 360

Mã CSS làm theme cho plus:

Ảnh toàn blog bất động:

BODY.blog_my {BACKGROUND:url(link ảnh here) #000000 fixed;} Ảnh Top - Bottom 360 cũ:

#blast A, #blast A:hover{ COLOR: #;

} body{

background:/*Màu background*/;} #doc2, #doc{

background:/*Màu background*/ url( Link ảnh Top) no-repeat center top;} #bd{

background:transparent url( Link ảnh Bottom) no-repeat center bottom;}

(Bạn lấy link ảnh từ search google upload ảnh lên web)

Chèn hình cho module thơng tin cá nhân (module chứa avatar):

#profile_highlight_module rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module fiendlist:

#friendlist_module rc_bd {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module Bài Mới:

#article_new rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module Thư Mục Riêng:

#folder rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;} Chèn hình cho module Comment mới:

#comment_new rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module Thống Kê plus

(28)

#subscribe_highlight rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module tự tạo, gồm 10 module từ 10001 => 10010, thay số tương ứng với module tự tạo mà bạn muốn thay nền:

#user_mod_10001 rc_bd rc_bc{background:url(link ảnh here) #653e16 top right repeat;}

Chèn hình cho module Lịch

#calendar rc_bd rc_bc {background:url(link ảnh here) #653e16 top right repeat;} Đoạn code làm cho hình trái tim xuất chuột rê vào link blog: a:hover

{text-decoration:none; color:#D570EE;

text-decoration:none; font-weight:bold;

background-image:url(Link ảnh here);}

Chọn mẫu ưng ý mà bạn thích để thêm vào "Link ảnh here", rê chuột vào hình đó:

Tất đoạn code bạn copy paste theo mẫu sau : Thiết kế ->Theme->Chế độ tự chỉnh sửa->Tiếp->paste vào khung CSS->xong

(29)

Đếm số người truy cập

Làm để đếm số lượng người đả truy cập? viết sẻ trẻ lời cho bạn.

Code:

(global.asax)

void Session_Start() {

int count_visit = 0;

//Kiểm tra file count_visit.txt khơng tồn thì

if(System.IO.File.Exists(Server.MapPath("count_visit.txt")) == false){ count_visit = 1;

}

// Ngược lại thì else{

// Đọc dử liều từ file count_visit.txt System.IO.StreamReader read = new

System.IO.StreamReader(Server.MapPath("count_visit.txt")); count_visit = int.Parse(read.ReadLine());

read.Close();

// Tăng biến count_visit thêm 1 count_visit ++;

}

// khóa website Application.Lock();

// gán biến Application count_visit Application["count_visit"] = count_visit;

// Mở khóa website Application.UnLock();

// Lưu dử liệu vào file count_visit.txt System.IO.StreamWriter writer = new

System.IO.StreamWriter(Server.MapPath("count_visit.txt")); writer.WriteLine(count_visit);

writer.Close(); }

(30)

}

void Application_OnStart(){

}

void Application_OnEnd(){

}

</script>

(main.aspx)

<%@ Page Language="C#" ContentType="text/html" ResponseEncoding="utf-8" %><! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

</head> <body>

<!–Hiển thị số người đả truy cập–>

Đả có <strong><%=Application["count_visit"].ToString()%> </strong> người viến thăm </body>

</html>

Download code:

(31)

<! Start FastWebCounter.com >

<a href="http://casinoclubdice.net/de/" target="_blank" class="links">Online Casinos</a></div>

<! End FastWebCounter.com >

Dùng notepad tạo file với nội dung trống, đặt tên sau: oh_no.Sexy

Dán đọan mã vào web nơi muốn đặt gõ lưu lại dạng php

CODE <?

$CountFile = "oh_no.Sexy"; $CF = fopen ($CountFile, "r"); $Hits = fread ($CF,

filesize ($CountFile)); fclose ($CF);

$Hits++;

$CF = fopen ($CountFile, "w"); fwrite ($CF, $Hits);

Định dạng
Số trang	31
Dung lượng	372,5 KB