Code Tổng hợp 09

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àn

Trang 1

SƯU TẬP BỘ MÃ CODE NHÚNG VÀO

alt="Du bao thoi tiet - Thu do Ha Noi" title="Dự báo thời tiết - Thủ đô

Hà Nội" height="41" width="127">

Huế

<img

src="http://banners.wunderground.com/banner/gizmotimetemp_both/ language/www/global/stations/48852.gif"

alt="Du bao thoi tiet - Co do Hue" title="Dự báo thời tiết - Cố đô Huế" height="41" width="127">

Thành Phố Hồ Chí Minh

<img

alt="Du bao thoi tiet - Thanh pho Ho Chi Minh" title="Dự báo thời tiết - Thành phố Hồ Chí Minh" height="41" width="127">

Đà Nẵng

<img

alt="Du bao thoi tiet - Thanh pho Da Nang" title="Dự báo thời tiết - Thành phố Đà Nẵng" height=41 width=127>

Thành phố Nha Trang:

<a href="http://www.wunderground.com/global/stations/

Trang 2

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48914.gif" border=0 alt="Click for Ca Mau, Viet Nam Forecast" height=40 width=467></a>

Cao Bằng:

<a href="http://www.wunderground.com/global/stations/48808.html? bannertypeclick=gizmotimetempbig"> <img

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48808.gif" border=0 alt="Click for Cao Bang, Viet Nam Forecast" height=40 width=467></a>

Côn Sơn:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48918.gif" border=0 alt="Click for Con Son, Viet Nam Forecast" height=40 width=467></a>

Đồng Hới:

Trang 3

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48848.gif" border=0 alt="Click for Dong Hoi, Viet Nam Forecast" height=40 width=467></a>

Sơn La:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48806.gif" border=0 alt="Click for Son La, Viet Nam Forecast" height=40 width=467></a>

Lạng Sơn:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48830.gif" border=0 alt="Click for Lang Son, Viet Nam Forecast" height=40 width=467></a>

Lào Cai:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48803.gif" border=0 alt="Click for Lao Cai, Viet Nam Forecast" height=40 width=467></a>

Nam Định:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48823.gif" border=0 alt="Click for Nam Dinh, Viet Nam Forecast" height=40 width=467></a>

Phan Thiết:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp

Trang 4

big_both/language/www/global/stations/48887.gif" border=0 alt="Click for Phan Thiet, Viet Nam Forecast" height=40 width=467></a>

Vinh:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48845.gif" border=0 alt="Click for Vinh, Viet Nam Forecast" height=40 width=467></a>

Phú Quốc:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48917.gif" border=0 alt="Click for Phu Quoc, Viet Nam Forecast" height=40 width=467></a>

Qui Nhơn:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48870.gif" border=0 alt="Click for Qui Nhon, Viet Nam Forecast" height=40 width=467></a>

Thanh Hoá:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48840.gif" border=0 alt="Click for Thanh Hoa, Viet Nam Forecast" height=40 width=467></a>

Trường Sa:

src="http://banners.wunderground.com/weathersticker/gizmotimetemp big_both/language/www/global/stations/48920.gif" border=0 alt="Click for Truong Sa, Viet Nam Forecast" height=40 width=467></a>

Trang 5

Code Báo Mới :

Tin tổng hợp:

epi_width = '180'; epi_height = 'auto'; epi_border = 1; </script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&count=15&ntype=popular&dtype=2&target=0"></script>

Tin thể thao :

epi_width = '170'; epi_height = '600'; epi_theme =

'widgetDisplayThemePink'; </script> <script type="text/javascript" src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/GenerateJS.aspx?

zone=55&count=10&ntype=popular&dtype=2&target=0"></script>

Xem truyện cười <iframe frameborder="1" width="98%"

src="http://www.luudiachiweb.com/truyencuoi.htm"

height="300"></iframe>

</iframe> <iframe name=khungphu frameborder="1" height=220

width=100% src="http://thienchanh.webng.com/tudien.txt"></iframe>

Trang 6

Code Lịch truyền hình xem bóng đá :

Code Xưa và Nay :

"http://home.vnn.vn/ngaynaynamxua/"></iframe>

Code ngựa chạy (Past vào mục thông

<marquee style="z-index: 1; left: 10px; width: 770px; position:

absolute; top: 20px; height: 1000px;" scrollamount="5"

direction="right"><span class="falling1"><img

src="http://d.violet.vn/uploads/resources/161/0.horses_76.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee><marquee style="z-index: 1; left: 10px; width: 770px; position: absolute; top: 60px; height: 1000px;" scrollamount="8" direction="right"><span class="falling1"><img

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee><marquee style="z-index: 1; left: 10px; width: 770px; position: absolute; top: 80px; height: 1000px;"

scrollamount="10" direction="right"><span class="falling1"><img

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower

Trang 7

gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee>

Code Hoa rơi (Paste vào mục thông tin

<marquee style="z-index: 1; left: 677px; width: 30px; position:

absolute; top: -11px; height: 1000px;" scrollamount="4"

direction="down"><span class="falling1"><img

src="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

_fcksavedurl="http://www.blinkyou.com/falling/images/hotpinkflower.gif"></span></marquee> <marquee style="z-index: 1; left: 191px; width: 30px; position: absolute; top: -231px; height: 1000px;"

scrollamount="5" direction="down"><span class="falling1"><img src="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

Trang 8

direction="down"><span class="falling1"><img

src="http://www.blinkyou.com/falling/images/hotpinkflower.gif"

Trang 9

quality='high' wmode=Transparent allowScriptAccess="never"

width='300' height='300' type='application/x-shockwave-flash'

align="middle" allowScriptAccess="sameDomain" shockwave-flash"

type="application/x-pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

Trang 10

Code Tìm kiếm Google :

(Xem báo)<script type="text/javascript"> epi_id =

'epi-widget-container'; epi_width = '170'; epi_height = '220'; epi_theme =

'widgetDisplayThemePink'; epi_border = 1; </script> <script

type="text/javascript"

src="http://www.baomoi.com/Widget/JS/Widget.js"></script> <script type="text/javascript"

src="http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&count=30&ntype=popular&dtype=2&target=0"></script> <form action="http://www.google.com/cse" id="cse-search-box"> <h2><font color="#FF0000"><b>CÔNG CỤ TÌM KIẾM</b></font></h2> <br>

<img border="0" alt="Google"

src="http://d.violet.vn/uploads/resources/507/0.Logo_25wht.gif" <input type="hidden" name="cx"

value="012596416485239023597:bdyrt64se6s" /> <input

type="hidden" name="ie" value="UTF-8" /><input type="text"

name="q" size="25" /> <p> <input type="radio" name="sitesearch" value="" /> Tìm kiếm tất cả<br> <input type="radio"

name="sitesearch"value="http://violet.vn/" checked="checked" /> Thư viện Violet <br> <input type="radio"

name="sitesearch"value="http://giaoan.violet.vn/"

checked="checked" /> Thư viện Giáo án<br> <input type="radio"

name="sitesearch"value="http://dethi.violet.vn/" checked="checked" /> Thư viện Đề thi <br> <input type="radio"

name="sitesearch"value="http://baigiang.violet.vn/" checked="checked" /> Thư viện Bài giảng<br> <input type="radio"

name="sitesearch"value="http://trunggvvl.violet.vn/"

checked="checked" /> Trang này </p> <p> <input type="submit"

name="Thanh" value="Tìm kiếm với Google" /></p> </form>(Hỗ Trợ trực tuyến

Trang 11

<embed src="

http://d.violet.vn/uploads/resources/495/0.Lam_dong_ho_Flash.swf?TimeZone=VietNam_Hanoi&Place=&" width="180" height="180" wmode="transparent" type="application/x-shockwave-flash">

type="application/x-shockwave-flash" name="obj1" width="180"

height="230">

height="230">

url=http://danico.googlepages.com/iframe.xml&up_myname=&up_mylink=&up_myurl=http%3A%2F%2Fhotrotrekhiemthinh.110mb.com

%2FJAVA%2520SCRIPT%2FDANH%2520NGON

%2Fdanhngonsongngu-final.htm&up_mywidth=180&up_myheight=250&up_myalign=center&synd=open&w=180&h=250&title=&border=%23ffffff%7C3px

%2C1px+solid+%23999999&output=js"></script>

Code Du lịch - Danh lam thắng cảnh

Trang 12

Code Album Hoa đẹp

height="289"><param name="movie"

value="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.swf?

xmlPath=http://photo.timnhanh.com/slideshow/bellsla/35A71462/fade.xml"/><param name="wmode" value="transparent" /><param

name="allowscriptaccess" value="always" /><param

name="allowfullscreen" value="true" /><param name="mAuto"

value="false" /><embed width="348" height="289" mAuto="false" wmode="transparent" allowscriptaccess="always"

allowfullscreen="true" quality="high"

src="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.swf?

xmlPath=http://photo.timnhanh.com/slideshow/bellsla/35A71462/fade.xml" type="application/x-shockwave-flash"/></object>

Code Nhà đẹp

xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A71B90/fade.xml"/><param name="wmode" value="transparent" /><param

name="allowscriptaccess" value="always" /><param

Trang 13

src="http://static.timnhanh.com/yumephoto/20090608/images/flash/slideshow/20080703/slideshow.swf?

xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A71B90/fade.xml" type="application/x-shockwave-flash"/></object>

href="http://www.widgetbox.com/widget/zen-fish-tank-aquarium-by-widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>!

</noscript>

Code Cây cảnh

xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A7098B/slideleft.xml"/><param name="wmode" value="transparent" /><param name="allowscriptaccess" value="always" /><param

Trang 14

xmlPath=http://photo.timnhanh.com/slideshow/hien6dn/35A7098B/slideleft.xml" type="application/x-shockwave-flash"/></object>

CODE Bể cá cảnh:

data="http://widgets.clearspring.com/o/486c097c0199c884/4a34f7c5d3778819/486c0985da626c82/40aa1df8"

id="W486c097c0199c8844a34f7c5d3778819" width="400"

value="http://widgets.clearspring.com/o/486c097c0199c884/4a34f7c5d3778819/486c0985da626c82/40aa1df8" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>

CODE Thác nước:

data="http://widgets.clearspring.com/o/4852c6ad8adeae53/4a34fa9f8d854a07/4852c6bf0dd110e3/9b0b5e18"

id="W4852c6ad8adeae534a34fa9f8d854a07" width="404"

value="http://widgets.clearspring.com/o/4852c6ad8adeae53/4a34fa9f8d854a07/4852c6bf0dd110e3/9b0b5e18" /><param name="wmode"

value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>

CODE Cảnh đẹp:

Trang 15

CODE Lịch:

class="text_noresize" name="select"><option

selected="selected">Điểm báo online</option><option

value="about:Tabs"> -</option>

Trang 16

Chú ý: Bạn có thể thay chữ : Điểm báo online bằng gì cũng được Nên nhớ nó sẽ hiện trên box để ta biết được đó là liên kết gì

2- Phần 2: Tạo liên kết cho từng mục.

<option value="http://lekimtuong.violet.vn/">Diễn đàn tư vấn tin

học</option>

Chú ý: ở đây bạn đã nhận ra http://lekimtuong.violet.vn/ là địa chỉ của

trang web Còn Diễn đàn tư vấn tin học là tên sẽ được hiển thi trong

box của ta

Lặp lại và thay đổi những liên kết cần thiết nếu cần

3- Phần 3: Cuối đoạn code

</select>

4- Kết luận:

Nối 3 đoạn của 3 phần trên ta được một dropdown box thật tuyệt vời

5- Lưu ý: + Nếu muốn làm 2 hay nhiều hơn các box bạn phải thực

hiện lại các bước trên + Dấu cách và xuống hàng trong HTML code không quan trọng, do vậy ta nên soạn thảo trên Word là thích hợp nhất ( font UNICODE )

Trang 17

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>

Trang 18

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

10 mẫu giao diện mới

Xin được tiếp tục chia sẻ cùng quý thầy cô 8 mẫu giao diện có màu nền nhạt, vì theo một số ý kiến của các thầy cô, mẫu này có vẻ nhẹ nhàng, dịu mắt và dễ đọc Xin mời quý thầy cô Copy Code tại đây nhé:

1 Mẫu giao diện màu xanh lá cây:

2 Mẫu giao diện màu xanh Cốm:

href="http://giaodien.webng.com/Mau01/Main.css"/><link

Trang 19

rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau01/Menu.css"/><link rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau01/Nenxanh.css"/><link rel="stylesheet" type="text/css" media="screen"

href="http://giaodien.webng.com/Mau01/Tieude.css"/>

3 Mẫu giao diện màu xanh dương:

href="http://giaodien.webng.com/Mau02/Main.css"/><link rel="stylesheet" type="text/css" media="screen"

4 Mẫu giao diện màu Tím:

5 Mẫu giao diện màu xanh:

href="http://giaodien.webng.com/Mau04/Nenxanh.css"/><link

Trang 20

rel="stylesheet" type="text/css" media="screen"

6 Mẫu giao diện màu đỏ:

7 Mẫu giao diện màu ghi:

8 Mẫu giao diện màu xanh dương (nhạt hơn):

Định dạng
Số trang	41
Dung lượng	1,33 MB