H2A_Mot so doan code dep cho Blog

CODE để thay đổi màu các đường link trên blog của mình:CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML: Cấu trúc code như sau : Tên menu Để tạo thêm menu các bạn hãy l

Trang 1

CODE để thay đổi màu các đường link trên blog của mình:

CODE để tạo thêm menu ngang ở cuối trang hoặc trong các thẻ HTML:

Cấu trúc code như sau :

Để 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

Trang 2

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)

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"

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

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:

Trang 3

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 đó)

Đ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_·´¯)

Trang 4

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

* 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!

Trang 5

type="application/x-shockwave-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=""

Code chèn Flash vào Blog :

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

type="application/x-shockwave-flash" width="400" height="300"

loop="false"></embed>

Trang 6

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

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.com/uploads/l/lhblove/17404.gif","http://yeublog.com/uploads/l/lhblove/17405.gif","http://yeublog.com/uploads/l/lhblove/17406.gif","http://yeublog.com/uploads/l/lhblove/17407.gif","http://yeublog.com/uploads/l/lhblove/17409.gif");

for (i=0; i < num; i++){

Trang 7

iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-for (i=0; i < num; i++){ y[i]=Math.round(Math.random()*inih);

Trang 8

</script>

Trang 9

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ữ”-à “Mchữ”-àu khác”

Trang 10

* 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”

Trang 11

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

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

Trang 12

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

Các bạn vào trang http://www.moocursors.com , 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

Trang 13

-do đó, cái phần từ <br/> đến <br/> là không cần thiết, có thể xóa đi.

TĐ đã dán câu mã chính trên vào khung soạn thảo mã của entry này, kết quả như các bạn đã thấy Các bạn có thể kết hợp cả hai loại , sẽ cho hiệu ứng cũng rất đẹp Có điều, hiệu ứng đó chỉ xuất hiện trong trang entry mà bạn dán đoạn

mã, các entry khác vẫn bình thường.

*Làm khung cho blog:

Đoạn mã đơn giản nhất như 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 của khung, có thể chọn 1,2,3,4,5… (nếu chọn 0 thì

chỉ có hình nền mà không có khung viền)

***cellpadding: khoảng cách giữa chữ và khung viền

***cellspacing: độ lớn của khung viền

Trang 14

***background: hình nền cho khung (nếu link hình sai hoặc để trống

phần này, mặc nhiên nó sẽ cho ra cái khung trong suốt)

***bgcolor: màu nền (cách để biết mã màu thì như đã nói ở trên)

***bordercolor: màu viền (cách để biết mã màu thì như đã nói ở

Màu nền là #E5E5E5 , màu viền là #7477F3

Khi đó chúng ta sẽ có đoạn mã sau:

Khi dán vào khung soạn thảo, nó sẽ hiển thị như sau:

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

Cũng với các thông số như đã chọn trên nhưng không chọn màu viền, có một đ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>

Trang 15

Cái khung sẽ trông như thế này:

Một biến thể khác :(chọn cellSpacing=15, cellPadding=15, border=2)

-sẽ hiển thị cái khung như vầy:

Nội dung blog

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

Thêm cái này nữa đi:

-

<table border=2 cellSpacing=15 cellPadding=15

background=”tạm thời không để link cho nó trong suốt”>

<tr>

<tr>

</table>

-với cái mã này thì cái khung sẽ trong như 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

cái này thì để tham khảo:

-<table background="link" border="1" cellpadding="15" cellspacing="2"> <tbody> <tr> <td>

<table style="height: 180px;" align="left"

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

Trang 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 ngoài <br /> </td> </tr> </tbody>

</table>

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

************************************************************** Nội dung blog khung bên trong

Trang 17

* Thay đổi hình nền cho blog:

Tế điên đã thử nhiều mã nhưng không thể thay đổi được hình nền phía trên, chỉ có thể thay đổi hình nền dưới thôi

và có được cái link

Bây giờ đoạn mã hoàn chỉnh sẽ có là:

Trang 18

trên, chữ ) sẽ cuộn lên, để lộ ra hình nền dưới Ai thích loại này thì 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

nếu vẫn dùng link hình trên, với mã cuộn,

ta sẽ thấy nó như thế này, xem Ví dụ tại đây

Trang 19

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

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

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

Việc upload hình và xem kích thước, link hình thì như đã nói ở phần đầu tiên Chữ "Image" sẽ xuất hiện khi bạn để chuột trên khu vực hình, lợi dụng điều này,

ta có thể viết những câu chú thích, hay một câu nói bất kì cũng được chú ý là câu chú thích phải đặt trong dấu " "

Xem ví dụ tại đây

Trang 20

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

Trang 21

Code dem so nguoi truy cap

<! Histats.com START >

<a href="http://www.histats.com" target="_blank" title="web statistic"

><script type="text/javascript" language="javascript">

var s_sid = 869851;var st_dominio = 4;

var cimg = 510;var cwi =72;var che =18;

</script></a>

src="http://s10.histats.com/js9.js"></script>

</noscript>

<! Histats.com END >

Trang 22

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

1 Trái tim lung linh nè!

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

a) Trái tim 1

Trích dẫn:

pluginspage="http://www.macromedia.com/go/getflashplayer" ;

type="application/x-shockwave-flash" menu="false" wmode="transparent"

height="440" width="940"></object></div>

Trang 23

Trang 24

Tiêu đề	H2A_mot so doan code dep cho blog
Thể loại	Bài viết

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