blogging cơ bản | KP online |

Showing posts with label blogging cơ bản. Show all posts

Bảng mã màu hệ Hecxa

- Click vào màu muốn chọn rồi xem mã bên dưới .

- Khi muốn tạo một màu mới bạn nhập mã màu mình chọn vào ô đầu tiên ( ô mã màu ) rồi nhấn
Precisely sẽ hiển thị màu bạn chọn bên dưới .

Nguồn : http://kieuphong1109.googlepages.com/mamau.html

>> more...

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 !
Hôm nay tôi sẽ giới thiệu với các bạn một cách có thể chèn tiện ích Top of Page sao cho nó luôn luôn xuất hiện cố định tại một góc bên phải-dưới của màn hình, giúp cho khách ghé thăm thuận tiện trong thao tác di chuyển.

Theo tác rất đơn giản, bạn chỉ cần thực hiện theo các bước sau:

1.Đâu tiên bạn hãy Download file javascript sau: topbottom .

2.Upload lên host của bạn. Cũng như AnhVõ giới thiệu, bạn nên upload lên googlepages của mình nó sẽ tồn tại mãi mãi.

3.Tạo đoạn code:

Còn nếu như bạn lười, bạn có thể lấy luôn đoạn code của tôi:

Tiếp theo có 2 trường hợp xảy ra:

-Bạn dùng template classic thì bạn chèn đoạn code dưới :

-Bạn dùng template layout thì bạn chèn đoạn code dưới:

Bạn có thể tham khảo thêm cách chèn khác tại bài Chèn tiện ích "Top of Page", Top of Post"
Vậy là xong rồi đó !

Bạn có thể xem trước kết quả để xem nó như thế nào tại blog của tôi: http://sinhhoc.org

Tô Cương

>> more...

Chèn Icon nhỏ trước tiêu đề bài đăng

Theo mẫu mặc định thì thanh tiêu đề bài đăng trên Blog của bạn là một dòng chữ đơn thuần và bạn có thể thay đổi màu sắc của nó trong "Chỉnh sửa HTML", "kiểu chữ và màu". Với nhiều bạn thì như vậy là quá đủ , nhưng cũng có nhiều bạn muốn chèn thêm 1 icon nhỏ phía trước để trang trí , tạo ấn tượng cho bài viết đối với người đọc.

* Cách chèn :...

+ Trước tiên thì bạn phải chọn cho mình một hình ảnh (gif , png ....),flash hoặc bất cứ thứ gì bạn muốn chèn . Nhưng lưu ý là bạn nên chọn kích thước nhỏ ( nhỏ hơn 16.16 px) cho phù hợp với thanh tiêu đề và có gí trị thẩm mỹ .
+ Khi đã có ảnh rồi thì bạn up lên đâu đó để lấy link ( Tôi thường up lên googlepages ) và "chèn ảnh" theo cú pháp sau:

+ Đăng nhập vào Blogger.com -> Trình bày ( Template layout) -> chỉnh sửa HTML -> Mở rộng Mẫu Tiện ích.
- Kéo thanh trượt xuống và tìm dòng :( Nên dùng tổ hợp phím Ctrl+F để tìm )

<b:if cond='data:post.url'>
<a expr:href='data:post.url'>Vị Trí Chèn <data:post.title/></a>

- Chèn hình ảnh ( hoặc cái bạn muốn chèn ) như VD hình bên dưới :

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

* Thay đổi: http://kieuphong1109.googlepages.com/ngoisao1.png bằng link dẫn tới hình ảnh của bạn và các giá trị : boder="0" width="11" height="11" sao cho phù hợp . -> Save temp lại ( Lưu Mẫu ). Đến đây là xong rồi đấy . chúc bạn thành công !

* Lưu ý : bạn nên để 1 khoảng trống giữa hình ảnh và tiêu đề như thế này : ngoisao1.png/> <data:post.title/>
* Hướng dẫn này chỉ dành cho Blogspot

kieuphong

>> more...

Chèn hình ảnh , khung ảnh chuyển động vào Blog

Liên kết bloggers

Để trang web, Blog của bạn thêm phần sinh động bạn nên chèn thêm hình ảnh , khung ảnh , chữ chuyển động …trang trí cho Blog yêu !!!

1 . Chèn hình ảnh vào widget , bài viết trên Blog

* . Sử dụng tag <img/>
: Muốn chèn hình ảnh lên widget hoặc bài viết bạn sử dụng đoạn mã sau

- src : là nguồn gốc , đường link dẫn tới ảnh ( bạn chỉ việc thay những chữ màu đỏ bằng đường link dẫn tới ảnh bạn muốn chèn )
- boder : đường viền bao quanh ảnh ( Bạn có thể chọn giá trị bằng 0, 1, 2, 3…tùy thích )
- width : chiều rộng của ảnh
- height : chiều cao của ảnh

- Với đoạn mã như trên thì hình ảnh sẽ hiển thị phía bên phải widget ( bài đăng ) của bạn
- Nếu muốn nó nằm về phía bên trái thì bạn chỉ việc thay chữ “right” bằng “left “, và nếu muốn nó nằm giữa thì bạn thay bằng “center”
Đa số blog có giá trị mặc định là phía bên trái . nếu muốn nó nằm ở giữa bạn chỉ cần đặt hình ảnh vào giữa hai tag <center></center> cho nhanh .
- Có thể thêm liên kết cho ảnh băng cấu trúc sau
<div align=”right” >
<a href=”liên kết bạn muốn chèn”> <
img src="http://images7.dantri.com.vn/Uploaded/duykhanh/JHook001.jpg" border="0" height="176" width="350" />
</a>
</div>

2 . Tạo khung hình , chữ chạy với thẻ <marquee>

Mời bạn tham khảo đoạn mã sau .

- Muốn cho khung hình chạy bạn chỉ việc thay chữ vị trí chèn bằng hình ảnh ( như ở trên ) ,chữ , flash …hoặc bất cứ thứ gì bạn muốn
• Chú thích :
- direction="up" : hướng chuyển động . lên hoặc xuống, qua trái hoặc qua phải ( Bạn thay chữ "up" bằng "down" nếu muốn nó chạy từ trên xuống , "right" -> chạy qua phải , "left" -> chạy qua trái )
- height="200": chiều cao
- width=”200” : chiều rộng
- scrollamount="1" : Tốc độ ( Bạn chọn số lớn hơn thì tốc độ chạy càng nhanh)
- scrolldelay="30" : Số vòng chạy ( Bạn có thể chọn bằng bao nhiêu tùy thích . VD : bạn chọn =”1” thì nó sẽ chạy 1 vòng rồi dừng lại )
- onmouseover="this.stop();" onmouseout="this.start();" : Giá trị này cho phép người dùng rà chuột vào nó sẽ dừng lại

Để trang trí cho đẹp bạn có thể tạo khung bằng thẻ <table>

- VD : tôi chèn vào khung bằng đoạn mã sau

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

*** Bạn có thể coppy , sử dụng đoạn code trên và thay đổi lại những thông số màu xanh cho phù hợp

Và nó sẽ hiển thị như hình bên dưới.

Liên kết bloggers

Chúc bạn thành công

kieuphong

>> more...

5 dịch vụ (Phần mềm) tạo slide ảnh đẹp cho blog, website

Bạn muốn làm 1 Slide ảnh cho Blog , web site của mình ? Có rất nhiều DV , phần mềm hỗ trợ bạn công việc này . dưới đây là 5 DV, phần mềm được vnE đánh giá cao !

1. Microsoft Photo Story 3

Ả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...

>> more...

Thêm công cụ tìm kiếm cho Blog

Như các bạn đã biết , mỗi trang web hay blog đều có công cụ Search để người đọc có thể dễ dàng tìm kiếm thông tin . Trang của bạn chưa có hộp tìm kiếm ? ..Xin mời tham khảo môt số mẫu sau ....

1. Hộp tìm kiếm đơn giản ( tham khảo từ thuthuatblog )

- Bạn chỉ việc coppy đọan mã trên rồi paste vào 1 widget ( trình bày -> thêm phần tử trang -> HTML/javascript ) và thay đổi những chữ màu đỏ cho phù hợp với trang của bạn

* LIÊN KẾT : thay chữ "LIÊN KẾT" bằng địa chỉ blog của bạn (VD: http://kieuphong.blogspot.com)
* Tìm kiếm : Bạn có thể thay chữ này bằng chữ Search hoặc chữ khác tùy thích . Nếu không thích nó hiển thị thì bạn có thể xóa nó đi cũng được .
* 100 : Ðây là số kí tự tối da . Bạn có thể thay đổi cho nó lớn thêm hoặc nhỏ đi tùy thích , nhưng thường là ban nên chọn con số 100 là vừa.
*20 : số kí tự hiển thị ( chiều dài của hộp ) . Bạn có thể thay đổi cho nó tăng lên hoặc giảm đi cho phù hợp với chiều ngang widget .
* Search : Có thể thay chữ này bằng chữ "tìm kiếm " hoặc chữ khác tùy thích .
- Bây giờ thì lưu thay đổi lại ....và bạn đã có một hộp tìm kiếm rất gọn và đơn giản .

2. Hộp tìm kiếm lấy từ Google Adsense.

Những bạn nào chưa đăng kí được Google Adsense mà vẫn muốn sử dụng công cụ Search của nó thì tham khảo đọan mã này.


<form action="http://www.google.com.vn/custom" target="_top" method="get">
<table border="0" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" height="32" align="left">
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25wht.gif" align="middle"/></a>
<br/>
<input value="kieuphong.com" name="domains" type="hidden"/>
<label for="sbi" style="display: none">Nhập các thuật ngữ tìm kiếm của bạn</label>
<input maxlength="255" id="sbi" value="" name="q" size="28" type="text"/>
<label for="sbb" style="display: none">Nộp mẫu đơn tìm kiếm</label>
<input id="sbb" value="Tìm kiếm" name="sa" type="submit"/>
</td></tr>
<tr>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input id="ss0" value="" name="sitesearch" type="radio"/>
<label for="ss0" title="Tìm Kiếm trên Web"><font color="#000000" size="-1">Web</font></label></td>
<td>
<input id="ss1" checked value="kieuphong.com" name="sitesearch" type="radio"/>
<label for="ss1" title="Tìm kiếm kieuphong.com"><font color="#000000" size="-1">kieuphong.com</font></label></td>
</tr>
</table>
<input value="pub-6532491234052803" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input value="ISO-8859-1" name="oe" type="hidden"/>
<input value="active" name="safe" type="hidden"/>
<input value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1" name="cof" type="hidden"/>
<input value="vi" name="hl" type="hidden"/>
</td></tr></table>
</form>


*** Bạn chỉ việc thay những chữ kieuphong.com bằng địa chỉ blog của bạn và thay số 28 "size=28" bằng 1 con số nào đó cho vừa với widget trên trang của bạn là được .

*** Bạn cũng có thể vào trang này đăng nhập bằng tài khoản Gmail.......và tự tạo cho mình một Custom Search Engine

3. Nếu bạn vẫn chưa hài lòng với 2 hộp tìm kiếm trên thì có thể vào trang này
và dùng tài khoản Gmail của mình để đăng nhập .Ở trang Google Gadgets này có rất nhiều công cụ cho bạn chọn như hộp tìm kiếm , G Talk, cá cảnh , đồng hồ ....... để trang trí cho Blog yêu của bạn .

kieuphong

>> more...

Chèn tiện ích Top Of Page ( Lên đầu trang) cho blog

Để người đọc blog của bạn thao tác di chuyển nhanh chóng từ cuối trang lên đầu trang mà không phải sử dụng chuột giữa hoặc thanh trượt .( Bạn có thể thấy tiện ích này ở tất cả các website lớn như tuoitre.com.vn, thanhnien.com.vn........)

*** Hướng dẫn cách làm :......

- Trước tiên bạn đăng nhập vào Blogger.com -> Chỉnh sửa trình bày -> Chỉnh sửa HTML -> Mở rộng mẫu tiện ích -> Tiến hành sao lưu 1 bản HTML để đề phòng sai sót .

- Bạn tìm đến dòng code giống như bên dưới ( có thể dùng tổ hợp phím Ctrl + F để tìm)

code 1:

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id' >

- Đoạn code của bạn chưa có dòng màu đỏ ? coppy và thêm dòng code màu đỏ vào vị trí như hình trên .

*** Vị trí chèn :

* Bạn có thể chèn nó ngay phía dưới chân bài đăng hoặc chèn ở dưới chân trang như trong trang của tôi.

- Chèn dưới chân bài đăng :

Bạn tìm đến dòng code : <p class='post-footer-line post-footer-line-1'>Và chèn thêm đoạn code 2 này vào ngay bên dưới nó:

Code 2

<a href='javascript:scroll(0,0)' title='Lên đầu trang'>Top of Page</a>

- Chèn ở cuối trang :

Nếu bạn muốn chèn Top of page ở cuối trang như của tôi thì dùng đoạn code 2 để chèn vào bất cứ chỗ nào bạn muốn , có thể ở giữa , bên trái , bên phải

*** Lưu ý : Bạn có thể thay đổi chữ Top of page bằng một chữ khác hoặc hình ảnh nếu bạn muốn .

- Nếu muốn thay bằng hình ảnh bạn chỉ việc thay chữ Top of page bằng thẻ <img boder="0" width="16" height="16" src="liên kết đến hình ảnh"/> và thay đổi những chữ màu đỏ sao cho phù hợp .

VD:

- kieuphong -

>> more...

Cách chèn " bài được xem nhiều nhất trong ngày " cho blog

Theo mặc định blogger.com không hỗ trợ bạn việc này . nhưng chúng ta có thể nhờ đến sự trợ giúp từ những trang web khác để tạo một danh sách những bài được xem nhiều nhất trong ngày ......
*** Tác dụng : Bạn có thể biết được người đọc blog của bạn thích bài, chủ đề nào nhất trên trang của bạn.

*** Ở đây tôi muốn nói đến feedjit.com

*** Cách làm:

- Bạn nhấn vào đây để liên kết đến feedjit.com
- khi giao diện của trang web hiện ra ,bạn nhìn vào phía bên phải màn hình sẽ thấy 1 bảng có dòng chữ "Popular Pages Today - Những trang được xem nhiều nhất trong ngày "
- Để tùy chỉnh cho giao diện của nó phù hợp với trang của bạn -> click vào "Customize it.." -> 1 bảng tùy chỉnh hiện ra cho bạn chỉnh màu sắc , kích cỡ ( Background = màu nền; Heading = màu tiêu đề ; Links:màu liên kết ; text : màu chữ %; Boder: màu đường viền ; Width: Độ rộng ..tối đa là 250 nhưng bạn có thể sửa trực tiếp trong đoạn code nếu muốn nó rộng hơn )
- Khi đã tùy chỉnh xong bạn nhấn Add it.-> nó sẽ xổ xuống 1 dòng code. Coppy dòng code này rồi paste vào nơi mà bạn muốn để nó . như vậy là xong rồi đó ! bây giờ bạn đã có một bảng theo dõi số bài được xem nhiều nhất trong ngày rồi .
*** Chú ý : Nếu như bạn muốn nó rộng hơn mặc định thì tìm trong đoạn code ấy dòng chữ " ww=250" và thay con số 250 bằng chiều rộng widget của bạn ( Bạn có thể cho nó lớn hoặc nhỏ tùy thích )- Blog của bạn phải được hỗ trợ Javascript.

- kieuphong -

>> more...

Tạo chatbox cho bog của bạn.

Ðể giao luu với bạn bè, những người xem blog của bạn một cách nhanh nhất là sử dụng hộp Chat ngay trên giao diện chính Blog của bạn .( Người xem blog của bạn sẽ không tốn nhiều thời gian để viết comment)....

Cách tạo Chatbox.

Ðể làm công việc này cũng có rất nhiều trang web hỗ trợ trực tuyến cho bạn như Meebo , Cbox.ws , Shoutmix.com....? Ở đây tôi chỉ giới thiệu với các bạn trang Cbox.ws , những trang còn lại cách lfm cũng tương tự.

- Click vào link này để liên kết đến Cbox.ws
- Click Sign up , điền đầy đủ thông tin trên form đăng kí -> chọn một mẫu mà bạn thích -> tùy chỉnh chiều rộng, ngang sao cho phù hợp với nơi bạn muốn đặt nó .
- get your code : Coppy đoạn code này và paste vào 1 widget hoặc bài đăng .( Trình bày -> thêm phần tử trang -> HTML/java ....đối với blogspot)

*** Nếu sau này bạn muốn đặt nó vào chỗ khác thì bạn có thể tự sửa đoạn code này cho phù hợp ( Tìm đến dòng width="..." height="..." để thay đổi chiều rộng, cao của Chatbox)

*** Nếu bạn muốn tùy chỉnh thêm ( Thêm hình ảnh , biểu tượng vui ....) ?
- Ðăng nhập vào Cbox.ws bằng tài khoản bạn đã tạo.

1. My Account:

Tại đây cho phép bạn thay đổi email, passowrd, ngôn ngữ của giao diện chatbox...

2. Cbox Options:

Bạn có thể thay đổi các thông số của chatbox như chiều rộng, cao,... Thông thường bạn chỉ thay chiều rộng, chiều cao, những thứ còn lại hãy để mặc định.

3. Color & Fonts:

Nơi chỉnh màu và Font chữ cho chatbox, account free chỉ có 2 tab là Presets và Simple Edit. Hãy sử dụng tab Presets để chọn các mẫu có sẵn hơn là phải dùng Simple Edit để chỉnh sửa từng thành phần một. Nếu bạn không biết về mã màu thì lại càng rắc rối.

4. Smiles:

Tab hiệu chỉnh, thêm bớt các biểu tượng vui. Tab Preset Smilies khôi phục các mặt cười có sẵn, Customize Smilies để thêm bớt các mặt cười , hình ảnh tùy chọn.

* Customize Smilies: thêm hình ảnh vào Cbox .

Giả sử bạn thích 1 ảnh có đường link :
http://kieuphong1109.googlepages.com/download1.gif
và muốn cho nó vào Cbox của bạn ?

Coppy đường link dẫn tới hình ảnh rồi paste vào list link ( có thể thay thế link mặt cười cũng được)
Bạn có thể nhấn nút x để xóa một smile mà bạn không thích , nếu muốn thêm một smile hoặc hình ảnh khác nữa thì bấm New Row. Khi dã ưng ý rồi thì nhấn Save để lưu cài đặt.

5 . messenge

Tab này cho phép bạn xóa tin nhắn mình không thích trên hộp chat và xem IP của người đã gửi tin nhắn cho bạn .
Chúc bạn vui vẻ và thành công

- kieuphong-

>> more...

Tạo FavIcon - Biểu tượng trước địa chỉ

Khi duyệt web bạn thường thấy 1 icon nhỏ nằn trước địa chỉ của trang web đó ? Đó là 1 FavIcon của trang web .
Theo mặt định của Blogger.com, trước địa chỉ blog của bạn luôn có biểu tượng màu cam hình bai trùm hình chữ B. Vậy làm thế nào chúng ta thay đổi nó bằng cái của chúng ta.

***Nếu bạn đang dùng trình duyệt Firefox hoặc IE7 bạn có thể thấy được biểu tượng Favicon

Trước hết bạn cần có một hình ảnh thông thường để convert sang hình ảnh với phần mở rộng là .ico. Bạn có thể dùng các chương trình đồ họa như Microsoft Paint (Stat->Programs->Accessories->Paint), Adobe Photoshop hay bất cứ chương trình nào khác để thiết kế cho mình một cái.

Ngoài ra còn rất nhiều trang web hỗ trợ trực tuyến cho công việc này .Ở đây tôi chỉ giới thiệu với các bạn 1 trang thôi ( đủ xài là được rồi không cần nhiều đâu )

http://www.htmlkit.com/services/favicon/ có thể giúp bạn mà bạn không cần cài đặt gì.

Đầu tiên, bạn mở trang đó lên, click nút Browse để tìm đến file hình ảnh lưu trên máy. Bấm nút Generate FavIcon.ico để thực hiện. Trang kết quả hiện ra như bên dưới.

Click vào Test in Browser để xem trước. Nếu bạn ứng ý thì click Download FavIcon đề download về máy.

Bạn sẽ nhận được file hình ảnh có phần mở rộng .ico.

Bây giờ thì làm sao để bạn tìm được nơi lưu trữ file này. Rất tiếc các công cụ chia sẻ ảnh không hỗ trợ hình ảnh có phần mở rộng như vậy.

Có một giải pháp là bạn dùng Google Page Creator. Đây là một trong những lý do mà tôi đã khuyên bạn đăng ký Google Account trước khi tạo blog. Hãy kích hoạt chức năng này của Google nếu nó yêu cầu. Sau đó bạn upload file ảnh lúc nãy lên đây. Xong, bạn click phải vào file đã upload tìm liên kết đến file FavIcon có dạng như: http://tentaikhoan.googlepages.com/ttcb_favicon.ico

Nơi upload favicon trên Google Page Creator

Bạn chép (nhớ sửa lại liênkếnđếnfileFavIcon)

<link rel="shortcut icon" href="liênkếnđếnfileFavIcon"/>

Rồi paste đoạn mã này vào giữa hai tag <head> .... </head> ở Edit HTML (Template->Edit HTML). Save lại để hoàn tất. Chúc bạn thành công!

*** Khi bạn đã có tài khoản Google rồi thì chỉ cần đăng nhập -> mở thêm một trình duyệt web rồi gõ địa chỉ googlepages.com vào rồi Enter. nó sẽ tự tìm đến page cảu bạn .

Theo thuthuatblog

>> more...

Thống kê số người viếng thăm và đang online trên blog của bạn

có rất nhiều trang web hỗ trợ cho bạn công việc này . Nhưng theo kinh nghiệm sử dụng tôi chỉ giới thiệu với các bạn 1 trang rất được các webmaster cũng như những blogger tin dùng .......

TRang web tôi muốn nói đến là www.histats.com .trang này có rất nhiều mẫu đẹp cho bạn chọn và thống kê rất chính xác.
- bạn click vào đây để liên kết tới histats.com
- Bạn có thấy dòng chữ này không "Register now!!!"??
- Điền địa chỉ blog (web ) của bạn vào đấy rồi nhấn register
Sẽ có một form hiện ra . Bạn điền đầy đủ thông tin vào ( nhớ là phải điền đầy đủ đấy nhé - thiếu 1 chi tiết là nó không chịu đâu )
- Đánh dấu kiểm vào dòng "I have read and agreePublisher Agreement Terms " rồi nhấn continue.
- Một dãy những kiểu bảng thống kê hiện ra . Bạn chọn cho mình một kiểu tùy thích.( chọn mẫu nào thì đánh dấu kiểm vào cái đó ) sau đó nhấn continue
- Nó sẽ hiện ra một bảng tùy chỉnh ( nếu bạn không thích chỉnh thêm thì nhấn continue để tiếp tục) Bạn có thể tùy chỉnh cách hiển thị tổng số người ghé thăm, tổng số trang trong ngày ,số người đang online, ....
- Tiếp tục nhấn continue và chờ trong ít phút
- khi có một bảng mã java "Javascriipt counter code" hiện ra , bạn coppy và paste vào nơi bạn muốn để bảng thống kê trên trang của bạn ( Thêm 1 phần tử trang -> HTML/Javas..- đối với blogspot)

*** nếu bạn muốn cho nó nằm giữa widget thì đặt đoạn code ấy vào giữa hai thẻ <center> và </center>

VD bảng thống kê của tôi :

Nếu bạn không thích thống kê bằng Histats tôi sẽ bổ xung , giới thiệu với các bạn vài trang nữa có giao diện rất đẹp . mời các bạn đón xem .

- kieuphong -

>> more...

Người theo dõi