Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (418.62 KB, 31 trang )
<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>
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 .
<b>Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)</b>
<div align=center><img height=100 alt=Image src="image link" width=100
alt="Image" /></div>
Trong đó: <i><div align=center> </i>: 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
<b>Cách chèn ảnh với size thực tế ( chiều rộng > 500)</b>
_ 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 )
<b>Chèn link:</b>
<a href="link">Tên muốn hiển thị</a>
<b>Tạo bóng đổ cho text trong Blog:</b>
<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.
<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>
<b>Tạo các icon có chứa link:</b>
<i>(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 </i>
<i>1 cái link mình muốn- giống như kiểu [url=link text[/url] trong gvn vậy đó)</i>
<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.
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 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 ...
<b>Một Số Code Hay Cho Blog Y!H 360 </b>
<b>Đoạn code dùng để đếm xem có bao nhiêu người đã xem trang của mình: </b>
<!-- 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 -->
<b>Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500) </b>
<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.
<b>Code post nhạc MP3: </b>
<embed style="height:25px; width:400px; "
type="application/x-shockwave-flash" src=" link nhạc
.mp3" flashvars="autoplay=true" allowScriptAccess="none"></embed>
<b>Code phông mờ trong blog (transparent entry): </b>
<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ữ @@@
<b>Code chèn Flash vào Blog : </b>
<embed quality="high" menu="true"
pluginspage=" />P1_Prod_Version=ShockwaveFlash" src="HTTP://LINKfileFLASH"
<b>Đây là đoạn code lá rời đầy Blog </b>
<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();
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++){
document.write("<div id='leaf"+i+"'
style='position:absolute;top:0px;left:0px'><img
src="+randomleaf+"></div>");
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;
background=" bgcolor=E5E5E5
bordercolor=7477F3><td> nội dung blog nội dung blog nội dung blog nội dung blog </td></table>
background=" border="2">
<tbody>
<tr>
<td>
<div class="image-wrapper">Nội dung blog nội dung blog nội
dung blog</div>
</td>
</tr>
</tbody>
</table>
cellSpacing=15, cellPadding=15,
border=2)
---<table cellSpacing=15 cellPadding=15
background= 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ị cái khung như vầy:
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>
<th colSpan=2>Tiêu đề tiêu tiêu đời </th></tr>
<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>
---với cái mã này thì cái khung sẽ trong như vầy:
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"
background=" 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>
---<style type="text/css">
body {
background-color:#030303;
background-image:url(link hinh);
background-repeat:no-repeat;
background-position:0 100%;
}
</style>
---<style type="text/css">
body {
background-color:#030303;
background-image:url(
background-repeat:no-repeat;
background-position:0 100%;
}
</style>
---<style type="text/css">
body
{
background-image:url(link hình);
background-attachment: fixed;
</style>
---
---<img height=X src="link hinh" width=Y alt="Image" />
<b>Các mã code đẹp lung linh cho blog, forum</b>
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:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="20" width="109">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="140" width="340"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
Đây là hình minh họa, do 4rum ta ko hỗ trợ post file flash nên mình các bạn click link
nhé, yên tâm là no virus !( đã check )
/>
b) Trái tim 2
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="54" width="209">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="440" width="940"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
c) Trái tim 3
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="54" width="209">
<embed src=" quality="high"
pluginspage=" ;
<br class="clear" />
</div>
<br class="clear" />
/>
d) Trái tim 4
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="54" width="209">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="440" width="940"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
e) Trái tim 5
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="54" width="209">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="440" width="940"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
2. Tuyết rơi. Cái nj cũng có 4 code ^^
2.1) Tuyết rơi 1
Code:
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="15" width="70">
<embed src=" quality="high"
pluginspage=" ;
<br class="clear" />
<br class="clear" />
</div>
/>
2.2) Tuyết rơi 2
Code:
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="15" width="70">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="140" width="340"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
2.3) Tuyết rơi 3
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="14" width="70">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="140" width="340"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
2.4) Tuyết rơi 4
Code:
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="14" width="70">
<embed src=" quality="high"
pluginspage=" ;
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
3. Sao băng .(cái nj chỉ có 2 code thui)
3.1) Sao băng 1
Code:
Trích dẫn:
<div id="Layer2" style="z-index: 1; left: 0px; width: 45px; position: absolute; top:
7px; height: 1px">
<object height="54" width="209">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="440" width="940"></object></div>
<br class="clear" />
<br class="clear" />
</div>
/>
3.2) Sao băng 2
Code:
Trích dẫn:
<div id="Layer1" style="z-index: 1; left: 0px; width: 25px; position: absolute; top:
2px; height: 1px">
<object height="14" width="70">
<embed src=" quality="high"
pluginspage=" ;
type="application/x-shockwave-flash" menu="false" wmode="transparent"
height="140" width="340"></object></div>
<br class="clear" />
</div>
<br class="clear" />
</div>
/>
<center><a href="
src=" />ig-christmas/dropping-big-love.gif" alt="Hot Comments" border=0></a><br><a
href=" Graphics at
GlitterBell.com</a><br><a
href="
Christmas Comments</a></center><img
style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0
ZwPTE3NzA2MSZkPSZnPTEmdD*mbz1hNmMzMmY3ZWI4NDU*OTg4
YTkyMWIzOTVmNzZhOGRhNA==.gif" />
<b>Thủ thuật làm blog : Làm đẹp cho blog yahoo360 Plus</b>
Các blogger đang bàn tán rất xôn xao về chuyện blog yahoo360 đóng cửa. Để tiếp
tục cho việc viết blog, một số blogger đã chuyển qua yahoo360 plus. Blog này được
nâng cao và thú vị hơn 360. Sau đây là một số đoạn code để blogger có thể làm đẹp
cho plus hơn là 360.
Ảnh nền toàn blog bất động:
BODY.blog_my {BACKGROUND:url(link ảnh here) #000000 fixed;}
Ảnh nền Top - Bottom như 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;}
Chèn hình nền cho cái 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 nền cho module fiendlist:
#friendlist_module .rc_bd {background:url(link ảnh here) #653e16 top right
repeat;}
Chèn hình nền 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 nền 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 nền cho module Comment mới:
#comment_new .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right
repeat;}
Chèn hình nền cho module Thống Kê của plus
#subscribe_highlight .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top
right repeat;}
Chèn hình nền 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 nền cho module Lịch
#calendar .rc_bd .rc_bc {background:url(link ảnh here) #653e16 top right repeat;}
Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên blog:
a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(Link ảnh here);}
Chọn 1 trong các mẫu ưng ý dưới đây mà bạn thích để thêm vào "Link ảnh here", khi
rê chuột vào sẽ hiện hình đó:
Tất cả các đoạn code này bạn copy và paste theo mẫu sau : Thiết kế ->Theme->Chế
độ tự chỉnh sửa->Tiếp->paste vào khung CSS->xong