Con của Biển: 8 thg 6, 2011

Thứ Tư, 8 tháng 6, 2011

Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger

Tạo Blog là một trong những trào lưu IT được giới trẻ “yêu chuộng” nhất hiện nay, tạo Blog không quá khó tuy nhiên để có được một Blog thật hay và Pro thì đòi hỏi bạn phải biết nhiều thứ trong đó tùy biến mã nguồn nhúng HTML/JavaScript là một đối tượng vô cùng quan trọng.

Trong loạt bài viết “Những thủ thuật hay cho các Blogger” ở phần 1 này tôi sẽ chia sẽ với các bạn những đoạn mã nguồn HTML/JavaScript chọn lọc; mà nếu làm chủ tốt “nó” Blog của bạn sẽ vô cùng hiện đại và chuyên nghiệp. Bài viết được minh họa trên dịch vụ Blogspot của Google, các dịch vụ Blog khác cũng được tiến hành tương tự.

1. Cách nhúng HTML trên BlogSpot:

o Hiện nay hầu hết tất cả các dịch vụ tạo Blog như BlogSpot, MSN, YahooPlus, Violet… đều hỗ trợ người quản trị cho phép nhúng vào các đối tượngHTML/JavaScipt để thực hiện các tùy biến cao cấp trên Blog.

o Đăng ký tài khoản và tiến hành các bước thiết kế cơ bản cho Blog tại địa chỉ http://www.blogger.com (bạn có thể đăng nhập bằng tài khoản Gmail sẵn có ở đây). Đăng nhập vào quyền quản trị tài khoản > Chọn Layout > Page Elements: trên bố cục của Blog nhấp nút Add a page elements (hay Add a Gadget) ở cột bên phải để bắt đầu lựa chọn đưa vào các đối tượng nhúng (lưu ý: mặc định bố cục của BlogSpot có 2 nút Add a Gadget cho phép thêm đối tượng vào cột bên trái và phần Footer bên dưới; thông thường đối tượng nhúng sẽ ưu tiên vào cột trái).

o Trong cửa sổ Add a Gadget nhấp chọn nút HTML/JavaScript để nhúng vào mã nguồn, xem hình 1.

Hình 1

o Trên hộp thoại Configure HTML/JavaScript kế tiếp: đặt tên cho đối tượng vào khung Title và mã nguồn vào khung Content, xem hình 2.

Hình 2

o Nhấp Save để kết thúc thao tác nhúng đối tượng vào Blog (sau này nếu muốn bỏ đi đối tượng đã nhúng nhấp chọn nút Remove)

2. Nhúng một hộp văn bản cuộn vào Blog:

o Thường vị trí của đoạn văn bản cuộn này nên đặt ở vùng Header hay Footer trên giao diện Blog.

o Nhúng đoạn mã nguồn sau vào chức năng Configure HTML/JavaScript của Blog:

<marquee style="color: #FF00FF; font-weight: bold" bgcolor="#F2FBFF"; direction= “left”>++ Chào mừng các bạn ghé thăm Blog của tôi ++ Mong các bạn góp ý để Blog ngày càng phát triển ++</marquee>

o Trong đó: Color (màu chữ), Bgcolor (màu nền hộp văn bản), direction (chiều di chuyển), đối với giá trị các màu sắc nếu không nắm được mã nhị phân tương ứng bạn có thể điền tên màu bằng tiếng anh.

3. Nhúng ngày tháng năm bằng tiếng việt:

o Đoạn mã HTML sau sẽ hiển thị nội dung ngày tháng năm bằng tiếng việt trên Blog.

<!-- // Array ofmonth Names

var monthNames = new Array("01","02","03","04","05","06","07","08","09","10","11","12");

var dayNames = new Array("Chủ nhật,","Thứ Hai,","Thứ Ba,","Thứ tư,","Thứ Năm,","Thứ Sáu,","Thứ Bảy,")

var now = new Date();

thisYear = now.getYear();

thisDay = dayNames[now.getDay()];

if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem

document.write("Hôm nay : " + thisDay +" "+"ngày"+" "+ now.getDate() + " tháng " + monthNames[now.getMonth()] + " năm " + thisYear);

// -->

</script>

o Dùng chức năng nhúng HTML/JavaScript để tùy biến ở vị trí Header hay bên phải giao diện Blog, xem hình 3.

Hình 3

4. Nhúng bảng dự báo thời tiết vào Blog:

o Đoạn mã HTML sau cho phép nhúng vào dự báo thời tiết của 5 thành phố lớn (Hà Nội, TP Hồ Chí Minh, Huế, Cà Mau, Nha Trang) trên cả nước theo 3 tiêu chuần quốc tế: nhiệt độ, thời gian và ẩm độ theo nguồn của trang web dự báo thời tiết nổi tiếng quốc tế http://banners.wunderground.com/, xem hình 4.

Hình 4

<p align="center"><img border="0" width="24" src="thoitiet.gif" height="20"/><font size="2"><b>Thời tiết một số địa phương ở nước ta </b></font></p>

<p align="center"> Nhiệt độ - Thời Gian - Độ ẩm </p>

<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.txt"

S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->

<p align="center"><font size="2"><b>Nha Trang</b></font></p>

</form>

o Nếu muốn bỏ đi phần dự báo của Huế thì bạn tìm và xóa đoạn mã tương ứng:

o Lưu ý: tại trang chủ http://banners.wunderground.com/ mỗi một thành phố hay tỉnh của Việt nam có một mã số ảnh riêng, bạn có thể tham khảo ở đây để chèn vào cho phù hợp với đối tượng mà mình muốn hiển thị (Ví dụ: Huế có mã ảnh tỉnh là 48852.gif)

5. Chèn quảng cáo cố định ở hai bên giao diện Blog:

o Với đoạn mã này bạn có thể chèn vào các LOGO quảng cáo cho các đối tượng khác nhau ở hai bên cố định của giao diện Blog bằng cách sử dụng liên kết LINK.

o Chú ý: Các link liên kết tới hình ảnh tương ứng phải có thực (tốt nhất bạn nên tự Upload cố định lên Host hay trực tiếp trên Blog), không nên liên kết tới LOGO của trang khác vì rất dễ xảy ra tình trạng chết LINK. Những đoạn Code màu xanh là liên kết tới các hình ảnh đại diện cho đối tượng mà bạn muốn nhúng vào Blog, với đoạn Code này bạn có thể tùy biến thêm vào hay xóa đi các đối tượng một cách thoải mái, xem hình 5.

Hình 5

o Ví dụ: Đối tượng báo giáo dục thời đại trong đoạn Code trên gồm các lệnh:

o Trong đoạn Code trên đối tượng VIOLYMPIC có Logo nhúng vào là một File Flash SWF, khi đó ta phải thay đổi mã lệnh nhúng lại cho phù hợp là:

6. Lịch âm dương trên Blog:

o Là người việt nam chắc chắn Blog của bạn sẽ chuyên nghiệp và mang cá tính hơn với một cuốn lịch âm dương hiển thị để khách viếng thăm tiện việc tra cứu, xem hình 6.

Hình 6

o Mã nguồn nhúng vào Blog:

7. Tạo ComboBox trên Blog:

o Việc nhúng một ComboBox để liên kết nhanh tới các đối tượng khác nhau sẽ giúp bạn tiết kiệm được thời gian thiết kế và không gian hiển thị trên giao diện Blog, xem hình 7

Hình 7

o Mã nguồn:

<OPTION selected value=#>Website Liên Kết</OPTION>

<OPTION value=#>--- TIN TỨC ONLINE ---</OPTION>

<OPTION value=http://www.vnexpress.net>Vn Express</OPTION>

<OPTION value=http://www.google.com.vn>Google</OPTION>

</SELECT>

o Với đoạn Code này bạn cũng có thể Edit lại một cách thật dễ dàng.

8. Nhúng từ điển Anh - Việt vào Blog:

o Với đoạn mã nguồn sau Blog của bạn sẽ được trang bị một quyển từ điển ANH - Việt hết sức chuyên nghiệp.


<script src="http://bea.vn/course/blocks/dictionary_mc/clicksee.js"></script>

<script language="javascript">

function doSearch(obj){

window.open("http://bea.vn/course/blocks/dictionary_mc/dic/search.php?dict="  + obj.dict.value + "&word=" + obj.word.value, "quickview",  "status=0,toolbar=0,scrollbars=1,width=500,height=400,location=0");

return false;

}

</script>

<form  action="http://bea.vn/course/blocks/dictionary_mc/dic/search.php"  style="margin:0px;" target="_blank" name="dictionary" onsubmit="return  doSearch(this);" method="post">

<div style="padding-bottom:6px"> Dictionary: <br/>

<select style="font-size: 11px; width: 130px;" name="dict">

<option selected="true" value="ev"/>English - Vietnamese

<option value="ve"/>Vietnamese - English

</select></div>

<div> Enter word:<br/>

<input style="font-size: 11px; width: 87px;" name="word" type="text"/>

<input style="font-size: 11px;" value="Go" name="go" type="submit"/>

</div> </form>

<span style="font-size:90%; font-weight: bold;">© <a href="http://trandaiminhtri.blogspot.com/"target="_blank">Cftanhiep Groups 2009</a></span></p>

o Từ điển Anh Việt hiển thị trên Blog, xem hình 8.

Hình 8

9. Tự tạo hộp tìm kiếm thông tin trên Blog:

o Mặc dù bạn có thể dễ dàng thêm vào Blog Gadget tìm kiếm của Google, tuy nhiên nếu tự tay thiết kế được một công cụ riêng về tìm kiếm thì điều đó sẽ thú vị hơn nhiều, xem hình 9.

Hình 9

o Mã nguồn:


<p align="left">

<form id="searchthis" action="http://trandaiminhtri.blogspot.com/search" style="display:inline;" method="get">

<strong>Search this site<br/></strong>

<input id="b-query" maxlength="255" name="q" size="30" type="text"/>

<input id="b-searchbtn" value="Search" type="submit"/>

</form></p>

10. Nhúng bảng tỷ giá vàng vào Blog:

o Mã nguồn:


<iframe src="http://www.vietstock.com.vn/Transweb/giavang.htm" width="180" height="150" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>

o Hiển thị xem hình 10.

Hình 10

11. Nhúng bảng tỷ giá ngoại tệ cho Blog:

o Mã nguồn:


<iframe src="http://www.vietstock.com.vn/Transweb/tygia.htm" width="180" height="240" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0"></iframe>

o Hiển thị xem hình 11.

Hình 11

12. Nhúng lịch xem truyền hình Việt Nam vào Blog:

o Mã nguồn:

o Hiển thị xem hình 12.

Hình 12

13. Nhúng cảnh đẹp Việt Nam vào Blog:

o Hãy để cho khách viếng thăm cùng đi một tour du lịch Việt Nam cùng với Blog của bạn bằng mã nguồn sau.

1. Nhúng theo mặc định :

2. Có thể thay đổi kích thước :

3. Thêm các thông tin về tour du lịch :

4. Thay đổi khoảng thời gian giữa hai bức ảnh :

o Hiển thị xem hình 13.

Hình 13

Một số đoạn mã HTML cho Blog

Để sử dụng code cho blog cần "Compose blog entry" --> View HTML code (nằm cuối thanh công cụ soạn thảo) = cách tick vào ô trống bên cạnh chữ --> Copy và paste đoạn code --> Bỏ dấu tick đi và soạn blog tiếp --> Post this entry -->Đã xong

1 - Nhạc nền cho blog:
<div><embed style="width:1px; height:1px; "type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5683524695582239829&hl=en"

flashvars="autoPlay=true"bgcolor="#000000"="none"></embed></div>
Cái này đòi hỏi bạn phải có 1 tài khoản Gmail để upload lên trang Google video. Ko thì phải kiếm các đoạn link đã có sẵn như trên này chẳng hạn.
Lưu ý là width và height = 1px bé như 1 cái chấm nên bạn sẽ không thấy bài hát đâu, cứ yên tâm mà post rùi đợi nó load nhạc về là nghe thấy ngay ấy mà.

2 - 1 đoạn video cho blog
Upload file video lên Youtube.com hay lấy sẵn đoạn video mình thích ở trên trang đó
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/E81WJEnxxfc"></param><embed src="http://www.youtube.com/v/E81WJEnxxfc" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

http://www.youtube.com/v/E81WJEnxxfc là link của 1 video, không thì khi bạn xem đoạn video người ta cũng cung cấp đoạn mã này (ở Tag embed)

3 - Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)
<div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div>
+ 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ác con số 100 chỉ là ví dụ
. Image link, phải lấy link trực tiếp của bức hình.(upload lên trang photobucket.com)
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.

4 - Cách chèn ảnh với kích thước thực tế ( chiều rộng > 500)
+ 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 )

5 - Thay link = tên:
<a href="link">Tên muốn hiển thị</a>
Thay 1 đoạn "link" như "http://www.yahoo360.com/starfall101" dài ngoằng bằng chữ "Đây là blog của NTD"

6 - Tạo các icon (hoặc các hình ảnh) có chứa link:
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 1 cái link mình muốn- giống như kiểu 5 nhưng là "hình" chứ không phải "chữ"
<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>
* Đ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.

7 - Tạo bóng đổ cho text trong Blog:
<div align="center">
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">viết chữ ở đây</span>
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align:
-5px;">viết chữ ở đây</span>
</div>
_ Trong đó: font của chữ là font Times, nếu không thích có thể đổi kiểu chữ khác.
"viết chữ ở đây" phải giống nhau đó, nếu 2 dòng chữ ko giống nhau thì bye bye nhé

8. Code dùng để đóng khung trong blog:
<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 <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 </span><br />
</td>
</tr>
</tbody>
</table>

9 - Làm hình nền cho entry
Tức là viết bài trên 1 cái ảnh nào đó:
Bước 1 : Bạn chọn 1 ảnh để làm nền, chiều ngang khoảng 700 pixel là chuẩn -> up lên host nào đó để lấy link (photobucket.com - Imageshack.us)
Bước 2 : Bạn vào viết blog -> chọn chế độ "View HTML Source". Copy đoạn code sau vào
<div align=center>
<table background="LINK ẢNH Ở ĐÂY" border=0>
<tbody>
<tr>
<td align=center>
Bạn có thể gõ text ở dòng này
</td>
</tr>
</tbody>
</table>
</div>
Chú ý : Thay link ảnh mà bạn đã post trên host vào dòng "Link ảnh ở đây" nhé
Bước 3 : bạn thoát khỏi chế độ "View HTML Source". Bạn sẽ thấy bài viết đã có thể viết được trên ảnh mà bạn chọn.

Tạo bảng quảng cáo chữ chạy (giả đèn led)

Entry này mình sẽ hướng dẫn mọi người cách làm bảng quảng cáo chữ chạy giả đèn led để có thể đi quảng cáo hay chèn vô đâu tùy thích nha

Bước 1: Các bạn vào trang http://www.glitteryourway.com/goodies/marqueegenerator/
Khi vào các bạn sẽ thấy giao diện của việc tạo chữ vào bảng
Bước 2: Dòng này các bạn viết câu mà bạn muốn tạo để chạy lên bảng ví dụ: welcome to thuthuatblog

Message to scroll

Dòng color các bạn chọn màu theo ý thích nhé
Xong xuôi các bạn nhấn vào Generate
Vậy là bạn đã có code như thế này:

<param name="allowScriptAccess" value="sameDomain" />
<param name=FlashVars value="bt=boycityfunny1992%20&cl=orange&x=3%2019%2012%2034%2034%2011%2030%2010%2026%2036%2030%206%205%2010%208%200%2026%2031%20">
<param name="movie" value="http://www.glitteryourway.com/marquee/scroller-sign.swf" /><param name="quality" value="high" />
<param name="wmode" value="transparent" /><param name="bgcolor" value="000000" />
<embed FlashVars="bt=Wecome%20to%20thuthuatblog%20&cl=orange&x=3%2019%2012%2034%2034%2011%2030%2010%2026%2036%2030%206%205%2010%208%200%2026%2031%20 " src="http://www.glitteryourway.com/marquee/scroller-sign.swf" quality="high" wmode="transparent" bgcolor="000000" width="380" height="50" name="scroller-sign" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
<BR>
<a href="http://www.glitteryourway.com" target="_blank">Get a scroller sign at http://www.glitteryourway.com!</a>

Nhưng code này chèn vào plus thì nó sẽ ko hiện ra nên mình đã share code mà plus có thể hiện ra bạn làm bước tiếp theo để có code cuối cùng nhé
Bước cuối: Các bạn hãy copy phần gạch chân tương tự như code của bạn ở code có sẵn ở trên và dán vào phần gạch chân ở dưới đây bạn hãy chỉnh lại chiều cao và chiều dài của nó thế là bạn đã có code hoàn chỉnh rồi đó

<embed type="application/x-shockwave-flash" allowscriptaccess="never" wmode="opaque" src=http://i1019.photobucket.com/albums/af317/max4downloadcom/photobutket.swf?link=http://www.glitteryourway.com/marquee/scroller-sign.swf?bt=Wecome%20to%20thuthuatblog%20&cl=orange&x=3%2019%2012%2034%2034%2011%2030%2010%2026%2036%2030%206%205%2010%208%200%2026%2031%20 width="380" height="50">

Phương pháp tối ưu hóa dịch vụ Marketing cho Web Blogs

Phải nói rằng hầu hết các trang blogs hiện nay không phát huy hết hiệu quả quảng cáo của nó. Thậm chí đến những trang blogs chuyên về quảng cáo đôi khi cũng gặp thất bại vì không tận dụng hết được nguồn lực này. Blogs có thể là Web 2.0, nhưng những người chuyên viết bài cho nó (bloggers) không nên bỏ qua các thủ thuật quảng bá theo lối xưa, những phương thức được coi là cẩm nang của tiếp thị viên hơn 1 thập kỷ qua.

Dưới đây là 101 phương pháp căn bản bạn đừng bao giờ quên...

1. Đừng quên việc quảng cáo qua thư điện tử E-Mail.

Những Blogger thường quên cách thức quảng cáo này. Tôi rất tin vào dịch vụ truyền tin RSS nhưng chỉ dưới hình thức quảng cáo bằng Email.

Tuy RSS cung cấp cho chúng ta khá nhiều lợi ích độc đáo nhưng nó vẫn không là xu hướng chủ đạo hiện nay. Những tiếp thị viên và các nhà sản xuất thậm chí còn thờ ờ với cách quảng cáo qua Email, bỏ ngoài tai những tiềm năng người đọc một cách lãng phí.

Bạn đang tự hỏi tại sao mình lại cần một Email? Vậy hãy nghĩ tới những lợi ích bạn có thể để vuột mất nếu thiếu nó. Một số người thăm trang Blog của bạn, họ thấy thích một chủ đề và muốn bổ sung thêm thông tin vào đó. Họ không hề biết RSS là gì hay thậm chí không thèm quan tâm tới nó. Nếu bạn thất bại trong tìm Emai của họ, họ có thể sẽ không bao giờ quay lại trang web của bạn nữa! Vì sao ư? Vi họ đã quên nó và vì chỉ ngay sau đó thôi đã có đến hàng tá những trang web khác nắm bắt được sở thích của họ.

2. Không thể bỏ qua khâu xuất bản tạp chí điện tử E-Zine!

Cho ra một trang Blog không đồng nhất với ra mắt một tạp chí điện tử e-zine. Nếu có thể nên đăng e-zine theo tháng, theo tuần trên trang nhất, theo định dạng đơn dễ đọc.

Đơn giản vì nhiều khi người đọc không có đủ thời gian mà chiêm ngưỡng trang Blog của bạn một cách thường xuyên, liên tục. Một số khác lại chỉ muốn xem những thông tin ngắn gọn nhất, xúc tích nhất. Việc cho đăng tải một e-mail e-zine sẽ làm điều này thay bạn, nó sẽ giúp cho trang web của bạn có lượng độc giả dài hạn nhiều hơn.

3. Đăng ký E-Mail và RSS.

Cung cấp việc đăng ký E-mail (e-zine) và RSS là nhân tố quan trọng dẫn đến sự thành công của bất kỳ một trang blog nào. Tuy nhiên nhân tố này sẽ chẳng có tác dụng gì nếu độc giả không tận mắt chứng kiến trang Web của bạn cũng như khi họ vào xem mà bạn chả có chút khích lệ nào khiến họ ghi danh làm thành viên.

Trước hết, bạn nên hiển thị thông tin đăng nhập email e-zine và RSS ngay trên cùng của trang Blog thay vì để tận chỗ đẩu đâu, khó nhận biết.

Tiếp theo dùng một đoạn trích bắt mắt thu hút họ đăng nhập thành viên. Giải thích ngắn gọn về lợi ích khi đăng nhập, những thông tin mà họ có thể nhận được và cũng đừng quên lời hứa đảm bảo bí mật, không xâm phạm thông tin cá nhân của họ.

4. Giải thích về RSS (Really Simple Syndication)

Hầu hết người dùng internet vẫn chưa có khải niệm về RSS cũng như cách dùng nó ngoài việc bấm nút RSS trong trang blog.

Để giải quyết vấn đề này, tạo một trang giới thiệu RSS riêng và liên kết nó với phím đăng ký RSS trên trang chủ. Trong trang liên kết giải thích ngắn gọn:

RSS là gì
Những thuận lợi khi dùng RSS
Nơi họ có thể nhận RSS miễn phí (đề cử theo ý kiến riêng của bạn!)
Cách cài đặt (đưa từng bước hướng dẫn)
Cách đăng ký qua RSS của bạn.
Tại sao họ nên đăng ký qua hệ thống RSS của riêng bạn?
Tiếp theo là các đường liên kết tới những RSS của bạn.

5. Nội dung chính.

Nếu bạn thường xuyên cập nhật cho trang Blog của mình, những tin cũ sẽ bị đẩy xuống dưới và những bài này đa phần người đọc không bao giờ lưu ý tới.

Để khắc phục tình trạng này bạn hãy tạo một danh sách các bài Top, cho hiển thị rõ ràng từng trang, tùy theo chủ đề muốn nhấn mạnh mà có sự sắp xếp thứ tự trước sau. Việc làm này nhằm thu hút những vị khách mới, họ sẽ đọc những gì hay nhất mà bạn có thể cung cấp và chính những thông tin hữu ích này sẽ biến họ từ những vị khách vãng lai thành độc giả và thành viên trung thành của trang web.

6. Tiêu đề dòng Tip

Khi nhìn một dòng Tip, bạn đọc luôn kỳ vọng xem nó có gì trong đó. Tiêu đề các bài viết có nhiệm vụ truyền tải những thông tin quan trọng nhất của bài viết. Bạn hãy tạo dòng Típ sao cho chắc chắn nó sẽ thu hút được độc giả vào xem.

7. Hướng bạn đọc theo cách riêng của bạn (MDA)

MDA (Most Desired Action) là cách bạn muốn các vị khách viếng thăm trang web của bạn, đăng nhập thành viên để yêu cầu nhiều thông tin hơn về dịch vụ của bạn, đặt hàng nơi bạn.

Blog sẽ giúp bạn tích cực trong lĩnh vực này (Nhưng chỉ khi bạn đã thực sự lôi kéo họ vào trang web). Cách sắp đặt thông tin một cách đơn giản vẫn chưa đủ.

Bạn thử gửi thẳng vài bản copy cho MDA ngay dưới mỗi bài Blog và nên thống nhất theo hàng bên tay phải hay trái.

Nếu bạn đang cung cấp đa sản phẩm hoặc đa dịch vụ, bạn nên quảng cáo từng sản phẩm trong từng bài theo chủ đề.

Và quả đúng như vậy! Nếu bạn muốn sử dụng nó như một công cụ để quảng cáo thì việc làm này còn hay gấp trăm vạn lần kiểu quảng cáo của Google trên trang Blog của bạn.

8. Tìm tòi sự khác biệt.

Blogs thông thường không thiết kế quá cầu kỳ và hầu hết chúng trông giống hệt nhau. Tuy việc thiết kế Blog một cách nhẹ nhàng là mặt tích cực nhưng chúng ta cũng nên đầu tư tạo trang Blog của mỗi người thật ấn tượng. Đừng làm rối bằng các chi tiết thiết kế nhưng vẫn phải đảm bảo sự khác biệt với các trong Blog khác hiện có trên thị trường.

9. Dùng tên miền của chính bạn.

Một sub-domain kiểu subdomain.typepad.com có thể là cách chọn lựa dễ dàng nhất nhưng đừng quên rằng tên miền chính là địa chỉ trực tuyến cố định sau này của bạn và nó cũng là một phần thương hiệu trực tuyến của bạn.

Do vậy, hãy đầu tư gấp đôi số tiền cho tên miền! Việc làm này sẽ nâng cao thương hiệu cũng như giúp bạn đọc tiếp cận trang Blog của bạn dễ dàng hơn.

10. Đừng quên các từ khóa

Bạn muốn từ khóa được sử dụng trong công cụ tìm kiếm mỗi bài viết?

Đừng quên đưa các từ khóa này vào trong nội dung của tiêu đề và phần thân của các bài viết.

11. Tương tác với bạn đọc

Nếu bạn đang có ý định làm trang Bloy viết về buôn bán đừng quên tương tác người đọc định hướng thương mại.

Vấn đề chính là lôi kéo những câu hỏi từ phía bạn đọc, gắn liền với chuyên ngành của bạn và việc hồi âm lại cho họ qua trang Bog. Nếu thích họ sẽ phản hồi. Khi bạn có một bài tổng kết, lại gửi lên hoặc cho link liên kết đến bài viết đó. Lại tiếp tục trao đổi…

12. Thủ thuật đặc biệt 101 quảng bá Blog

a] Tiếp thị tốt phương thức RSS của riêng bạn.

b] Làm tốt khâu tìm kiếm và danh mục trước khi bạn cấp nhật thông tin cho Blog, dùng dịch vụ miền phí như http://www.pingomatic.com .

13. Hãy lưu ý đến nội dung.

Và tất nhiên, những vấn đề nói trên sẽ chẳng làm nên điều gì khác biệt nếu bản thân nội dung bài viết không thú vị, có chất lượng và cung cấp thường xuyên.

Trên đây là 13 điểm lưu ý căn bản nhưng cũng đủ giúp bạn học hỏi về cách tối ưu hóa dịch vụ tiếp thị.

Đôi chút về tác giả
Rok Hrastnik là tác giả của bài viết. Khi đọc bài viết này chúng ta có thể biết được ngay lập tức cách nâng cao hiệu quả khả năng buôn bán qua mạng với dịch vụ RSS và sử dụng nó trên thị trường. Giải thích về RSS bao gồm 28 trang cho phép bạn đọc down miễn phí: hướng dẫn dễ hiểu, đưa ra ví dụ, lời khuyên rõ ràng sao cho có được RSS tốt nhất trong thời gian ngắn nhất.

Thứ Tư, 8 tháng 6, 2011

Tập hợp mã nguồn Html/JavaScript cơ bản cho Blogger

Một số đoạn mã HTML cho Blog

Tạo bảng quảng cáo chữ chạy (giả đèn led)

Phương pháp tối ưu hóa dịch vụ Marketing cho Web Blogs

Labels

Nhãn

Bài viết liên quan

Blog Archive

Lưu trữ Blog