Thursday, July 5, 2012

MENU NGAN CÓ HIỆU ỨNG.

  Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang
2. Chọn Thêm Tiện Ích
3. Tạo một HTML/Javarscrip và thêm đoạn code bên dưới vào.


<ul id="topnav" class="v2">
<li><a href="URL Menu 1">MENU 1</a></li>
<li><a href="URL Menu 2">MENU 2</a></li>
<li><a href="URL Menu 3">MENU 3</a></li>
<li><a href="URL Menu 4">MENU 4</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
<li><a href="URL Menu 5">MENU 5</a></li>
<li><a href="URL Menu 6">MENU 6</a></li>
</ul>

Sau đó bạn đăng nhập vào Blog > chọn Thiết kế > chọn Chỉnh sửa HTML, bạn bấm đồng thời cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào lệnh ]]></b:skin>, sau đó dán đoạn code phía dưới trước dòng lệnh đó.



ul#topnav {
margin: 0px 0 0px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 650px; /*độ rộng của menu*/
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px; /*chiều cao của menu*/
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
color: #fff; /*màu text của menu*/
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}

ul#topnav.v2 span{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1opaZehojUpEPGFpzKPhqpmVPbS9fH279gvvDhBsqBNXk2Rr3c7v7V8mnR0Y5GYYq034FzwFb5uU8IZjEAAtsItk_mcpe-8vrYMRz8lR_fTkrJ5wjbnCbJLsqf2bYv4H6pRebCNrkkDE/) repeat-x left top; /*màu nền của menu*/
}
ul#topnav.v2 a{
color: #555;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1opaZehojUpEPGFpzKPhqpmVPbS9fH279gvvDhBsqBNXk2Rr3c7v7V8mnR0Y5GYYq034FzwFb5uU8IZjEAAtsItk_mcpe-8vrYMRz8lR_fTkrJ5wjbnCbJLsqf2bYv4H6pRebCNrkkDE/) repeat-x left bottom; /*màu nền của menu*/
}





 Tiếp tục, trong khung tìm kiếm nhỏ bạn thay dòng lệnh ]]></b:skin> bằng lệnh <head> và dán đoạn code dưới đây vào sau nó.



<script src='http://dl.dropbox.com/u/66348944/jquery.min.js' type='text/javascript'/>


<script src='http://dl.dropbox.com/u/66348944/ani_menu.js' type='text/javascript'/>





Bạn thay đổi các dòng màu đỏ và màu xanh theo ý mình và bấm Lưu lại.


Bạn trở lại vào Blog sẽ thấy có một menu ngang màu đỏ và khi bạn rê chuột vào menu này sẽ có hiệu ứng chuyển động tuyệt đẹp.


Chúc bạn thành công    XEM TRƯỚC MẪU MENU.



LƯU Ý : sau khi chèn các đoạn code theo hướng dẩn , các bạn không nên chọn lưu mẫu ngay mà nên chọn chế độ xem trước , khi quay lại trang chính trong chế độ xem trước các bạn xem nó có hiển thị đúng cái mình cần hay không , nếu đúng thì lưu lại còn không đúng thì bạn chọn xoá chỉnh sữa để làm lại từ đầu cho tiên. một lưu ý nữa là tuỳ theo mẫu blog bạn chọn đôi khi sẽ có những kết quả khác nhau.


ẢNH GHÉP.



ẢNH ĐÔNG.


XEM TRANH ĐẸP.




Tuesday, July 3, 2012

CODE CHO ẢNH DỂ XỬ DỤNG.





 Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang
2. Chọn Thêm Tiện Ích
3. Tạo một HTML/Javarscrip và thêm đoạn code bên dưới vào.
CODE BỐN ẢNH CHẠY TỪ TRÁI QUA PHẢI : <marquee direction="right" scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
 " <img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLL5JmdDTSynbWQZ4yv4TuaRQHgmSZ1Q80oq-rtP24_r9yisSvowSwPC0-8X1ZZ2rFISTc9uZUwshZRF9novIEm5pBfRYHWzIR-Wg0uGhkpxu-D31W2FhNfYpnQrfl2hhe54oqBNTel0/s1600/140411_van-hoa_people3.jpg
">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
   </marquee>

CODE BỐN ẢNH CHẠY TỪ PHẢI QUA TRÁI : <marquee direction="
left
" scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
 " <img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLL5JmdDTSynbWQZ4yv4TuaRQHgmSZ1Q80oq-rtP24_r9yisSvowSwPC0-8X1ZZ2rFISTc9uZUwshZRF9novIEm5pBfRYHWzIR-Wg0uGhkpxu-D31W2FhNfYpnQrfl2hhe54oqBNTel0/s1600/140411_van-hoa_people3.jpg
">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
   </marquee>
CODE BỐN ẢNH CHẠY QUA CHẠY LẠI : <marquee 
behavior="alternate">
scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
 " <img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLL5JmdDTSynbWQZ4yv4TuaRQHgmSZ1Q80oq-rtP24_r9yisSvowSwPC0-8X1ZZ2rFISTc9uZUwshZRF9novIEm5pBfRYHWzIR-Wg0uGhkpxu-D31W2FhNfYpnQrfl2hhe54oqBNTel0/s1600/140411_van-hoa_people3.jpg
">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
   </marquee>
CODE BỐN ẢNH CHẠY LÊN : <marquee 
direction=up>
scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
 " <img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLL5JmdDTSynbWQZ4yv4TuaRQHgmSZ1Q80oq-rtP24_r9yisSvowSwPC0-8X1ZZ2rFISTc9uZUwshZRF9novIEm5pBfRYHWzIR-Wg0uGhkpxu-D31W2FhNfYpnQrfl2hhe54oqBNTel0/s1600/140411_van-hoa_people3.jpg
">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
   </marquee>
CODE BỐN ẢNH CHẠY XUỐNG : <marquee 
direction=down>
scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
 " <img border="0" src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaLL5JmdDTSynbWQZ4yv4TuaRQHgmSZ1Q80oq-rtP24_r9yisSvowSwPC0-8X1ZZ2rFISTc9uZUwshZRF9novIEm5pBfRYHWzIR-Wg0uGhkpxu-D31W2FhNfYpnQrfl2hhe54oqBNTel0/s1600/140411_van-hoa_people3.jpg
">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
 " <img border="0" src="link ảnh">"
   
</marquee>

Trong phần link ảnh các bạn chú ý là phải tải ảnh lên một trang nào đó , mở ảnh trong tab mới , sao chép địa chỉ ở bên trên dán vào chỗ link ảnh là xong .  bạn muốn có bao nhiêu ảnh trong một code thì nhân bản đoạn " <img border="0" src="link ảnh">" lên bao nhiêu lần .    để điều chỉnh cho ảnh hiện thị lớn hay nhỏ các bạn giảm hoặc tăng trong s1600  của địa chỉ ảnh.
- Các bạn XEM TRƯỚC TẠI ĐÂY. CHÚC CÁC BẠN THÀNH CÔNG.

Sunday, July 1, 2012

CODE CHỮ CHẠY TỔNG HỢP.


 Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang
2. Chọn Thêm Tiện Ích
3. Tạo một HTML/Javarscrip và thêm đoạn code bên dưới vào.
CODE CHỮ CHẠY ĐƠN GIẢN :  <marquee span style"> <font size=4 color=white> TẠM BIỆT ! MONG RẰNG BẠN ĐƯỢC THƯ GIẢN KHI GHÉ THĂM TRANG CỦA TÔI. HẸN GẶP LẠI. </font></marquee>
CODE CHỮ CHẠY CÓ LIÊN KẾT ĐẾN MỘT TRANG KHÁC :   <a href="http://anhcuatoianh968.blogspot.com/"><marquee behavior="alternate"> <font size=6 color=red> QUANGHIEN968.
</font></marquee></a>
CODE CHỮ CHẠY TRONG KHUNG :  <marquee  behavior="alternate" style="border:Blue 4px SOLID"><font size=4 color=white> QUANGHIEN968 XIN CHÀO CÁC BẠN.</font></marquee>
CODE CHỮ CHẠY CÓ NỀN :  <marquee bgcolor=orange><font size=4 color=white "border:Blue 4px solid >CHÀO MỪNG CÁC BẠN GHÉ THĂM QUANGHIEN968-BẠN CẤP HAI,</font></marquee>
CODE CHỮ CHẠY CÓ KHUNG CÓ NỀN :  <marquee behavior="alternate" style="border:white 4px SOLID" bgcolor=orange><font size=4 color=white "border:Blue 4px solid >CHÀO MỪNG CÁC BẠN GHÉ THĂM QUANGHIEN968-BẠN CẤP HAI,</font></marquee>
CODE CHỮ CHẠY CÓ KHUNG VÀ NHẤP NHÁY :  <marquee  behavior="alternate" style="border:Blue 4px SOLID"><font size=4 color=white> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQCutpiPnYvAFs9pKROO6OGRlDXB6NZ58TrkUHUGHPKuULukYekydTAE01iOzZjTxIvEfy_ZcjcAytMIZatnLL1A14ZlMovJpG0qUxR2kGFZdFdRjdktPhiG70GmH1ADZB4UJkKKGiqKSV/s1600/CHOP-MOI.gif" /></font></marquee>
Trong đó bạn thay:   <marquee direction=down>  để chữ chạy xuống .   <marquee direction=up>  để chữ chạy lên.    <marquee behavior="alternate"> để chữ chạy qua chạy lại.      <marquee direction="left">  để chữ chạy từ phải sang trái.    <marquee direction="Right"> để chữ chạy từ trái sang phải.                        trong khi đó ở đoạn  
<font size=6 >   điều chỉnh chữ to hay nhỏ.      color=Red thay đổi màu cho chữ.   màu xanh lá là nơi bạn cần thay đổi nội dung hay địa chỉ của bạn.  chúc các bạn thành công.      XEM THỬ KẾT QUẢ.

GƯƠNG MẶT ĐẸP.






CODE CHỮ CHẠY CÓ NỀN VÀ ĐỔI MÀU.


 Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang
2. Chọn Thêm Tiện Ích
3. Tạo một HTML/Javarscrip và thêm đoạn code bên dưới vào.
<marquee bgcolor=orange><font size=4 color=white "border:Blue 4px solid ><script language="JavaScript1.2">
var message= "
Chào mừng các bạn đến với blog anhcuatoianh968.blogspot.com!"
var neonbasecolor="
Red"
var neontextcolor="
white "
var flashspeed=100 //in milliseconds
var n=0
if (document.all||document.getElementById){
document.write('<font size=5color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></font></marquee>
Trong đó bạn thay: phần màu xanh là nội dung cần hiển thị của bạn. phần màu đỏ là thay đổi màu theo ý thích của bạn. chúc thành công.     XEM KẾT QUẢ.

- CODE CHỮ CHẠY- KHUNG - NỀN - NHẤP NHÁY.

  Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang
2. Chọn Thêm Tiện Ích
3. Tạo một HTML/Javarscrip và thêm đoạn code bên dưới vào.
<marquee behavior="alternate" style="border:Blue 4px SOLID" bgcolor=white ><font size=4 color=blue "border:Blue 4px solid ><a href="DÁN CODE HOẶC ĐỊA CHỈ ẢNH ĐỘNG VÀO ĐÂY." border="0" /></a> </font></marquee>
CÓ HAI CÁCH ĐỂ THỰC HIỆN:
  • CÁC BẠN VÀO ĐÂY ĐỂ LÀM CHỮ ĐỘNG, LẤY CODE Ở ĐÓ DÁN VÀO CODE BÊN TRÊN.
  • MỞ PHOTOSHOP LÀM MỘT ẢNH ĐỘNG VỚI NỘI DUNG CHỮ NHẤP NHÁY THEO Ý ĐỊNH CỦA BẠN . TẢI ẢNH ĐỘNG ĐÓ LÊN BLOG CỦA BẠN , MỞ ẢNH TRONG TAB MỚI , SAO CHÉP ĐỊA CHỈ CỦA ẢNH RỒI DÁN VÀO CODE BÊN TRÊN , LƯU LẠI VÀ XEM KẾT QUẢ. CHÚC THÀNH CÔNG.