Tạo trang Sitemap cho Blogger

Sơ đồ Blog - Sitemap hay còn gọi là Table of Contents là một bảng phụ lục liệt kê tất cả các bài viết trên Blog theo từng trương mục ( Labels ) hoặc theo thời gian ( Archived ) một cách tự động.



Cùng với các tiện ích như Numbered Page Navigation, Related Posts hay Breadcrumb, góp phần tạo nên sự điều hướng dễ dàng và thuận tiện cho độc giả, giúp gia tăng Pageview và giữ chân độc giả ở lại Blog bạn lâu hơn.






Ý tưởng bắt nguồn từ Amanda - một Blogger tên tuổi, sau đó được Abu-Farhan cải tiến giúp tiện ích trở nên đơn giản và bắt mắt hơn.



Chính vì những lợi ích rất thiết thực mà tiện ích mang lại, hôm nay iTechPlus xin giới thiệu đến các bạn 3 style của tiện ích này nhằm giúp các bạn có nhiều sự lựa chọn phù hợp cho Blog của mình.



Style 1 : Table of Contents by Label

DEMO

1. Vào Chỉnh sửa Bài đăng > Chỉnh sửa Trang > Trang mới để đặt tiện ích trên một Static Page

2. Chuyển qua chế độ Chỉnh sửa HTML và dán vào đoạn code bên dưới

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>

<script src="http://www.itdl.in/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

3. Thay đoạn code in đậm bằng địa chỉ blog bạn rồi nhấn Xuất bản trang là OK.



* Vì là một trang Page nên bạn có thể đặt đâu tùy ý, hoặc get link và tạo một liên kết trên thanh menu.



Style 2 : Table of Contents by Date ( Archived )

DEMO

Thực hiện các bước tương tự Style 1, chỉ thay nội dung bằng đoạn code sau :

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script>

<script src="http://www.itdl.in/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

Style 3 : Table of contents and Accordion

DEMO

Thực hiện các bước tương tự Style 1, chỉ thay nội dung bằng đoạn code sau :

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://www.itdl.in/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Style 4 : Table of contents and Accordion

DEMO

Thực hiện các bước tương tự Style 1, chỉ thay nội dung bằng đoạn code sau :

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://www.itdl.in/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

* Lưu ý : các bạn nên download các file .js và .css về lưu trữ hoặc upload lên host riêng đề phòng trường hợp host trên die.



Như vậy là bạn đã tạo cho mình một Sơ đồ Blog update bài viết hoàn toàn tự động rồi đó.

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

iTechPlus ( Theo Abu-Farhan )

Recent post with thumbnails widget for Blogger

 

Displaying small thumbnail images adjacent to post titles in the recent post widget on blogs not only looks nice, but also entice visitors to click on your posts. So how to do it in Blogger? Blog The MLxperience has put together a beautiful working script. This is how to implement it on your blog.

Create a new HTML widget and copy paste the following code:

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://YOURIMAGEURL1.jpg";
imgr[1] = "http://YOURIMAGEURL2.jpg";
imgr[2] = "http://YOURIMAGEURL3.jpg";
imgr[3] = "http://YOURIMAGEURL4.jpg"; 

showRandomImg = true;

tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 118;
imgheight = 100;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "no";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page = "YOUR BLOG URL";

</script>
<script src="http://recent-post-thumbnail.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

 

There are many variables in this script that you need to adjust to blend the widget’s look with that of your blog template. Most of them are self explanatory.

1. "http://YOURIMAGEURL.jpg" and its array should be set to your uploaded images that will display if you post an article without an image. You can add a bunch of images to this array and anyone of it will be picked up at random. If you always include at least one image on every post, this array is not required and can be left untouched.


2. YOUR BLOG URL should be replaced with the actual URL. Add a trailing slash (/)at the end of the URL. Example: http://www.instantfundas.com/


3. To display the number of comments each post has change remove "no" from text = "no";


4. Play with the width, color etc to match your blog template. It should be noted that widget is based purely on tables and no CSS is used.

How to further customize the widget

  

This particular Javascript file generates a recent post widget with thumbnails on the left and post titles on the right. But you can change the position of the different elements of the widget as shown in the screenshots above. Here are some live examples:

- Horizontal widget instead of vertical (live example on the author’s blog ) 
- Post title at the top of thumbnails (another example).

Update: You will find the JavaScript files for the horizontal widget and post title on top widget at the project's homepage at Google Code

 

This is how to do it. Open the Javascript file in a text editor. Towards the end of the script you will find the following code:

var trtd = '<tr><td valign="top" width="'+imgwidth+'" height="'+imgheight+'" style="background:'+bgTD+'"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></td>
<td style="background:'+bgTD+'" valign="top">'+icon+'<a href="'+posturl+'" style="color:'+acolor+'; font-size:'+fntsize+'px;">'+posttitle+'</a><br /> '+cmtext+ ' ' + daystr + '<div style="color:'+summaryColor+'; margin-top:2px; border-top:1px '+borderColor+' solid; font-size:'+summaryFontsize+'px;">'+icon2+removeHtmlTag(postcontent,summaryPost)+'...</div></td></tr>';

if(summaryPost == 0) { trtd = '<tr><td valign="top" width="'+imgwidth+'" height="'+imgheight+'" style="background:'+bgTD+'"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></td>
<td style="background:'+bgTD+'" valign="top">'+icon+'<a href="'+posturl+'" style="color:'+acolor+'; font-size:'+fntsize+'px;">'+posttitle+'</a><br /> '+cmtext+ ' ' + daystr + '</td></tr>'; }

 

This is the code that renders the table. The first <td> houses the thumbnail image. The second <td> houses the post title. If the code looks confusing to you, don’t worry, you don’t even have to know how it works.

Just create a new table and move the exact codes between the <td> and </td> tags to the desired cells, paying attention to correctly specify the width/height of the cells either using absolute values or the variables ‘+imgwidth+' and +’imgheight+'. You don’t have to create the complete table, just the first one or two cell depending upon how you have designed it. These cells will be repeated for each new post. If you know how to create tables in HTML it’s pretty straightforward.

 

 

50 Plugin vào Widget tốt nhất dành cho WordPress

Nếu như bạn đã hoặc đang sử dụng Blog Platform của Wordpress, thì một thứ rất hữu ích mà bạn không thể thiếu, đó là các plugins. Wordpress là lựa chọn số một không chỉ vì nó nhẹ, chạy nhanh, tính tương thích và đồng bộ cao, nhiều theme, v.v. mà còn có một phần hết sức quan trọng giúp cho nó đứng vững ở vị trí số 1, đó chính là các plugin.

 

Các Plugin giúp Blog Wordpress mở rộng khả năng, mềm dẻo hơn, nhiều tính năng hơn. Những người sử dụng Wordpress hầu như có thể làm mọi điều họ thích, có mọi tính năng mà họ cần nhờ vào khối lượng rất đồ sộ các plugin do các nhà phát triển đã và đang xây dựng.

Tôi xin giới thiệu bộ sưu tập 50 Plugin vào Widget tốt nhất dành cho Wordpress do Quickonlinetips lựa chọn, biên soạn và giới thiệu.

Tất cả các plugin này được phân chia theo công dụng. Theo như tôi được biết thì tất cả các plugin này vẫn tương thích với Wordpress phiên bản mới nhất. Nếu bạn có plugin nào hay hơn, xin vui vòng để lại comment để tôi có thể thêm vào danh sách.

Các Plugin giúp quản lý comment trên Wordpress

Subscribe To Comments - cho phép người dùng nhận thông báo về những comment mới trên mỗi bài viết.
WP AJAX Edit Comments - cho phép người đọc và admin chỉnh sửa các comment ngay tại chỗ sử dụng bằng việc sử dụng AJAX.
Get Recent Comments - hiển thị một đoạn trích của các comment mới nhất hoặc của các trackback được post trên các bài viết trên blog của bạn.
Close Old Posts - đóng các comment ở các bài viết cũ mà không cần truy vấn cơ sở dữ liệu
WP Grins - cho phép hiển thị các biểu tượng mặt cười để người dùng click vào và chèn vào bài viết hoặc comment
WordPress Paged Comments - cho phép viết comment trên các trang. Rất hữu ích cho các blog có nhiều comment.
Live Comment Preview - cho phép xem qua comment trên.
Show Top Commentators - khuyến khích thêm thảo luận trên blog của bạn bằng việc hiển thị tên và số comment mà họ đã viết gần đây ở trên sidebar
WordPress Gravatar Plugin - hiển thị Gravatar bằng chính email của người viết.
MyAvatars - hiển thị avatar của Mybloglog trên comment.
Comment Relish - gửi email cảm ơn tới những người lần đầu tiên viết comment trên blog.
Favatars - hiển thị favicon có liên quan đến website của người viết comment
Brian’s Threaded Comments - thêm một link “trả lời cho comment này” vào bên dưới mỗi comment. Nó giúp mọi người dễ dàng trả lời và theo dõi các câu hỏi của họ.
Dofollow - cho phép bạn bỏ các câu lệnh nofollow để hạn chế các bộ máy tìm kiếm đọc nội dung comment.
OpenID Comments for Wordpress - cho phép tất cả người dùng viết comment bằng cách sử dụng OpenID.
Extended Comment Options - cho phép bạn chuyển qua lại giữa các comment và tắt hoặc bật ping cho các bài viết

Các Plugin giúp chặn spam trên blog trên Wordpress

Akismet - đây là plugin chặn các comment spam rất thông minh.
Spam Karma 2 (SK2) - là một anti-spam plugin cho WordPress, có tác dụng chặn tất cả các hình thức spam tự động.
Bad Behavior - là một bộ PHP scripts giúp bảo vệ spambots không truy cập blog của bạn bằng cách phân tích các truy vấn HTTP và so sánh chúng với profile của những spambot đã tồn tại.
Math comment spam protection - thêm các câu hỏi toán học vào các mẫu comment để chặn các spambot.
WP-Contact Form with Spam Protection - tạo một contact form trên blog của bạn, qua đó, người đọc có thể dễ dàng liên hệ với bạn.

Các Plugin chuyên về SEO cho Wordpress

Google XML Sitemaps Generator - tạo một sitemap cho tất cả các bài viết trên blog Wordpress của bạn. Giúp Google và các bộ máy tìm kiếm khác đánh chỉ mục cho từng viết.
Permalink Redirect - trả lời cho lệnh chuyển tiếp 301 nếu như URI được yêu cầu khác với parmalink của bài viết. Nó giúp đảm bảo rằng mỗi bài viết chỉ có một URL duy nhất.
All in One SEO Pack - giúp tối ưu hóa blog Wordpress của bạn cho các bộ máy tìm kiếm.
Head META Description - chèn thẻ HTML META description bằng việc sử dụng một đoạn trích của bài viết.
SEO Title Tag - tối ưu hóa thẻ tiêu đề của Wordpress cho các bộ máy tìm kiếm. Chỉnh sửa toàn bộ thẻ tiêu đề của bài viết, của trang, của category và tag của các trang, v.v..
Enforce www. Preference - giúp bảo bệ parmentlink của bạn có www hoặc không có www, và đồng thời chuyển index.php phía sau của URL.
Optimal Title - cho phép bạn chuyển tên của blog ra phía sau tiêu đề của trang và các bài viết thay vì hiển thị ở đầu như mặc định.
Quick META Keywords - tự động chèn các thẻ META Keywords vào từng bài viết trên các categories.

Các Plugin giúp dễ dàng điều hướng bài viết.

Related Posts - tạo một danh sách các bài viết có liên quan hoặc có cùng chủ đề với bạn bạn đang viết. Plugin này giúp tăng lượng pageview vì nó đưa các thông tin có liên quan đến bài hiện tại.
WP-PageNavi - chèn thêm một thanh điều hướng trang cho Wordpress. Plugin này rất hữu ích để di chuyển quan lại giữa các trang và các category.
Evermore - làm ngắn lại các bài viết khi xem ở chế độ nhiều trang. Nó hữu ích trong việc tạo một bảng tóm tắt các bài viết.
Random Redirect - cho phép bạn tạo một liên kết đến một bài viết bất kì trên blog.
Lightbox JS Plugin - thường dùng để tạo một popup cho các ảnh trong bài viết giúp ảnh hiển thị chi tiết và rõ hơn.
WordPress Mobile Edition - hiển thị một giao diện được thiết cho dành riêng cho các thiết bị di động nếu như người dùng đọc blog của họ trên các thiết bị di động.
Popularity Contest - Đếm số lượng view của các bài viết, các category, comment và sử dụng số liệu đó để quyết định bài viết nào được xem nhiều nhất.
Extended Live Archive - bổ xung cách viết bài động bằng AJAXified trên digg vào các bài viết.
Landing Sites - khi các bộ máy tìm kiếm đưa khách xem đến với blog của bạn, nó sẽ hiển thị các bài mà người này đã xem trên blog của bạn.
Clean Archives - được thiết kế để hiện thị danh sách các bài viết cũ theo một cách sáng sủa dễ nhìn. Nó liệt kê các bài viết theo ngày, theo tháng, theo năm,…và số lượng các comment hiện có trên các bài viết đó.
Custom Query String - chỉnh số bài viết sẽ hiển thị trên mỗi trang.
Feed List - rất hữu ích khi thêm các RSS feed vào blog của bạn.
Sidebar Widgets - nó cho phép bạn di chuyển các widget trong sideabar.
KB Advanced RSS Widget - một wordpress widget cho phép bạn toàn quyền điều khiển các RSS feed theo từng chủ đề trên sidebar.
Category Cloud Widget - thêm một sidebar widget để hiển thị các category dưới dạng các tag.
Adhesive - cho phép bạn đặt một hoặc các bài viết mà bạn muốn luôn hiển thị ở trên cùng dù có bài viết mới được đăng

Các Plugin giúp tăng tính tương tác cho các bài viết trên Wordpress

Share This - cho phép người đọc thêm bài viết của bạn vào các site bookmark xã hội của họ, hoặc là gửi link đó cho bạn của họ qua email.
Digg this - phát hiện các liên kết đến bài viết của bạn từ Digg.com và tự động hiển thị một link ngược trở lại bài viết trên digg để mọi người có thể digg bài viết của bạn. Delicious Cached++ - tạo một danh sách các bookmark mới nhất ở tài khoản Del.icio.us từ các feed và lưu feed trong database.
WP-Notable - hiển thị một loạt các biểu tượng bên dưới mỗi bài viết, cho phép người đọc dễ dàng đăng kí vào nhiều dịch vụ mạng và bookmark xã hội khác.
WP-Email - cho phép mọi người gửi bài viết trên blog của bạn tới bạn bè của họ.
WP-PostRatings - thêm một hệ thống đánh giá sử dụng AJAX vào các bài viết hoặc các trang trên blog của bạn
EasyTube - cho phép bạn dễ dàng chèn Youtube và Google Video vào bài viết bằng một tag đơn giản.
Twitter Updater - tự động gửi một thông báo về trang thái của bài viết đến những người đã đang ký khi bạn chỉnh sửa, viết hay đăng bài viết trên blog Wordpress.

Các Plugin giúp tăng chức năng quản lý Admin Wordpress

WordPress Database Backup - giúp sao lưu cơ sở dữ liệu cho blog Wordpress của bạn theo nhu cầu.
WP-cache - một module có cache rất nhanh.
WP-Supercache - là một plugin được sửa đổi từ WP-Cache để tạocác file HTML.
Batch Categories - giúp dễ dàng quản lý toàn bộ các chủ đề của các bài viết theo một yêu cầu nào đó.
podPress - thêm rất nhiều các chức năng được thiết để làm cho Wordpress trở nên thành một platform lý tưởng cho việc lưu trữ các postcast.
TinyMCE Advanced - đây là bộ soản thảo WYSIWYS của Wordpress, so với bộ TinyMCE thì bộ này có thêm 16 plugin, có thêm 40 nút mới vào thanh công cụ.
Exec-PHP - cho phép thực thi PHP trong nội dung hoặc đoạn trích của các bài viết. Khi đó, các bài viết hoặc các trang trên blog của bạn giống như các file PHP thông thường.
Wordpress Reporter - cho phép bạn dễ dàng hiển thị thống kê báo cáo về Google Analytics và Feedburner trong khu vực quản lý Wordpress của bạn.
WordPress.com Stats - theo dõi các trang hoặc các bài viết được xem. Cần phải có API key của Wordpress.
WP Tiger Administration - Sử sức mạng của CSS2 để thay đổi lại giao diện khu vực Admin của Wordpress.
Admin Drop Down Menu - bỏ việc phải click đúp vào các menu để xuất hiện các menu con trong đó. Chỉ cần di chuột qua menu là menu con sẽ tự động xuất hiện.
InstantUpgrade - giúp bạn nâng cấp Wordpress một cách đơn giản, an toàn và tự động với chỉ một cú click chuột.

Các Plugin giúp đặt quảng cáo trên blog Wordpress

Ad Rotator - tự động luân chuyển các quảng cáo xuất hiện một cách ngẫu nhiên theo từng bài viết.
AdSense-Deluxe - là một plugin cung cấp các tính năng cao cấp cho việc quản lý việc chèn quảng cáo vào bài viết.
Buy Me a Beer - cho phép người đọc quyên góp tiền cho bạn thông qua PayPal.
Wordpress BankRoll - giúp các nhà quảng cáo bỏ qua người trung gian để trực tiếp mua quảng cáo trên blog của bạn.

Các Plugin giúp dịch thuật blog của bạn ra các ngôn ngữ khác nhau.

Global Translator - giúp dịch blog của bạn sang nhiều ngôn ngữ khác theo cách rất thân thiện với các bộ máy tìm kiếm.
Angsuman’s Translator Plugin Pro - cung cấp một công cụ dịch thuật tự động cho blog của bạn ra hơn 13 ngôn ngữ khác. Bạn phải chi $30 để có plugin này.

Các Plugin giúp tăng cường tính năng RSS feed của Wordpress

Feedburner Feedsmith - chuyển tất cả traffic từ feed sang Feedburner.
Simple Feed Copyright - thêm một dòng copyright vào feed của Wordpress.
Full Text Feed - bảo vệ không cho Wordpress phiên bản 2.1x không thêm liên kết vào feed trên blog của bạn.
Add Related Posts to Your Feed - thêm một danh sách các bài viết có liên quan vào feed của bạn. Plugin này yêu cầu phải có UTW hoặc Related post plugin cài đặt trước và đang hoạt động.
RSS Signature - cho phép thêm vào một dòng chữ kí hoặc copywright vào RSS feeds.

Các Plugin giúp tăng tính năng ngẫu nhiên cho Wordpress

Democracy - thêm chức năng bình chọn đánh giá sử dụng công nghệ AJAX vào blog Wordpress của bạn.
flickrRSS - cho phép dễ dàng hiển thị các bức ảnh ở Flickr trên blog của bạn.

Nguồn http://www.blogthuthuat.com/?p=787

Tổng hợp 25 widget dành cho Blogger

Rất nhiều người trong chúng ta nghĩ rằng Blogger thiếu các công cụ hỗ trợ như plugin không như wordpress có 1 hệ thống đồ sộ các plugin, themes,… Nhưng điều đó không hoàn toàn đúng bởi vì bằng việc sử dụng các widget, Blogger có thể có thể tùy chỉnh blog theo ý muốn mà chỉ cần thêm 1 vài đoạn code nhỏ vào sidebar.

Widget liên lạc:

1. Google Talk – Giúp các visitor có thể chat trực tiếp với bạn thông qua Google Talk từ blog của bạn.

2. Jaxtr -Tạo 1 widget cho phép mọi người có thể gọi điện cho bạn mà họ không bị tiết lộ số điện thoại.

3. Meebo Me – Tạo 1 chat box trên blog của bạn, tạo cơ hội để bạn có thể chat với các visitor.

4. Skype – Widget chính thức của Skype, giúp hiển thị status của bạn, mọi người chỉ cần nhấn nút là có thể kết nối cuộc gọi với bạn.

5. Tag-Board – Cung cấp chat box theo thời gian thực đảm bảo cho các cuộc trò chuyện của bạn.

Widget Cộng đồng:

6. Delicious Linkrolls – Chia sẽ bookmark Delicious của bạn với toàn thế giới 1 cách dễ dàng.

7. FriendFeed Widget – Chia sẽ tất cả các người bạn trên FriendFeed của bạn với khách ghé thăm.

8. Google Friend Connect - Cung cấp các tính năng xã hội mạnh mẽ vào blog của bạn.

9. LinkedInABox -

10. MyBlogLog – Nếu member viếng thăm là thành viên của MyBlogLog thì avatar, username của họ sẽ hiển thị trên box, bạn có thể click vào 1 ai đó để kiểm tra thông tin của họ.

11. Twitter - Thêm dòng  Twitter vào blog của bạn và đồng thời hiển thị đường dẫn để Follow theo bạn.

12. Share on Facebook – 1 widger đơn giản cho phép khách có thể share blog của bạn trên Facebook.

13. SocialFeed – Tích hợp các mạng xã hội Twitter, Pownce, Vimeo,… vào blog.

Widget tiện ích

14. Add This – Tạo các button bookmark của các mạng xã hội phổ biến vào blog.

15. Easy Comments – Cho phép bạn thêm comment vào bất cứ trang nào của blog bằng cách đặt widger này ở cuối trang.

16. Google Search – Thêm hộp thoại tìm kiếm Google AJAX vào blog.

17. Popular Posts – Hiển thị các bài viết đọc và bình luận nhiều nhất.

18. Recent Comments – Hiển thị tất cả các comment gần đây nhất.

19. Related Posts – Tạo related post giống như Wordpress.

20. ShareThis -Tạo button ShareThis giúp bạn có thể chia sẽ bài viết của mình lên các mạng xã hội.

21. Shout List Icons – Tạo ra hơn 30 biểu tượng của các mạng xã hội.

22. Tag/Label Cloud – Tạo “mây Tab/Label” cho mọi người biết bạn viết gì nhiều nhất.

Widget khác:

23. Flickr - Tạo ra 1 đoạn HTML hoặc Flash của link ảnh đẻ bạn có thể dễ dàng chia sẽ chúng.

24. Mashable - OK, bạn có thể chiaễ những bài viết của mình với Mashable.

25. Picasa Albums – Hiển thị album Picasa trên sidebar blog của bạn.

Nguồn: TipsViet