|
Advertise Here ?
|
 |
Software | Virus-Security | Browser | Windows | Others | Make Money Online | Movies ( NEW ) | Chat |
|
|
|
Bảng mã màu hệ Hecxa
Chèn tiện ích "Top of Page" cố định trên màn hình trong khi di chuyển cho blogspot
Dùng tiện ích Top of Page không thể thiếu trong mỗi một blog hay website, nó giúp cho khách ghé thăm có thể tiết kiệm thời gian, lướt blog (website) nhanh chóng !
Tô Cương
Chèn Icon nhỏ trước tiêu đề bài đăng
<img boder="0" width="11" height="11" src='http://kieuphong1109.googlepages.com/ngoisao1.png'/> |
<b:if cond='data:post.url'> <a expr:href='data:post.url'>Vị Trí Chèn <data:post.title/></a> |
<b:if cond='data:post.url'> <a expr:href='data:post.url'><img boder="0" width="11" height="11" src='http://kieuphong1109.googlepages.com/ngoisao1.png'/> <data:post.title/></a> |
kieuphong
Chèn hình ảnh , khung ảnh chuyển động vào Blog
|
|
<img src="http://kieuphong1109.googlepages.com/dung8.gif" border="0" height="176" width="350" /> |
<div align=”right” ><img src="http://images7.dantri.com.vn/Uploaded/duykhanh/JHook001.jpg" border="0" height="176" width="350" /></div> |
<marquee onmouseover="this.stop();" onmouseout="this.start();" direction="up" hspace="5" height="200" width=”200” loop="-1" scrollamount="1" scrolldelay="30" > vị trí chèn</marquee> |
<table border="1" align="center" cellpadding="0" cellspacing="1" width="150"> <tbody><tr> <td bgcolor="#000000" height="20" width="100%"><div align="center">Liên kết bloggers</div></td></tr> <tr> <td align="center" bgcolor="#41627e"><marquee onmouseout="this.start()" direction="up" behavior="scroll" scrollamount="1" scrolldelay="20" height="80" onmouseover="this.stop()" align="center"> <a target="_blank" href="http://online.metavn.com/"><img alt="metavn Online" src="http://freecodeweb.googlepages.com/M1.gif" title="metavn Online" height="60" width="130" /></a> <a target="_blank" href="http://delgro.blogspot.com/"><img alt="DELGRO" src="http://buidung269.googlepages.com/Link.gif" border="0" height="60" width="130" /></a> <a href="http://sideduck.blogspot.com/" target="_blank" title="Free download Photoshop resources"><img src="http://sideduck.googlepages.com/130x60.gif" border="0" height="60" width="130" /></a> </marquee></td></tr></tbody></table> |
Liên kết bloggers |
Liên kết bloggers |
Liên kết bloggers |
Liên kết bloggers |
5 dịch vụ (Phần mềm) tạo slide ảnh đẹp cho blog, website
 |
| Ảnh: Microsoft. |
Dù không ít phần mềm của Microsoft bị chỉ trích vì vướng nhiều lỗi, họ vẫn có những chương trình khiến người sử dụng "không chê vào đâu được". Photo Story cho phép tạo hiệu ứng, tự thu giọng nói, cài nhạc yêu thích và đặt tiêu đề chú thích cho từng ảnh. Quan trọng hơn, dịch vụ này hoạt động ổn định và tự động nén slideshow thành file riêng để người dùng có thể chia sẻ và sao chép sang bất cứ đâu.
2. Google Picasa |
| Ảnh: Picasa. |
Phần mềm miễn phí Picasa được nhiều người sử dụng trong nước ưa chuộng. Tuy nhiên, Picasa không cho phép chuyển slideshow thành một file riêng mà người xem chỉ có thể duyệt ảnh trực tiếp trên trang web. Nhưng họ cũng có thể tạo screensaver và phim ngắn cho máy tính. Những đoạn phim này sẽ được lưu dưới dạng tệp video để có thể gửi e-mail hoặc ghi ra đĩa CD/DVD.
Picasa không hỗ trợ nhiều tính năng như Photo Story nhưng lại cung cấp Templates để mọi người tạo thư viện ảnh số HTML và Flash mà không cần am hiểu lĩnh vực đó.
3. SmileBox Slideshows |
| Ảnh: SmileBox. |
Phần mềm này tạo cho người sử dụng cảm giác như họ đang dùng một chương trình được cài sẵn trong máy tính với hàng trăm theme (chủ đề) cho bộ ảnh, hỗ trợ cài nhạc, video, chú thích... Sau khi hoàn thành, người dùng có thể chia sẻ tác phẩm qua e-mail, blog hay in ra giấy.
4. PictureTrail |
| Ảnh: PictureTrail. |
Đây có lẽ là bộ sưu tập các mẫu slideshow hấp dẫn và phong phú nhất trên Internet. Vấn đề phiền toái chính là việc đăng ký tham gia: người dùng phải điền những thông tin không cần thiết như ngày sinh, bấm xem vài quảng cáo... trước khi có thể truy cập vào trang chính. Nhưng sau đó, họ sẽ được cung cấp những công cụ ấn tượng để tạo hiệu ứng, hình nền, viền ảnh...
5. Slide |
| Ảnh: Slide. |
Nhiều người chọn Slide vì nó nhỏ gọn, nhiều tính năng và không yêu cầu phải tạo tài khoản cá nhân. Ngoài ra, dịch vụ này tương thích với các trang mạng xã hội phổ biến như Friendster, Bebo, Yahoo 360, MySpace, Photobucket, Facebook, Flickr...
Thêm công cụ tìm kiếm cho Blog
<p align="left"> <form id="searchthis" action="LIÊN KẾT/search" style="display:inline;" method="get"> <strong>Tìm kiếm<br/></strong> <input id="b-query" maxlength="100" name="q" size="20" type="text"/> <input id="b-searchbtn" value="Search" type="submit"/> </form></p> |
Chèn tiện ích Top Of Page ( Lên đầu trang) cho blog
Cách chèn " bài được xem nhiều nhất trong ngày " cho blog
Tạo chatbox cho bog của bạn.
Tạo FavIcon - Biểu tượng trước địa chỉ
Thống kê số người viếng thăm và đang online trên blog của bạn
Blogging cơ bản.
Cách làm ẩn Navbar ( blogspot )
<style type='text/css'> #navbar-iframe { height: 0px; } </style> |
Tạo template 3 cột cho blogspot.
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 410px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
| /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 970px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; } #main-wrapper { width: 550px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 200px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #leftsidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
#header-wrapper { width:660px; margin:0 auto 10px; border:1px solid $bordercolor; } |
| #footer { width:660px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } |
#header-wrapper { width:970px; margin:0 auto 10px; border:1px solid $bordercolor; } |
| #footer { width:970px; clear:both; margin:0 auto; padding-top:15px; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; text-align: center; } |
| CODE 7: |
<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> |
| CODE 8: |
<div id='leftsidebar-wrapper'> <b:section id='leftsidebar' class='sidebar' preferred='yes'/> </div> |
| CODE 9: |
<div id='leftsidebar-wrapper'> <b:section id='leftsidebar' class='sidebar' preferred='yes'/> </div> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> |
Chèn video vào blog
<embed showdisplay="0" showstatusbar="1" showcontrols="1" autostart="0" type="application/x-mplayer2" src="Liên kết đến video" space="0" align="middle" height="350" width="400"></embed> |
Margin và Padding
Chèn widget cho header
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='kieuphong.net (Header)' type='Header'/> </b:section> |
Lưu ý về việc sử dụng hình nền
Sử dụng hình nền cho blogger
Kích thước ngang của blog
Đăng nhập vào blogger.com, chọn layout ->Edit HTML (Trên Template) và kéo thanh trượt để tìm outer-wrapper.
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 883px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
Đây là kích thước chiều ngang (width) của blog, đơn vị tính px (pixel). Chiều dọc không bị giới hạn. Tất cả theo mặc định. Tất nhiên không ai cấm bạn thay đổi. Phụ thuộc vào cách trình bày và giao diện theo template, bạn có thể thay đổi width cho template 2 cột bằng 800, hay 1024 cho 3 cột trở lên.
Để hình nền hiển thị, bạn phải chèn đoạn mã hướng dẫn bên dưới vào vị trí bên dưới.
background-image:url(http://www.vidu.com/hinh.jpg);
Vị trí chèn:
/* Use this with templates/template-twocol.html */
body {
background:$bgcolor;
margin:0;
background:#ffffff;
background-image:url(http://www.vidu.com/hinh.jpg);
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Hãy thay http://www.vidu.com/hinh.jpg (liên kết đến hình nền của bạn), như: http://i198.photobucket.com/albums/aa172.jpg
Có một trong ba cách dùng hình nền như sau có thể được sử dụng.
Cách 1. Dùng các ảnh có kích thước màn hình chuẩn (ngang x dọc) như: 800 x 600, 1024 x 768, …Hình nền sẽ bao phủ toàn bộ blog. Và đoạn mã sau dành cho cách này:
background-image: url(http://www.vidu.com/hinh.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position:center center;
Giải thích:
background-repeat: no-repeat; (hình nền bao phủ hết trang nên chúng ta không cần để nó lặp lại) background-attachment:fixed; (cố định hình nền ở một vị trí nhất định)
background-position:center center;(canh giữa ngang và dọc cho trang)
Cách 2. Hình nền có kích thước không theo màn hình chuẩn.
Trường hợp 1: Bạn sử dụng ảnh có width bằng kích thước ngang của màn hình chuẩn, ví dụ: 1024, 800,…
Và đoạn mã này phù hợp cho bạn:
background-image: url(http://www.vidu.com/hinh.jpg);
background-repeat: repeat-y;
background-position:center center;
Giải thích:
background-repeat: repeat-y; (hình nền lặp lại theo chiều dọc phủ đầy trang)
background-position:center center;(canh giữa ngang và dọc cho trang)
Trường hợp 2: Bạn sử dụng ảnh có width không bằng kích thước ngang của màn hình chuẩn. Và đoạn mã này phù hợp cho bạn:
background-image: url(http://www.vidu.com/hinh.jpg);
background-position:center center;
Giải thích:
background-position:center center;(canh giữa ngang và dọc cho trang)
Hình ảnh sẽ lặp phủ đầy trang, theo mặc định.
Trường hợp 3. Tối ưu trường hợp 2, ảnh nền của bạn dùng có kích thước dài rộng bằng nhau. Hãy tưởng tượng những viên gạch lót nền có hoa văn giống nhau và gắn kết với nhau hoàn chỉnh bộ nền nhà. Bạn chỉ cần là một viên gạch để làm hình nền, viên gạch này sẽ lặp lại và bao phủ hết màn hình. Ví dụ: 20x20, 50 x 50, …Đoạn mã tương tự như trên.
|
| TOP SITE'S MAKE MONEY ONLINE | PAY PER CLICK and CPM |
|
|
|
|
 TOP
|
|
CONTACT | EXCHANGE LINK - LOGO | HELF | TOP |
|