Subscribe via email

Enter your email address:

Delivered by FeedBurner

Hiển thị các bài đăng có nhãn Thủ thuật Blog. Hiển thị tất cả bài đăng
Thứ Bảy, 30 tháng 10, 2010

Tạo khung tìm kiếm lên Blog của bạn

Google hiện đứng đầu trong lĩnh vực tìm kiếm. Công cụ tìm kiếm này tỏ ra hiệu quả khi chiếm hơn 60% lượng khách truy cập vào Thủ Thuật Blog trong số hơn 60% nguồn khách đến từ công cụ tìm kiếm (xem thống kê dưới bài viết). Rất nhiều trang web, diễn đàn hay blog sử dụng công cụ này làm công cụ tìm kiếm chính. Đặc biệt các trang tiếng Việt có thể tìm kiếm nguồn thu khi tham gia chương trình quảng cáo Adsense for search hiển thị quảng cáo ở kết quả tìm kiếm. Ngoài ra có một cách khác để sử dụng công cụ này thông qua dịch vụ Custom Search Engine (Tìm kiếm tùy chỉnh).

Bước 1. Thiết lập Trước tiên hãy vào địa chỉ http://www.google.com/cse/ và click trên nút Create a Custom Search Engine. Bạn có thể được yêu cầu đăng nhập tài khoản Google hoặc chấp nhận các điều kiện sử dụng. Tiếp tục bạn sẽ thấy xuất hiện trang web yêu cầu điền các thông tin như hình.

Basic information - Search engine name: Đặt tên cho công cụ tìm kiếm - Search engine description: Miêu tả công cụ tìm kiếm - Search engine keywords: Nhập từ khóa cho công cụ tìm kiếm - Search engine language: Chọn ngôn ngữ. Nếu blog của bạn là tiếng Việt hãy chọn Vietnamese. What do you want to search? (Bạn muốn tìm kiếm gì?) Chọn một trong ba lựa chọn - Only sites I select (Chỉ trang tôi chọn). - The entire web, but emphasize sites I select (Toàn bộ nhưng nhấn mạnh trang tôi chọn). - The entire web (Toàn bộ trang). Select some sites (Chọn một số trang web) Nhập vào trang bạn chọn, ở đây chúng ta dùng Blogger. Vì vậy hãy nhập theo cú pháp: blogcuaban.blogspot.com Select an edition (Chọn xuất bản)
Hãy chọn Standard Edition để sử dụng miễn phí. Nếu không muốn xuất hiện quảng cáo thì click vào Do not show ads on results pages.

Click I have read and agree to the Terms of Service để chấp nhận điều kiện trước khi click Next để tiếp tục. Bạn sẽ được đưa đến trang có hình sau và nhấn Finish.

Photo Sharing and Video 
Hosting at Photobucket

Chúng ta sẽ đến trang quản lý, trong đó chúng ta có thể tạo một trang chủ riêng với công cụ tìm kiếm cũng như thêm vào các tiện ích của Google vào homepage, xem thống kê (statistics) hay xóa công cụ đã tạo (delete) và quan trọng nhất nhấn control panel để tùy chỉnh hoặc lấy code.

Bước 2. Cấu hình hiển thị Quan sát thực đơn hàng ngang để tùy chỉnh cho công cụ tìm kiếm của riêng bạn.
Basic: Những thay đổi cơ bản về chọn ngôn ngữ, mã chữ. Sites: Nhập các trang web mà bạn muốn chỉ tìm kiếm trong những trang này. Cụ thể ở đây là địa chỉ blog của bạn. Refinements: Tạo các nhãn ưu tiên cho kết quả tìm kiếm. Look and feel: Chọn kiểu công cụ, chọn màu sắc kết quả, thêm logo... Code: Lấy mã cho vào blog, cụ thể xin đọc bên dưới. Make money: Khai báo thêm tài khoản Google Adsense nếu bạn muốn kiếm tiền từ các kết quả tìm kiếm. Nếu chưa có, hãy tham khảo bài hướng dẫn này trước khi đăng ký. Preview: Xem trước. Các menu còn lại bạn không cần quan tâm lắm. Bước 3. Lấy mã:
Có hai lựa chọn. Lựa chọn đầu cho kết quả xuất hiện trên blog, bạn cần phải lấy mã hộp tìm kiếm nằm trong Search box code và mã kết quả tìm kiếm nằm trong Search results code. Mã kết quả này phải được đặt trên blog bằng cách thêm widget HTML/JavaScript và cần thiết phải chỉnh lại kích thước var googleSearchFrameWidth hợp với kích thước nơi xuất hiện. Đây là cách mà tôi sử dụng.


Hình. Lựa chọn 1

Hình. Lựa chọn 2
Ở lựa chọn thứ hai, kết quả tìm kiếm sẽ xuất hiện nhanh hơn ở một trang được hosting bởi Google.


Hình. Thống kê từ Google Analytics
Thứ Sáu, 22 tháng 10, 2010

Đưa thêm chat room vào trên blog

Bạn muốn chat trên blog? Meebo là một dịch vụ mà bạn có thể dùng để chat trên web mà không cần cài đặt phần mềm. Hỗ trợ nhiều loại nick khác nhau. Bạn còn có thể (đưa) nhúng chat room vào blog của mình để mọi người dễ dàng trao đổi với bạn khi viết thăm blog.
Trước hết bạn vào www.Meebo.com (nếu bạn muốn xem giao diện bằng tiếng việt thì click vào Tiếng Việt ở cuối trang)

Loại chat room 1 cho blog

Click vào Sign Up ở góc phải trên màn hình để đăng ký 1 tài khoản (account) của meebo.
Sau khi đăng ký xong bạn login (Sign on) vào account này. Nhìn bên tay trái bạn thấy và click "meebo me widgets" > click "Add a new widget" >>

Create a meebo me widget!
Widget name: tên của chat room ví dụ VinaBlog Chat
Widget size: kích thước của chat room
click Create a new widget! >>
Bạn copy đoạn mã html trong Widget embed bỏ vào blog ( ở chế độ soạn thảo html). Bạn có thể thiết lập một số thông số bằng cách click "Modify"

Đối với blog wordpress thì đã có hổ trợ sẵn meebo widget, bạn cứ việc "kéo và thả" vào blog (vào Presentation > Widgets )



Khi khách viếng thăm có thể chat với bạn mà không cần phải đăng nhập vào một tài khoản nào: chỉ cần nhập messageenter !.

Loại chat room 2 cho blog

Để tạo chat room mà mọi người khi ghé thăm blog bạn sẽ thấy được nhau và chat được với nhau và chat với bạn thì bạn cần tạo một loại room khác như sau:
Sau khi sign on (login) vào tài khoản của bạn, nhìn bên tay phải trong khung Buddy List bạn sẽ thấy dòng meebo rooms. Click chuột phải lên meebo room > click Create a new room >>
Room Name: tên của room ví dụ: VinaBlog Chat Room
Description: đặc tả room ví dụ: thu thuat blog chat internet
Tags: ví dụ: Blogs
Categories: có một số cái có sẵn, bạn thích cái nào thì click cái đó ví dụ tôi chọn Online
Group Icon: icon (hình)
Sharing:
+Anyone can add media (mọi người đều có thể gửi (media) hình ảnh,.. vào room)
+ Only you can add media: chỉ có mình bạn gửi được media
Sau khi điền xong các mục trên click Next rồi click Creat New Room. Như vậy đến đây bạn đã tạo xong room. Để nhúng nó vào web hoặc blog, click Embed on your site rồi copy đoạn mã html trong ô Embed: bỏ vào blog
Tuy nhiên loại room này có cái không hay là mọi người đều có thể gửi đường link vào room nhiều khi đó là những đường link độc hại chứa virus thì nguy. Bạn hãy cẩn thận trước khi quyết định có nên click vào đường link hay không nhé! Vì lý do đó mà tôi không đặt loại room này vào blog. Bạn có thể thử dùng cho blog của mình
Bạn lưu ý nếu copy bỏ vào blog bị lỗi thì sửa tag embed thành như sau:
<embed src="http://widget.meebo.com/mcr.swf?id=*******" type="application/x-shockwave-flash" width="430" height="300"></embed>
Dưới đây là hình minh họa loại chat room 2

Hướng dẫn cách tạo một Album nhạc trên Blog

Việc tạo một Album nhạc trên Blog sẽ làm cho Blog của bạn thêm phong phú, đồng thời thu hút những người yêu âm nhạc. Và cho dù đi đâu, chỉ cần một máy tính nối mạng là bạn có thể dễ dàng nghe những bản nhạc yêu thích do mình đưa lên. 

Hiện nay có rất nhiều trang web cho ta thực hiện điều này. Bài viết này chỉ giới thiệu cách tạo Album nhạc trên trang web Esnips.com, các trang web khác cũng được thực hiện gần như tương tự.

Công việc trước tiên là bạn phải chuẩn bị cho mình những bản nhạc yêu thích. Sau đó bạn phải đăng ký là thành viên của
http://www.esnips.com/, với dung lượng lưu trữ lên đến 5 GB tha hồ cho bạn upload nhạc lên mạng. Cách đăng ký thành viên như sau: 
Truy cập vào trang web http://www.esnips.com/, bấm vào thẻ “Join Now!”. Tại cửa sổ mới hiện ra nhập email vào “Your e-mail address” và gõ password vào “Choose your password”, tại “Type the letters you see below” gõ dòng chữ nhìn thấy ở phía dưới đồng thời đánh dấu vào “I have read and agree to the terms of use”. Xong thì bấm Create Account, lúc này bạn đã hoàn tất quá trình đăng ký. 
Để thuận tiện cho việc phân loại nhạc bạn nên tạo ra những thư mục khác nhau bằng cách vào thẻ folders rồi chọn tiếp “New folder”. Gõ thư mục vào “Give your new eSnips folder a name”. Các lựa chọn “Public Folder” cho tất cả cùng xem, “Group Folder” cho các bạn bè xem và “Private Folder” chỉ mình bạn xem. “Describe it” dùng để gõ những mô tả cần thiết về album nhạc và “Tag it” dùng để gõ những từ khóa cần thiết để cho công việc tìm kiếm dễ dàng.
Khi đã tạo được thư mục rồi thì bây giờ là chỉ cần upload file lên mạng, vào Uploading Files chọn Browse để chọn file cần upload từ máy tính, bấm tiếp Browse để lựa chọn những file nhạc khác, trang web hỗ trợ rất nhiều định dạng nhạc khác nhau. Khi đã upload xong bạn bấm tiếp vào “Go to Folder” trang web sẽ hiện ra những file mà bạn đã upload lên thư mục. 
Tích dấu vào đầu tên của bài hát, bấm tiếp vào dòng chữ “Add to Quicklist” ở phía dưới bài hát nó sẽ đổi thành “Go to Quicklist >”. Bấm tiếp “Go to Quicklist >” sẽ hiện ra thanh công cụ Quicklist. Tại thanh công cụ này bạn chọn tiếp “Create playlist widgets”. 
Cửa sổ mới xuất hiện bạn có thể chọn một trong hai “widget”, tại “Customize” chọn No để bấm play khi nghe nhạc hoặc chọn Yes để tự động chơi nhạc. Lúc này phía dưới “Copy and paste” bạn đã có đoạn code cho riêng mình.
Công việc bây giờ là copy đoạn code vào blog entry. Và hãy nhớ mời bạn bè vào nghe Album do chính mình vừa tạo ra.
Công việc cuối cùng là khi viết Entry, blogger nên nhớ đánh dấu vào view html source, copy đoạn code embed html rồi dán vào entry là xong.
Thứ Hai, 4 tháng 10, 2010

Tạo khung gửi link cho bạn bè Yahoo

post  qua yahoo
Trong bài viết này, mình xin hướng dẫn các bạn cách tạo tiện ích ‘Gửi bài viết cho bạn bè qua Yahoo’  cho Blogger.
Cách làm như sau:
Đầu tiên các bạn đăng nhập vào http://blogger.com bằng tài khoản Gmail của các bạn. Chọn blog các bạn muốn chỉnh sửa:
Thiết kế -> Chỉnh sửa HTML -> Check vào Mở rộng mẫu tiện ích
(Layout -> Edit HTML – >Expand Widget Templates )


Tìm với từ khóa:
<div class=’post-footer-line post-footer-line-3′/>” (Lưu ý là không có dấu “. Có thể thay số 3 bằng số 1 hoặc 2)
Dưới dòng đó, các bạn copy và paste đoạn code sau vào:
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b>Copy đường link dưới đây gửi đến nick Yahoo! bạn bè: </b>
<textarea id=’gioithieu’ name=’gioithieu’ onclick=’this.select()’ readonly=’readonly’ style=’height: 100%; width: 100%; border: 3px solid #cccccc; background:#ffffff; color: #333333; font-size: 13px;’><data:blog.homepageUrl/> có bài &quot;<data:post.title/>&quot; rất hay. Để xem bài này hãy truy cập link: <data:post.url/></textarea>
</b:if>
Thay 2 đoạn  màu đỏ bằng mã màu các bạn muốn thay.
Cuối cùng là save lại và kiểm tra ở bài viết của bạn (sẽ không hiển thị ở trang chủ nên các bạn không phải lo về vấn đề “mỹ quan đô thị” ^^ cuoi deu cuoi deu

Demo:


  CÁCH KHÁC -NẾU SÀI CÁI TRÊN KO DC:
Cách thực hiện như sau:
1Truy cập vào Blogger:
- Truy cập vào Blogger: Bảng điều khiển (Dashboard)  >> Bố cục (Layout)   >>  Chỉnh sửa HTML (Edit HTML)  >>  click chọn ô check Mở rộng mẫu tiện ích (Expand widget templates).
- Tìm (Nhấn Ctrl + F ) đoạn code
<div class='post-footer-line post-footer-line-3'>
Bằng cách nhấn Ctrl + F và nhập từ khóa line-3 để tìm dễ hơn!
- Nếu không có bạn có thể tìm theo từ khóa line-2 hoặc line-1 để chèn dưới nó
- Thậm chí bạn có thể chèn nó ngay dưới đoạn code:
<data:post.body/>
2Chèn code hiển thị Link bài viết
- Chèn đoan code dưới:
<b:if cond='data:blog.pageType == "item"'>

<b>Gửi bài viết này cho bạn bè qua Y!M:</b>
<textarea cols='45' id='embedhtml' name='embedhtml' onclick='this.select()' readonly='readonly' rows='2'>
<b:if cond='data:post.title'> » <data:post.title/> : </b:if>
<b:if cond='data:post.url'><data:post.url/></b:if>
</textarea>

</b:if>
vào ngay phía dưới đoạn code vừa tìm được.
- Lưu lại mẫu (Save Templates).

Chúc các bạn thành công!
Thứ Sáu, 1 tháng 10, 2010

Hiển thị Yahoo Messenger trên blogger

Chép nguyên văn bài viết này cho chắc :D
The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.

If you’re oflfline, it will display image like this:



And if you’re online, it will display icon like this:



It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.

<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.

You must try it !!!!
Thứ Tư, 29 tháng 9, 2010

Cách thêm mục mục lục vào cuối bài đăng Blogspot

Trước đây tôi có hướng dẫn các bạn dùng công cụ convert Feed -> JavaScript để tạo danh sách các bài đăng. Tuy nhiên script này không liệt kê được các bài một các trọn vẹn cũng như không có nhiều chức năng linh hoạt. Đoạn JavaScript mà tôi tham khảo hiển thị mục lục rất nhanh và đơn giản.

Đầu tiên bạn đăng nhập vào blog, tại Template (mẫu), chọn Add a Page Element (Thêm phần tử trang) -> HTML/JavaScript và paste đoạn code dưới đây.




<div id="toc"></div>


Lưu lại và di chuyển đến vị trí mà bạn muốn mục lục hiển thị. Lưu ý đây là vị trí hiển thị của mục lục, bạn nên đặt giữa giữa trang.

Tiếp theo bạn cũng lập lại bước trên nhưng bây giờ hãy paste vào đoạn mã này:




<div id="toclink"><a href="javascript:showToc();">Xem mục lục</a></div>
<script src="http://d.v.nhan.googlepages.com/blogtoc.js" type="text/javascript"></script>
<script src="http://TENBLOGCUABAN.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"></script>
<script src="http://TENBLOGCUABAN.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=101&max-results=100&callback=loadtoc"></script>


Bạn nên copy sang Notepad để sửa đổi(Start -> All programs -> Accessories -> Notepad). Cuối cùng hãy lưu lại và di chuyển đến vị trí mà bạn muốn dòng chú thích Xem mục lục hiển thị.

Bạn thích mục lục không hiển thị ngày đăng hãy thay link http://d.v.nhan.googlepages.com/blogtoc.js bằng link
http://d.v.nhan.googlepages.com/blogtoc333.js.

Tương tự như vậy nếu bạn không thích hiển thị nhãn bài viết thì thay bằng link
http://d.v.nhan.googlepages.com/blogtoc444.js

Hoặc thay bằng link này nếu bạn chỉ muốn hiển thị tên của bài đăng
http://d.v.nhan.googlepages.com/blogtoc555.js

Hãy xem blog tôi như một ví dụ sử dụng mục lục.

Chúc bạn thành công.
Thứ Năm, 23 tháng 9, 2010

Seo BlogSpot cách đổi hiển thị tiêu đề bài viết lên trước tên blog

 Như các bạn thấy bình thường blogger hiển thị Title nhu hình dưới:



Như các bạn thấy, nếu hiển thị kiểu này sẽ không tốt cho SEO(Search Engine Optimization). Nhưng thật may mắn, blogger cho chúng ta fix lỗi trên một cách dễ dàng cho những ai dùng template dạng Layout đó là < data:blog.pageName/> tags
Bây giờ chúng ta tiến hành nhé:
1. Login vào blogger với tài khoản của bạn
2. Tiếp đến vào "Layout->Edit HTML"(No Need Expand Widget Templates)
3. Ctrl + F tìm code sau: < data:blog.pageName/>
Bình thường nó có dạng 

<head>
<b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>


Nếu bạn muốn chỉ hiện tiêu đề bài viết thì thay thế đoạn code vừa tìm được với đợn code sau:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Nếu bạn muốn hiện cả tiieeu đề bài viết & nhan đề blog thì thay thế đoạn code vừa tìm được với đợn code sau:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

Nếu muốn đổi cách hiển thị cho tất cả dạng link trong blogger gồm link search , link lable ....(2 code trên chỉ đổi link bài đăng)

<!-- seo title -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/> : Blog title</title>
<meta content='Blog description' name='Description'/>
<meta content='kewords, separated, by, commas ' name='Keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title><data:blog.title/> : Blog Title the same as above</title>
<meta content='Blog description the same as above' name='Description'/>
<meta content='keywords, the, same, as, above ' name='Keywords'/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> ~ <data:blog.title/></title>
<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title +data:blog.pageTitle' name='Keywords'/>
<b:else/><title><data:blog.pageTitle/></title></b:if>
</b:if>
</b:if>
<!-- /seo title -->

4. Save template
vntim 

Hướng Dẫn Tạo AutoBlog Cho Blogspot

Hướng Dẫn Tạo AutoBlog Cho Blogspot


VnTim™  ^-^ Mình không có ý khuyến khích các bạn tạo autoblog nhằm làm spam cho internet mà chỉ muốn giới thiệu công cụ đó giúp các bạn có nhu cầu tạo các trang thông tin tổng hợp giúp cho bạn đọc dễ dàng tìm thấy các tin liên quan trên cùng một chủ đề mà không cần phải tìm kiếm. Tuy vậy, mình vẫn khuyến khích các bạn chỉ nên tạo dạng rút gọn và khi người đọc có nhu cầu cần tìm hiểu thêm thì họ sẽ truy cập vào trang gốc đế tránh bị các trang gốc cho là bạn vi phạm bản quyền.
Công cụ mình giới thiệu Autoblogged chỉ dành cho WordPress nên có thể các bạn đang dùng blogspot sẽ không vui vì nghĩ mình thiên vị. Hôm nay xin mạo muội chia sẻ một vài cách tạo autoblog cho blogger/blogspot để không phải áy náy nữa nhé :-)
Cũng như lần trước, blogviet không khuyến khích việc tạo autoblog mà chỉ khuyến khích tạo các trang tin tức tổng hợp nhằm phục vụ người đọc một cách toàn diện hơn thôi.
Có rất nhiều cách để tạo autoblog trên blogspot mà cách thông dụng nhất là dùng chính tính năng post bài qua email để thực hiện được công việc này.
Unique Article Wizard:
Đây là một trang cung cấp nội dung cho những blogger nào muốn tạo autoblog trên mọi blogging platform từ wordpress, drupal, joomla…đến blogspot mà mình sắp hướng dẫn. Các bài viết sẽ được gửi thông qua email  và chủ đề mà bạn đã đăng ký nhận bài ví dụ như Marketing, Technology….
Trước hết, bạn chỉ cần truy cập vào địa blogger và chọn một blog mà bạn cần tạo. Bạn chọn cài đặt->Email & điện thoại di động:
autoblogged11 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau khi click vào đó bạn nên chọn một email dễ nhớ như hình dưới. Chỉ cần thay chữ auto thành chữ gì mà mình thích. Email sẽ có dạng blogviet.info.auto@blogger.com và các bài viết sẽ được đăng lên blog thông qua email này.
autoblogged2 300x275 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau khi đã tạo xong email, bạn tiếp tục truy cập vào địa chỉ này http://www.uniquearticlewizard.com/contact.html#addurl sau đó kéo xuống dưới sẽ thấy hình sau:
autoblogged3 300x152 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Click vào mục blogspot sẽ thấy hình sau:
autoblogged4 414x1023 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Bạn điền đầy đủ các thông tin sau để tạo một tài khoản free để quản lý các bài viết, quản lý số bài tối đa sẽ đăng trong ngày. Sau khi tạo xong tài khoản, bạn đăng nhập vào tài khoản sẽ thấy hình sau:
autoblogged5 300x206 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Chọn tab Receive Articles rồi sẽ ra hình dưới:
autoblogged6 300x144 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Điền đầy đủ các thông tin như lúc đăng ký tài khoản hoặc theo như hình chỉ dẫn phía dưới:
autoblogged7 451x1024 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau khi điền hết các thông số thì các bạn click vào Update & Test. Chương trình sẽ gửi thử một bài post kèm link confirmation tới địa chỉ blogviet.info.auto@blogger.com để xác minh. Bạn truy cập vào blogger, mở phần chỉnh sửa bài viết sẽ thấy 1 bài mới đăng từ trang Unique Article Wizard kèm 1 link như hình:
autoblogged8 300x204 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Click vào link để confirm, sau khi đã confirm thành công thì trong tài khoản sẽ hiện là các thông số như sau:
autoblogged9 300x147 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Mọi việc đã hoàn tất và từ giờ trở đi, các bài viết thuộc chủ đề mà bạn đăng ký sẽ được tự động đăng tải trên blog của bạn (5 bài/ngày). Bạn có thể vào tăng số bài hoặc giảm trong tài khoản theo ý muốn.
FeedInbox:
Cái này thì có vẻ đơn giản hơn nhưng nguyên tắc vẫn là email to post (đăng bài qua hình thức gửi email). Các bạn chỉ cần truy cập vào địa chỉ trang sau: http://www.feedmyinbox.com/
Làm theo hướng dẫn sau:
feedinbox1 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau khi nhập đia chỉ website hay blog mà bạn cần lấy feed và email mà bạn đã lập trong tài khoản blogger như ở trên. Click vào nút submit:
feedinbox2 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau đó, bạn login vào blogger và tìm đến phần bài đăng như ở trên rồi mở bài đó ra, click vào link confirmation:
feedinbox3 300x160 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau đó sẽ thấy xác nhận:
feedinbox4 Hướng Dẫn Tạo AutoBlog Cho Blogspot
Sau đó bạn chỉ cần ngồi chờ để xem các bài đăng sẽ tự động chạy thẳng lên blog của mình. Cách này tuy đơn giản nhưng không kiểm soát được số bài đăng như của Unique Article Wizard.
Hơn thế nữa, các bài đăng qua FeedInbox đều có logo của nó đi kèm nên nhiều người cảm thấy hơn khó chịu. Để kiểm soát thì chỉ có cách là chỉnh sửa chế độ đăng bài trong email mà bạn đã cài đặt trên blogger là lưu đưới dạng nháp để chỉnh sửa. Tuy nhiên, như thế thì không còn gọi là AutoBlog nữa rồi :-)
Sử dụng Gmail để đăng bài:
Cách này xin phép không giới thiệu vì mọi người ai cũng rành email. Chúng ta sử dụng tính Forward email trong gmail là ok. Bạn chỉ cần đặt chế độ forward tất cả các email gửi tới gmail sang email trên blogger là ok.
Trước khi đó thì hãy đăng ký tham gia Yahoo Answer hoặc Group như adsense để nhận email về Gmail và từ đó sẽ có ngay một Autoblog.
Chúc các bạn thành công và hy vọng 3 cách đơn giản như thế đã giúp các bạn ít nhiều. Xem DEMO mà mình mới tạo để biết các bài viết của Unique Article Wizard nhé: http://autoblogged.blogspot.com/.
Lưu ý:
Sau khi nghe các bạn report, mình đã kiểm tra lại và thấy quả thật không còn free như trước đây nữa. Thật buồn quá! Mình cũng đang check thêm liệu có cách nào có thể đăng ký free không. Nếu không mình sẽ add cho bạn nào muốn sài ké account của mình :-)
BlogViet sẽ tìm cách thay thế hiệu quả nhất nếu như Unique Article Wizard thực sự không còn free. Có lẽ cũng do số người dùng tăng mạnh quá nên họ đóng cửa dịch vụ free chăng. Mình sẽ cố gắng có câu trả lời sớm và sẽ update ở bài này hoặc trong comment để các bạn được biết. Thành thật xin lỗi vì đã không kiểm tra kỹ trước khi đưa ra.
VnTim™ Theo eblogviet.com

Cách tạo các widget từ Widgeo.net cho Blogger-Blogspot

Cách tạo các widget từ Widgeo.net cho Blogger-Blogspot

 



Hiện trên Internet có rất nhiều trang cung cấp các tiện ích cho các blogger, trong đó http://widgeo.net là một trong các nhà cung cấp dịch vụ tiện ích widget cho các blogger hoàn toàn miễn phí và có những tiện ích rất đẹp và cực kỳ hấp dẫn.
Các bạn có thể chọn các tiện ích cực kỳ đẹp mắt, trong đó phải kể đến Geo Counter và Live+Counter. Với 2 dịch vụ này bạn có thể tạo cho mình các tiện ích về Số đểm khách viếng thăm với các giao điện đồ hoạ chuyên nghiệp như hình vẽ.
image
Để thực hiện điều này, đầu tiên bạn hãy click chọn hình hoạ tiện ích mà bạn yêu thích trong Step1, sau đó chuyển sang Step2 để điền đầy đủ các thông tin chi tiết về :
image
1. Start value (mặc định bằng 0): Nếu các bạn tạo số đếm từ đầu thì không nói, cứ để giá trị mặc định. Tuy nhiên với các Blơgweb đã sử dụng các dịch vụ widget khác để theo dõi số đếm từ truớc thì bạn có thể thay đổi giá trị mặc định bằng giá trị mà bạn đã có được từ dịch vụ theo dõi khác, chẳng hạn như từ Hitstart.com
2. Điều chỉnh giờ Timezone
3. Điền email của bạn
4. Điền tên webblog của bạn
5. Thể hiện thông điẹp “Title” cho blog của bạn.
Như vậy bạn đã thực hiện xong các bước theo yêu cầu, chỉ cần copy lại mã code để paster vào blog là xong.
Tuy nhiên có một số trường hơp không để ý nên đã không điền đầy đủ các thông tin trong Step 2 nên có thông báo lốngau:
image
Hãy điền đầy đủ thông tin bạn nhé. Bạn hãy làm và chiêm ngưỡng blog của mình với các widget do Wigeo cung cấp nhé. Ngoài ra còn có rất nhiều các tiện ích Flash khác bạn hãy tự mình khám phá nhé.
Chúc các bạn thành công

Chèn đoạn văn bản vào cuối bài đăng cho blogspot

Chèn đoạn văn bản vào cuối bài đăng cho blogspot


Ghé qua một số blog tôi thấy cuối bài đăng chèn thêm một đoạn văn bản mang nội dung cám ơn bạn đọc hay cảnh báo về bản quyền. Đoạn văn này có thể thêm dễ dàng vào mã nguồn theo hướng dẫn sau.

Đăng nhập Blogger, click trên Layout (Mẫu) -> Edit HTML (Chỉnh sửa HTML), đánh dấu Expand Widget Templates (Mở rộng tiện ích mẫu) và tìm vị trí <p><data:post.body/></p> (có thể dùng Ctrl + F).

Hướng dẫn 1. Blog không sử dụng "Đọc thêm":

Chỉ cần tạo một đoạn văn bản dán kế phía dưới code tìm thấy trên và lưu lại. Bạn có thể đặt đoạn văn này có định dạng, màu sắc và nằm giữa hai thẻ <p> và </p>.

Hướng dẫn 2. Blog sử dụng "Đọc thêm":

Code trong hướng dẫn sử dụng "Đọc thêm" như sau:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
</b:if>

Bây giờ bạn sửa lại và bổ sung thêm phần màu đỏ:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Đọc thêm!</a>
<b:else/>
<p>Nội dung đoạn văn bản cuối bài đăng</p>
</b:if>

Ví dụ tôi đã đưa vào blog này (Bao gồm "Đọc tiếp ..." và đoạn văn bản):



<p><data:post.body/>
   <b:if cond='data:blog.pageType != "item"'>
   <p><a expr:href='data:post.url'><span style='font-weight:bold;'>Đọc tiếp ... </span></a></p>
   <b:else/>
   <p><div style='font-style: italic; text-align: justify;'>Cám ơn bạn đã ghé <a href='http://www.thuthuatblog.com' target='_blank'><span style='font-weight: bold;'>ThuThuatBlog.com</span></a>. Bạn có ý kiến thắc mắc hay bình luận gì về bài viết này vui lòng nhấn <span style='font-weight: bold;'>Post a Comment</span> phía cuối. Nếu muốn nhận bài viết mới qua email hãy đăng ký địa chỉ ở khung bên trái. Để ghé thăm lại, bạn có thể nhấn vào thực đơn <span style='font-weight: bold;'>Favorites</span> (Internet Explorer) hoặc <span style='font-weight: bold;'>Bookmark</span> (Mozilla Firefox) lưu lên trình duyệt hay <span style='font-weight: bold;'>Bookmark</span> kế dưới đây lưu lên các trang chia sẻ trực tuyến. Ngoài ra bạn có thể đọc bài viết bằng các công cụ đọc tin <a href='http://www.thuthuatblog.com/feeds/posts/default' target='_blank'><span style='font-weight: bold;'>Feed</span></a>. Tôi hy vọng bạn tìm thấy những thủ thuật thú vị từ trang này.</div></p>
   </b:if>
 </p>

Bạn có thể thấy hiển thị cuối mỗi bài viết trên blog này.

Chúng ta đang dùng "Đọc thêm" nhưng lại sử dụng theo Hướng dẫn 1 đoạn văn bản sẽ xuất hiện trên blog dù bài đăng chỉ là nội dung tóm tắt (phần đầu bài). Trong khi sử dụng Hướng dẫn 2 đoạn văn chỉ xuất hiện khi xem post đầy đủ.

Tiện lợi của hướng dẫn này giúp bạn chỉ cần thêm một lần, không phải mất công copy dán mỗi khi bài viết hoặc lưu sẵn vào Post Template (tìm thấy trên Settings -> Formatting). Ngoài ra sau này bạn cũng không cần phải vào từng post để sửa lại khi cần thay đổi nội dung đoạn văn bản cuối.

Dưới đây là một số mẫu bạn có thể sử dụng:

Mẫu 1:

Cám ơn bạn đã đọc, nếu bạn thấy hay hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ đường dẫn đến bài viết. Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung. Chúc bạn tìm được những bài viết hữu ích.

Mẫu 2:

Bạn vừa đọc xong bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox). Ngoài ra bạn cũng có thể đăng ký nhận bài viết mới bằng cách thêm địa chỉ email vào khung bên trái. Chúc bạn vui vẻ!

Mẫu 3:

Cám ơn bạn đã đọc bài viết, hãy lưu đường dẫn đến bài viết này bằng cách nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) và thường xuyên ghé thăm để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!

Mẫu 4:

Bạn vừa đọc xong bài viết, hãy nhấn Favorites (Internet Explorer) hay Bookmarks (Firefox) để lưu trữ và quay lại để đọc các bài cập nhật kế tiếp. Chúc bạn vui vẻ!
Theo thuthuatblog.com
Thứ Tư, 22 tháng 9, 2010

Tạo tiện ích “Recent comment” pro mà đơn giản nhất.

Tiện ích “Recent Comment – Nhận xét mới nhất” đặt ở Sidebar hay Footer giúp bạn có thể nhanh chóng nhìn thấy nhận xét mới nhất được đăng tải tại blog  thay vì mất thời gian tìm chúng rất hữu ích. Có nhiều cách thực hiện, nhưng cách VnBlognet giới thiệu cho bạn sẽ đơn giản và dễ dàng hơn bao giờ hết.
Bạn chỉ cần copy và paste đoạn code được cung cấp bới http://www.howit.org như hướng dẫn dưới là xong. Chỉ đơn giản vậy sao?,
Đúng vậy, bạn chỉ cần thực hiện theo các bước:
1. Truy cập vào Blogger  > Layout  >  Page Elements Add a Gadget
để thêm Gadget tại vị trí bạn muốn đặt tiện ích “Recent Comments”
2. Chọn Gadget “HTML/Javascript” và dán đoạn code sau vào đó:
<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 10; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>>/g;
comment = comment.replace(re, "");
document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write('<br/>');
if (comment.length < 100) {
document.write(comment);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a target="_blank" href="' + ctlink + '">[[Đọc tiếp]]</a>');
}
}
document.write('</li>');
}
</script>
<script src="http://sys345.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
Bạn chỉ cần thay đổi dòng chữ sys345.blogspot.com thành địa chỉ site/blog của bạn là hoàn thành. Ngoài ra bạn có thể tùy biến số comment mới nhất sẽ hiển thị (code trên sẽ hiển thị 10 comment gần nhất) bằng cách thay đổi số 10 (đánh dấu màu đỏ) trên đoạn code trên.
Chúc các bạn thành công.
© Chú ý: Với các blog bạn mới đăng ký Fedburrner thì có thể sau một thời gian tiện ích này mới hoạt động do chưa index kịp dữ liệu comment.

Pre: Bạn có thể vào đây http://blogger-templates.blogspot.com/2007/03/recent-comments.html để thực hiện dễ dàng hơn !!!
Thứ Ba, 21 tháng 9, 2010

Một số game cá nhân hóa ngộ nghĩnh cho Blog

Một số game cá nhân hóa ngộ nghĩnh cho Blog



Trước hết bạn chuẩn bị một tấm ảnh hiện rõ khuôn mặt của mình lưu sẵn trên máy tính.



Click vào đây truy cập trang làm việc. Kế đến chọn loại game mà bạn định dùng được liệt kê trên trang. Cách chơi của từng game được giải thích ở dưới.

Các bước thực hiện:

Bước 1. Nhập vào tên của bạn (Name) và nhấn Browse chọn ảnh lưu trên máy tính và nhấn Upload để đưa ảnh lên (Nhấp lên hình để xem ảnh kích thước lớn).



Bước 2. Khi ảnh được đưa lên, bạn dùng công cụ đánh dấu để xoay, điều chỉnh kích thước và vị trí khuôn mặt. Rê chuột vào dấu ô vuông hơi chếch dưới phải để điều chỉnh kích thước, vào giữa để di chuyển và vào ô tròn để xoay vòng. Công cụ đánh dấu sẽ cho kết quả hiển thị trước nằm bên trái trang. Click Done để hoàn tất.



Bước 3. Bạn chỉ cần copy đoạn code được đánh dấu màu xanh và dán vào blog mình.




Xem thêm hướng dẫn nếu chưa rõ cách đưa lên blog.

Ở đây có tất cả 6 games:

Pirate You: Hãy trở thành kẻ cướp biển và bắn đại bác để tìm báo vật đã mất của bạn. Game như hình minh họa phía trên.

Leprechaun You: Tìm may mắn? Trở thành yêu tinh và tìm tất cả 4 lá cỏ ba lá ảo thuật.



Cupid You: Tìm tình yêu. Hãy bay với mũi tên tình ái và tìm tất cả trái tim cho người yêu của bạn.


Whack -a- You: Hãy dùng búa đập vào những cái đầu trước khi hết giờ!


Space Ranger You: Đội chiếu mũ không gian và lái chiếc xe mặt trăng vượt qua những tảng đá mặt trăng nguy hiểm. Như một biệt kích không gian mới được tuyển chọn, mục tiêu của bạn là tìm ra đáy mặt trăng và chiến thắng trò chơi.


Super You: Bạn là con chim, là máy bay, là bạn! Với khả năng bay cao siêu và tầm nhìn như tin laser, sứ mệnh của bạn là phá hủy tên lửa và cứu thế giới!

Click vào đây truy cập trang làm việc. Kế đến chọn loại game mà bạn định dùng được liệt kê trên trang. Cách chơi của từng game được giải thích ở dưới.


Theo thuthuatblog

Tạo con trỏ chuột ngộ nghĩnh trên blog

Theo mặc định con trỏ chuột của máy tính chỉ là một mủi tên không hơn không kém. Bạn có thể tạo ra một con trỏ ngộ nghĩnh cho blog của mình. Khi một ai đó kéo chuột trên blog của bạn, con trỏ này sẽ hiện ra.



Để làm việc này bạn cần truy cập vào trang http://www.myspacecursor.net, bạn click chọn một trong những menu bên phải. Có rất nhiều kiểu con trỏ nên bạn cứ lựa chọn thoải mái.

Bạn click chọn một loại nào đó, trang bạn chọn hiện ra. Hãy copy một trong những đoạn mã mà bạn thấy trên giữa trang (xem hình dưới) vào Notepad (Start -> All Programs -> Accessories -> Notepad, Windows XP).



Đoạn mã bạn copy được sẽ như bên dưới (đây chỉ là ví dụ).

<style type="text/css">body {cursor: url(http://www.myspacecursor. net/angel/angel.ani); }</style><br /><a href="http://www.myspacecursor.net" title="Free Cursors">Free Cursors</a><a href="http://www.freelayoutsnow.com" title="Myspace Layouts">Myspace Layouts</a><a href="http://www.getmyspacecomments.com" title="Myspace Comments">Myspace Comments</a><br />

Cách chèn thứ 1:

Bây giờ hãy bỏ đoạn mã tính từ
đầu trở xuống. Còn lại:
<style type="text/css">body {cursor: url(http://www.myspacecursor.net/angel/angel.ani);}</style>


Bạn chép đoạn mã này vào Template (Mẫu) -> Edit HTML (Chỉnh sửa HTML), kéo thanh trượt xuống và paste phía trên (dùng Ctrl + F để tìm ) như hình minh họa.



Cách chèn thứ 2:

Bạn chỉ cần copy đoạn mã như thế này (nhớ phải chép chính xác nhé!)
cursor: url(http://www.myspacecursor.net/angel/angel.ani);


Sau đó cũng vào Edit HTML, kéo thanh trượt tìm body { và paste như hình.



Trong cả hai cách, sau khi dán xong thì click Save Template để lưu lại. Hãy click View Blog (Xem Blog) để biết kết quả. Chỉ hiển thị trên Internet Explorer!

Nếu bạn muốn dùng lâu dài, hãy lấy luôn biểu tượng con trỏ này bằng cách tải nó về theo link: http://www.myspacecursor.net/angel/angel.ani

Sau đó upload file cursor này lên GooglePages bằng tài khoản Google (cùng với blog của bạn hoặc kích hoạt được dùng nếu chưa làm việc đó) và lấy liên kết để thay cho liên kết http://www.myspacecursor.net/angel/angel.ani trong đoạn mã trên.

Chúc thành công!

Thêm Widget Recent Comment hỗ trợ Icon profile cho blogspot

Cách tạo 1 Recent Comment Widget (RCW) thì rất dễ và có nhiều cách. Nếu tạo một RCW đơn giản nhất là dùng Comment feed link kết hợp với tạo một Feed Widget, cách này vừa đơn giản vừa tùy biến các thành phần của RCW cũng đầy đủ. Tuy nhiên, nếu bạn chưa thỏa mãn thì có thể sử dụng code dưới đây: hỗ trợ hiện icon profile hoặc dạng danh sách.

Bạn xem 2 chế độ hiển thị của RCW:

- Dạng danh sách:





- Dạng có icon:




và dưới đây là code của RCW:


<script type="text/javascript">
var cm_mode = "icon";
var cm_num = 10;
var cm_desc = 100;
var blogID = "1193242412365517650";
var cm_icon = new Array();
cm_icon['blogger'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/blogger.gif";
cm_icon['openid'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/openid.gif";
cm_icon['livej'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/lj.gif";
cm_icon['wp'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/wp.gif";
cm_icon['typekey'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/typkey.gif";
cm_icon['aim'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/aim.gif";
cm_icon['anon'] = "http://i284.photobucket.com/albums/ll6/anhvophoto/untitle3/anon.gif";
</script>
<script type="text/javascript" src="http://www.freewebs.com/anhvo/blogger/recentcomment-with-icon-v10.js"></script>


Các tùy chọn:

cm_mode = "icon" - hiển thị RCW có icon. Nếu muốn hiện dạng danh sách, bạn có thể thay bằng cm_mode = "list"

cm_num = 10 - số comment muốn hiện

cm_desc = 100 - mỗi comment hiện 100 ký tự hay bao nhiêu ?

blogID = "1193242412365517650" - bạn cần thay 1193242412365517650 thành blogID của bạn. Nếu bạn không biết blogID của mình là bao nhiêu thì hãy đọc ở đây.

Ngoài ra còn các link hình ảnh bên dưới để dành cho các bạn thay icon theo ý thích. Tuy nhiên khuyến cáo là icon phải có kích cỡ nhỏ (16x16).

Cuối cùng là bạn cho vào widget HTML/JS hay bất cứ nơi nào mà bạn muốn hiển thị RCW.
Theo anh vo

Cách làm hiện thời gian load của trang web

Hiện thời gian load của trang web cũng là 1 yếu tố giúp cho trang của bạn trở nên pro hơn. Đôi khi nó trở nên không cần thiết nhưng dù sao bạn vẫn được cái quyền thể hiện tính pro của site mình chứ hả.

Để hiện thời gian load của trang, bạn cài đặt như sau:

1. Đặt đoạn code này vào ngay sau thẻ mở của trang web:

<code><script type="text/javascript"> var timing = new Date(); _startTime = timing.getTime(); </script></code>

2. Đặt tiếp đoạn code dưới đây vào vị trí mà bạn muốn hiện thời gian load. Thường thì code này phải đặt dưới chân trang, càng gần thẻ đóng thì thời gian load được tính càng chính xác.

<pre><script type="text/javascript"><br />//<![CDATA[ var timing=new Date(); _endTime=timing.getTime(); document.write("Page load <"+"b>"+(_endTime-_startTime)/1000+"s<"+"/b>");<br />//[[><br /></script>
</pre>

Tạo cửa sổ popup khi rê chuột vào ảnh

Sau một lúc dạo quanh blog của các pro, VnTim™ tình cờ đọc được thủ thuật này bên blog của FanDung, mặc dù đây chỉ có vài dòng CSS đơn giản nhưng đã hiện được popup của hình rất hay. Rất cám ơn FanDung về thủ thuật này.

Với vài đọan code CSS nhỏ ta có thể tạo một cửa sổ popup để hiển thị ảnh rất chuyên nghiệp mà không cần tới javascript. Thủ thuật cho phép hiện thị của sổ popup của ảnh gốc khi ta rê chuột vào.

Xem demo trực tiếp ở đây : http://fandung.110mb.com/test/popup-images-view.html

Hình ảnh minh họa:


Để thực hiển, trước tiên bạn chèn đọan code CSS này vào trước thẻ đóng </head> trong code template:
- Đăng nhập blog
- Vào bố cục
- Vào chỉnh sửa code HMTL
- Chèn đọan code CSS bên dưới vào trước dòng code </head>

<style type='text/css'>

.img-thumbnail{
position: relative;
z-index: 0;
}

.img-thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.img-thumbnail span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #000;
visibility: hidden;
color: black;
text-decoration: none;
}

.img-thumbnail span img{
border-width: 0;
padding: 2px;
}

.img-thumbnail:hover span{
visibility: visible;
top: -100px;
left:100px;
}

</style>

- Dòng code màu đỏ chính là vị trí popup sẽ hiển thị ở trong blog của bạn. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp nhất trên blog của bạn.

- Save template.

Và sau cùng là code 2 HTML:

<a class="img-thumbnail" href="#">
<img src="link ảnh1" border="0" height="98" width="130"/>
<span>
<img src="link ảnh1"/>
</span>
</a>


bạn muốn ảnh hiển thị ở đâu thì bạn cứ chèn code 2 HTML vào đó. Ví dụ như trong bài viết, hay ở ngòai blog (nếu ở ngòai blog thì tạo 1 widget HTML/Javascript rồi dán code vào)
Chúc bạn thành công
Theo fandung blog

Công nghệ seo cho blog

Khuyến cáo những ai theo tư tưởng blog là nhật ký cá nhân không nên đọc bài này. Tôi viết bài dưới đây để chia sẻ một ít thông tin thu thập được với những người theo xu hướng "công cộng hóa" blog.

Quan hệ Blog
Trước tiên nói về vấn đề này, có nhiều ý kiến trái chiều xung quanh khái niệm PRO (chuyên nghiệp). Theo ý kiến của Andre, nếu bạn muốn blog của bạn theo con đường chuyên nghiệp hóa thì bạn phải xác định hướng đi cho blog của bạn là: Nó sẽ không còn riêng tư nữa mà sẽ theo hướng cộng đồng hóa từ mặt nội dung tới hình thức. Nó sẽ ngốn của bạn khá lớn thời gian (bạn có thể thấy các bloggers chuyên nghiệp đa phần họ đều dành rất nhiều thời gian cho blog của họ), những bài viết của bạn chủ yếu tập chung phục vụ độc giả cộng đồng.
Để cuốn hút mọi người đến blog của bạn là cả một vấn đề, lúc này những kỹ năng ngoại giao "cơ bản" rất cần thiết. Nó sẽ giúp bạn liên kết tới một bộ phận blogger, tiềm năng họ sẽ là khách thường xuyên của blog bạn. Vì vậy điều quan trọng nhất trong con đường chuyên nghiệp hóa là các mối quan hệ blog. Đây cũng là vấn đề rất nan giải và khó thực hiện với khá nhiều bloggers.
Vấn đề thứ nhất: Tạo dựng các mối quan hệ cũng không hề đơn giản, chúng ta không thể làm quen rồi add các blogger qua mấy câu chào hỏi vu vơ ngoài quick comment mà bạn phải tập cho mình thói quen theo dõi, đọc nội dung các blog của họ và comment một cách chân thành, cứ vài lần như vậy thôi họ sẽ cảm nhận được sự quan tâm của bạn đối với họ. Đến đây thì kết bạn không còn là vấn đề nữa.
Vấn đề thứ hai: Bạn đã trở thành blog "nổi tiếng" thì quan hệ blog lại càng trở nên quan trọng hơn bao giờ hết. Lúc này blog của bạn nhận được sự quan tâm của rất nhiều người: yêu mến cũng có, ghen ghét cũng có. Chỉ cần sơ ý một chút, bạn sẽ là miếng mồi cho những người ghen ghét bạn đả kích, lúc này sự nhã nhặn, bình tĩnh và khéo léo luôn luôn là sự lựa chọn số một không thì blog của bạn sẽ mất đi hình tượng đẹp trong mắt những người yêu mến blog của bạn. Và tất nhiên những kẻ ghen ghét bạn lúc này sẽ tha hồ có dịp mà hả hê.
Vấn đề thứ ba: Thể hiện sự quan tâm đến với những khách ruột trong blog của bạn. Nếu bạn có thời gian thì cũng nên theo dõi blog của họ thường xuyên, ngoài ra trả lời từng quick comment cũng là các gắn chặt mối quan hệ không thì bạn sẽ bị mang tiếng là "kiêu", hay "chảnh". Ngoài ra những lời chúc hàng ngày đôi khi nhiều quá thành nhàm tại nhưng như thế còn hơn là không. Tôi thường xuyên đi hết friendlist của mình để chúc như vậy, nó thể hiện sự quan tâm đồng đều chứ không đơn thuần là spam như nhiều người nghĩ. Lấy một ví dụ điển hình trong việc giữ vững mối quan hệ và thể hiện sự quan tâm là MOCHINO, MO làm rất tốt công đoạn này. Rất nhiều blogger cảm nhận về MO là một người chân thành và nhiệt tình. Đó là một cách hay để lấy lòng khéo và hiệu quả.
Vấn đề thứ tư: Tránh gây mâu thuẫn hay comment móc mỉa các blog khác, có thể bạn không bằng lòng với bài viết của chủ nhân thì nên nói thẳng khéo đừng bao giờ nói kiểu bóng gió và móc mỉa rất dễ gây hiểu nhầm và động chạm tự ái đến chủ blog, đó là điều mà bạn nên tránh. Họ tốn công viết entry thì ít ra cũng nên động viên không nên comment kiểu phản bác thái quá (trừ các entry mang tính chất tranh luận tập thể).
Thương hiệu blog
Mượn tạm từ "thương hiệu" ở đây, nó thể hiện tên tuổi cũng như vị thế nhất định của một blogger chuyên nghiệp trong cộng đồng blogger. Có rất nhiều cách để bạn tạo dựng thương hiệu blog riêng cho mình nhưng đều có một điểm chung là chất lượng về mặt nội dung cũng như hình thức theo hướng public hóa.
Lấy ví dụ điển hình là Cường OZ’blog, COZ đã tao dựng thương hiệu blog từ một loạt phóng dự về đề tài nóng của xã hội bằng giọng văn chuyên nghiệp mang phong châm biếm pha tính hài hước, đề tài nóng này lôi cuốn cũng như gây hiếu kỳ cho nhiều bloggers bởi vì nó là một thực tế về một bộ phận lớp trẻ trong xã hội. DEMENTOR xây dựng thương hiệu blog cho mình bằng những entries tâm sự, cảm xúc chân thật cộng với cộng với cách thể hiện mang tính logic và chặt chẽ.
Mochino thì theo đề tài viết về Hà Nội và về tình yêu bằng những tình cảm rất thật và chân thành, đề tài này hiện thu hút được nhiều bạn đọc nhất là cac blogger nữ. SRO và ANTONIBLUE tạo dựng chỗ đứng bằng những thông tin chia sẻ hữu ích về thiết kế theme cũng như tạo cáo hiệu ứng cho blog. Đây là một đề tài khá sát thực vì theme là một trong những yếu tố quan trọng của blog, nó là bộ mặt riêng cho ngôi nhà của bạn .Các hiệu ứng blog thể hiện sự chuyên nghiệp trong khâu áp dụng "công nghệ kỹ thuật" vào các bài viết, minh họa rõ ràng làm nổi bật đưa blog của bạn lên một "tầm cao" mới .
ANH CHỦ QUÁN cũng có một thương hiệu rất nổi qua cái quán nước online chuyên "kinh doanh" các mặt loại mặt hàng liên quan liên quan đến thông tin miễn phí. Đối với những blogger này họ có rất nhiều ý tưởng post bài, có người post hai, ba ý tưởng mới cho một ngày ví dụ điển hình la blog cua Angel.
Một cách tạo dựng thương hiệu độc đáo và khá hiệu quả nữa là dùng chính cái "sắc" có sẵn của bạn từ "tạo hóa", cách này sử dụng đa phần với các em gái xinh đẹp. Những avatar đẹp "chết người", những bức hình "siêu dễ thương" qua tay nghề chụp hình điêu luyện luôn luôn lôi cuốn được sự chú ý của mọi người đặc biệt là đối với các blogger nam. Có thể thấy rõ rằng ở các blog bóng hồng xinh tươi luôn đông vui nhộn nhịp với nhũng lời bắt chuyện làm quen, những lời bay bổng trên trời, thậm chí rất nhiều lời "tán hươu, tán vượn". Thế mới biết thương hiệu blog đa dạng thế nào, ngoài ra còn rất nhiều các thương hiệu khác Andre ko thể đề cập hết trong bài viết này, có lẽ nó là một cái list khá dài.
Công nghệ lăng xê
Vấn đề này xem ra rất nhiều blogger quan tâm: Làm thế nào để blog mình thu hút được người xem? Làm thế nào để quảng bá blog mình đến với mọi người?
Cách 1: Để trả lời cho các câu hỏi này chúng ta một lần nữa quay trở lại mối quan hệ blog như đã đề cập ở trên, bạn có quan hệ càng rộng thì cơ hội quảng bá blog bạn càng cao. Bạn quen với một số blog nổi tiếng bạn có thể nhờ họ có một vài entry về blog của bạn nhằm mục đích giới thiệu đến với cộng đồng blogger, cách này hết sức hiệu quả vì họ lăng xê bạn rất nhanh qua lượng khách đọc của blog họ.
Cách 2: Các bạn có thể trao đổi banner, feed blog nhau hoặc đặt link ở blog roll, tuy hiệu quả không thực sự cao lắm nhưng phần nào gây được sự chú ý của người đọc.
Cách 3: Ngoài ra bạn có thể tự lăng xê bản thân mình bằng nhiều entries chất lượng (tránh bài viết gây scandal có thể gây phản cảm) thu hút được sự quan tâm của nhiều người. Sau đó, bạn có thể đi spam quảng cáo hoặc gửi message, có thể nó gây phiền toái cho nhiều người nhưng cũng có nhiều blogger tò mò tìm đến và đọc blog của bạn, nếu thích họ sẽ giới thiệu cho các bạn khác đến cùng đọc (theo hiệu ứng lan truyền).
Cách 4: Là hoạt động liên minh giữa các blog đã có tiếng, đối với những blog này họ thỉnh thoảng có entry viết về nhau như một cách tăng sức hút quảng cáo, gián tiếp trao đổi và tăng lượng khách ruột cho nhau.
Cách 5: Là hoạt động có tổ chức riêng gồm nhiều thành viên với nhiều hoạt động đa dạng phong phú có sức ảnh hưởng đến xu thế chung của cộng đồng. Nếu hoạt động nghiêm túc thì kiểu liên kết này sẽ rất hiệu quả vì tầm ảnh hưởng sâu rộng của nó qua các friends của chính các members, cũng là cơ hội dễ dàng hơn để lăng xê các thành viên dưới các phương thức tổ chức hoạt động có phong trào, kế hoạch cụ thể. Lấy ví dụ điển hình là nhóm BR (cái này cũng gọi là chiêu tớ tự lăng xê cho nhóm). Ngoài các hình thức câu khách hay PR bằng những con đường chính thống "chấp nhận được" thì bên cạnh đó xuất hiện khá nhiều các mánh khóe tiểu xảo để câu khách, xem ra ai cũng có một khái niệm riêng nên Andre không đề cập ở đây.
Văn hóa và bản quyền Blog
Một blogger chuyên nghiệp là một người có văn hóa giao tiếp cũng nhu ngôn ngữ viết hợp lý, không có những entry tiêu cực, thái quá, thiển cận không nhìn nhận vấn đề dưới con mắt quá chủ quan. Vì khi chuyên nghiệp hóa, bạn đã là người của công chúng, bạn có quyền nói lên suy nghĩ của bạn nhưng không nên áp đặt nó theo chủ nghĩa bản thân. Nên khéo léo và điềm đạm trước những dèm pha có chủ ý của những blogger ganh tị theo kiểu vô văn hóa.
Điểm tiếp theo là vấn đề bản quyền. Đối với những bài viết sưu tầm ở nơi khác thì bạn nên ghi rõ nguồn gốc và tác giả để tránh những nhầm lẫn đáng tiếc, nếu không thương hiệu bao nhiêu lâu bạn gây dựng sẽ tan thành mây khói. Bản quyền là một vấn đề rất nhạy cảm, nó là sản phẩm tinh thần của người làm ra nó. Hãy học cách tôn trọng nó, cũng là cách bạn tôn trọng chính mình.
Nếu bạn thực hiện được những quan điểm nêu trên thì bạn có thể trở thành một blogger chuyên nghiệp, còn để đạt được trình độ đẳng cấp hẳn thì bạn phải biết dung hòa giữa cuộc sống thật và cuộc sống ảo. Điều này thì không phải ai cũng thực hiện được.
Có thể có nhiều bạn không đồng ý với bài viết này âu cũng là điều dễ hiểu vì mỗi người một quan điểm. Tôi viết ra chỉ để chia sẻ ý kiến với các bạn, tôi cá là nhân dịp này sẽ có kẻ lấy bài này để đả kích châm biếm.

Tăng page view cho blog nhanh hiệu quả

VnTim™<> Để tăng page view cho blog của bạn (hoặc 1 website bất kì), mở notepad hoặc 1 chương trình soạn thảo HTML nào đó, chèn đoạn code này vào

HTML Code:
<html>
<title> Increase page view </title>
<body>
<script type=text/javascript>
function refresh()
{
document.all.iframe1.src = document.all.iframe1.src;
}
window.setInterval(”refresh()”,4000);
</script>
<iframe name=’iframe1′ src=’http://vntim.blogspot.com/’></iframe>
</body>
</html>
Bạn thay link màu đỏ http://vntim.blogspot.com/
Bằng link blog của bạn rôi save lại dưới dạng file *.htm
double click vào file vừa tạo, sẽ mở ra 1 trang web mới -> để yên cho nó làm việc ^^ kết quả sẽ khiến bạn hài lòng

Cách tạo hộp search cho Blogger

Bình thường các blogger hay sử dụng hộp Search của Google để tìm kiếm nội dung trong blog của mình. Hộp Search này thường là từ Google Adsense hay Google Custom Search Engine (Google CSE), cả 2 loại này đều có thể kiếm tiền được từ đó: hộp Search Google Adsense thì bạn được hưởng 100% tiền kiếm được từ click, còn Google CSE thì bạn chỉ được hưởng 50% do phải chia sẻ 50/50 với Google.

Làm hộp Search của Google cần có 1 yếu tố cực kì quan trọng là blog phải được Google index nhiều, nếu không thì coi như vô dụng, vì Google sẽ chẳng tìm được cái gì cả, người dùng tất nhiên sẽ chán vì không tìm ra nội dung và rời bỏ blog của bạn.

Để khắc phục điều này, chúng ta nên thiết kế 1 hộp Search khác, dùng sẵn chức năng query của Blogger. Cách làm này tôi học được từ Blogging for Blogs bằng cách thử search 1 vài từ rồi để ý thanh Address. Quả thật nguyên tắc rất đơn giản, để Blogger search cho chúng ta các bài viết có chứa 1 từ nào đó, chỉ cần gõ trên thanh Address địa chỉ sau:

http://yourblog.blogspot.com/search?q=xxx

trong đó xxx là từ bạn cần tìm kiếm.

Biết được nguyên tắc này rồi thì việc tạo 1 hộp search cho riêng mình để tìm kiếm rất đơn giản. Hãy vào phần điều chỉnh Layouts -> Page Elements của Blogger, chọn Add a page element loại HTML/Javascript, rồi điền đoạn mã sau:

<form action="search" style="text-align: center;" method="get">
<input value="Search..." name="q" onclick="if(this.value=='Search...')this.value=''" onblur="if(this.value=='')this.value='Search...'" type="text"/> <input value="Search" type="submit"/>
</form>

Save lại là được. Bây giờ ai muốn tìm kiếm trong blog của bạn cũng sẽ rất dễ dàng hơn nhiều, cách làm này có 1 điểm rất thuật lợi là Blogger sẽ tìm kiếm trên nội dung các bài viết của bạn, cho nên kết quả tìm kiếm sẽ rất sát so với yêu cầu.

Chúc các bạn có 1 blog tuyệt vời.
Theo hontap.info

19 Cách quảng bá Blog tăng traffic

Làm thế nào để quảng bá blog của bạn đẻ tăng traffic?
Thật đơn giản hãy làm theo 19 mẹo nhỏ sau:

1.Không cần những thủ thuật cao siêu, chỉ vài gợi ý đơn giản bạn có thể quảng cáo blog của mình thành công. Nào hãy cùng Thủ Thuật Blog khám phá những gợi ý đơn giản ấy qua kinh nghiệm cá nhân và bài dịch từ hướng dẫn của Google Blogger: Quảng bá blog của bạn.

2.Thiết lập chế độ Send Pings cho blog. Khi thiết lập này được kích hoạt, blog của bạn sẽ nằm trong danh sách các blog cập nhật gần nhất trên mạng cũng như các dịch vụ khác liên quan: Technorati, Bloglines…

3.Kích hoạt thanh Navbar. Làm việc này, bạn sẽ thấy ngay hiệu quả. Một trong những nút bấm trên Navbar Blogger có tên gọi NextBlog (Blog tiếp theo) – Click trên đó xem blog kế tiếp mà blog này cho phép hiện navbar.

4.Cài đặt email đến bài đăng này. Nếu bạn sử dụng Email this post trên blog, người xem sẽ có thể chuyển bài đăng của bạn đến bạn bè. Việc này không có hiệu quả ngay lập tức lên thống kê nhưng nó có thể có hiệu quả khác để quảng cáo blog của bạn.

5.Mở chức năng Post Pages. Bằng việc xuất bản mỗi bài đăng trên một trang riêng bạn sẽ bảo đảm được các bài đăng dễ tạo liên kết hơn và thu hút hơn đến các bộ máy tìm kiếm.

6.Mở feed. Khi người đọc đăng ký feed vào trình đọc tin của họ, chính là họ đã đọc bài đăng của bạn.

7.Thêm blog của bạn vào danh sách Blogger. Khi bạn thêm blog của mình vào danh sách NextBlog, Cập nhật gần nhất hay những nơi khác, chính là tăng thêm lưu lượng truy cập.

8.Viết nội dung có chất lượng. Nếu phong cách của bạn kém, sai ngữ pháp, không chấm câu và thiết kế xấu xí chính là làm giảm số người đọc. Nhưng chúng ta muốn thu được đông đảo khách viếng thăm hơn vì vậy hãy tự sửa chữa đi một chút.

9.Cập nhập thường xuyên. Đơn giản: Càng cập nhật, lượng truy cập bạn thu được càng tăng.

10.Lắng nghe đọc giả. Một cách tốt nhất là xây dựng một lượng đọc giả riêng. Khi bạn giữ chân được lượng đọc giả, bài viết của bạn sẽ tập trung. Việc tập trung sẽ làm thu hút khách viếng thăm những lần khác.

11.Hãy nhớ các công cụ tìm kiếm. Đây là một vài điều bạn có thể làm blog bạn trở nên thân thiện hơn với các bộ máy tìm kiếm. Hãy dùng tiêu đề và lưu trữ từng trang cho mỗi bài đăng. Việc này sẽ tự động làm mỗi bài đăng là một trang với tên gọi thông minh căn cứ vào tên của bài đăng. Và cũng như bạn cố gắng miêu tả cho blog. Những bài đăng tốt với những nét đặc biệt có thể đứng đầu mỗi kết quả tìm kiếm.

12.Giữ bài đăng và đoạn văn ngắn gọn. Hãy viết các bài đăng ngắn gọn sẽ tăng thêm thông tin mới thích hợp trong đồng blog và đi theo hướng này. Hãy giữ chúng ngắn gọn và hay vì khách tham quan có thể chú ý, đọc và bấm vào nó.

13.Đặt URL đến blog trong chữ ký email của bạn. Hãy nghĩ có bao nhiêu thư điện tử được chuyển tiếp mà bạn đã thấy trong ngày của bạn, hãy tưởng tượng chúng có thể quảng cáo cho blog.

14.Đăng ký địa chỉ blog của bạn vào các trang tìm kiếm blog và danh mục blog. Người ta xem nội dung blog của bạn trên Technorati mỗi ngày, bạn có nằm trên danh sách của họ không? Bạn nên có. Hãy đăng ký url đến blog của bạn vào Technorati, Daypop, Blogdex, Popdex và nhiều trang khác mà bạn xem qua.

15.Đặt link đến blog khác. Link là tiền tệ trong cộng đồng blog và nó sử dụng tiền để làm ra tiền vì vậy hãy bắt đầu đặt link.

16.Cài danh sách blog (blogroll). Đây là một sơ đồ mạng xã hội đơn giản nhưng hiệu quả và nó cho kết quả như một liên kết đơn giản nếu không nói nó mạnh hơn: lưu lượng truy cập! Vì vậy hãy cài đặt blogroll và lấy danh sách.

17.Là người bình luận năng động. Việc này cũng giống như tạo liên kết. Hệ thống nhận xét cũng cung cấp cho bạn một cách để tạo liên kết đến blog của bạn từ blog mà bạn đã viếng thăm. Vì vậy nếu bạn cảm thấy thoải mái hãy để lại một hoặc hai nhận xét ở những blog mà bạn đã xem.

18.Lưu và chia sẻ bookmark địa chỉ blog hay địa chỉ bài viết. Mỗi người có thể dùng một nền blog khác nhau truy cập đến các dịch vụ phổ biến. Bạn có thể kéo lượng khách truy cập đến blog của mình bằng cách thức như vậy khi tham gia cùng lúc nhiều dịch vụ.

19.Tạo feed đến blog muốn quảng cáo. Tương tự, thông qua feed, bạn có thể cho người đọc biết được các nội dung trên blog khác. Chẳng hạn dùng feed đến các bài viết trên blog của bạn ở Google Blogger để thu hút khách từ một blog khác cũng của bạn ở Yahoo! 360.

Hãy thử áp dụng các phương pháp trên, blog của bạn sẽ ngày càng thu hút được nhiều người đọc
Related Posts with Thumbnails
Được tạo bởi Blogger.
Powered by Blogger | Delighted designed by ZENVERSE | Converted by Blogger Template Place Collaboration One-4-All