Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Tuesday, February 21, 2023

Adding a Recent Posts Feature to Your Blog

0 comments
If you're looking to spruce up your blog, adding a recent posts feature is a great way to do it. This feature will make it easier for readers to find the latest content on your blog. Plus, it can also help keep visitors engaged and coming back for more.



In this article, we'll discuss why adding a recent posts feature is important for your blog and how to do it using code.
Why Add a Recent Posts Feature?

Adding a recent posts feature to your blog is beneficial in a few ways. First, it makes it easier for readers to view the latest content on your blog. Instead of having to scroll through the archives, they can just click on the recent posts link and be taken right to the most current content.

In addition, having a recent posts feature helps keep readers engaged and coming back for more. This can help increase your blog's page views and the amount of time readers spend on your blog.
How to Add a Recent Posts Feature Using Code

Adding a recent posts feature to your blog is a fairly straightforward process. Here's the code you'll need to add it to your blog.
<div>
  <h2>Recent Posts</h2>
  <ul>
    <?php
      $args = array(
          'posts_per_page' => 5,
        'orderby' => 'date',
        'order' => 'DESC'
      );
      $recent_posts = get_posts($args);
      foreach($recent_posts as $post) { ?>
        <li><a href="<?php the_permalink($post->ID); ?>"><?php echo $post->post_title; ?></a></li>
      <?php } ?>
  </ul>
</div>

This code will create a list of your five most recent blog posts which you can place anywhere on your blog. Simply copy and paste the code into the theme file of your choice, then customize it to your liking.
Conclusion

Adding a recent posts feature to your blog is an easy way to keep readers engaged and coming back for more. Plus, it makes it easier for visitors to find.

You can also try the code below. Good luck!

<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="https://1001thuthuat.blogspot.com/" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:##69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}
</style></div>

Read more...

Thursday, June 18, 2009

Thêm link Del.icio.us, Digg và hơn thế cho Blog

0 comments

[Info Tech] Muốn add quicklink đến các mạng xã hội cho Blog Bạn chỉ cần thêm các code sau:

Del.icio.us


Del.icio.us Logo



<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>”>Del.icio.us</a>


Digg


Digg Logo



<a href=”http://digg.com/submit?phase=2&url=<?php the_permalink() ?>”>Digg</a>


Technorati


Technorati Logo



<a href=”http://technorati.com/cosmos/search.html?url=<?php the_permalink() ?>”>Technorati</a>


Blinklist


Blinklist Logo



<a href=”http://blinklist.com/index.php?Action=Blink/addblink.php&url=<?php the_permalink() ?>&Title=<?php the_title(); ?>” >Blinklist</a>


Furl


Furl Logo



<a href=”http://furl.net/storeIt.jsp?t=<?php the_title(); ?>&u=<?php the_permalink() ?>”>Furl</a>


reddit


reddit Logo



<a href=”http://reddit.com/submit?url=<?php the_permalink() ?>&title=<?php the_title(); ?>” >reddit</a>



Read more...

Monday, May 18, 2009

Các Plugin tốt nhất cho Wordpress

0 comments
[Info Tech] 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.

Info Tech 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ư Info Tech đượ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 để Info Tech 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.

Chắc chắn rằng còn rất nhiều các Plugin rất tuyệt vời khác dành cho Wordpress mà tôi chưa biết đến. Nếu bạn biết, xin hãy thêm chúng vào danh sách này bằng cách viết trên comment của 1001thuthuat. Tôi sẽ thêm chúng vào danh sách trên giúp nó luôn được cập nhật.



Read more...

Friday, May 15, 2009

Template XML FREE - GameZine

2 comments



Read more...

Monday, May 11, 2009

Template XML FREE - Sự giản đơn (4 Columns)

0 comments


Read more...

Template XML FREE - Baby cute

0 comments




Read more...

Friday, May 8, 2009

Thiết lập recent posts và recent comments

2 comments

[Info Tech] Để thiết lập recent post và recent comments, rất đơn giản, bạn chủ cần làm theo các bước sau:

Hãy bắt đầu với recent posts. Chọn thêm Gadget > Configure Feed. Sau đó, dán url của nguồn cấp dữ liệu RSS của bạn theo định dạng sau http://YOURSITE.blogspot.com/feeds/posts/default.

From Info Tech

Nhớ thay thế "YOURSITE" với địa chỉ blog của bạn.

Ví dụ: http://xogirl.blogspot.com/feeds/posts/default

Không cần phải thay đổi các tiêu đề (trừ khi bạn muốn gọi bằng tên khác) sau đó nhấn "Save changes". Sau đó lưu blogger và đi đến cửa sổ trình duyệt của bạn, refresh và xem recent posts xuất hiện trong blog của bạn.

Đối với phần Recent Comments thì bạn cũng làm tương tự nhưng thay vào đó bạn sẽ phải sử dụng nguồn cấp dữ liệu này định dạng http://YOURSITE.blogspot.com/feeds/comments/default. Một lần nữa, hãy chắc chắn để thay thế "YOURSITE" với địa chỉ blog của bạn. Save và chắc chắn rằng nó hoạt động đúng cách. Nếu nó không xuất hiện trên blog của bạn, có thể bạn gõ không đúng địa chỉ nguồn cấp dữ liệu hoặc bạn có thể không có bất kỳ ý kiến nào được nêu ra. ^-^

P/s: Nếu bạn muốn nâng số lượng post và comment lên tới 10 thì hãy ghé qua Blog, mình sẽ đề cập tới hack này trong những bài tiếp theo. Chúc thành công.


Read more...

Wednesday, May 6, 2009

Tạo Blog mới trong Blogger với cùng một account

0 comments




Read more...

Saturday, May 2, 2009

Template XML miến phí - Fashion

1 comments

Read more...

Tuesday, April 28, 2009

Template XML FREE - miến phí - Float

0 comments














Read more...

Monday, April 27, 2009

Template XML FREE - Thành phố về đêm

0 comments

Read more...

Friday, April 24, 2009

Bộ lọc của Adsense sẽ được cải thiện

0 comments

Một trong những yêu đòi hỏi của publisher là phải có quyền kiểm soát đối với Ads xuất hiện trên site của họ. Một trong những phiên bản thử nghiệm đã ra đời với tên gọi bộ lọc (category filtering).



Bộ lọc sẽ giúp cho publisher có thể chặn những ads có nội dung như hẹn họ (dating), tôn giáo, và chính trị. Không kể đến mục đích của ads, chúng sẽ bị lọc nếu nằm trong số những ads có nội dung trên. Hệ thống adsense cũng sẽ cung cấp dữ liệu phần trăm của revenue gần đây mà những nội dung có thể mang lại để publisher có thể dự đoán được sự ảnh hưởng của việc lựa chọn bộ lọc đối với revenue của họ.

Bộ lọc này sẽ được cho ra mắt như một phiên bản thử nghiệm đối với một nhóm nhỏ publisher để xem xét tính năng của nó. Dưới đây là hình ảnh của tính năng mới này:


Vì đây vẫn chưa phải là phiên bản chính thức nên các publisher khác vẫn còn phải chờ đợi. Mong rằng đây sẽ là nỗ lực đáng ghi nhận để giúp cho các publisher có thể quản lý được ads trên site của mình một cách hữu hiệu hơn. Hi vọng phiên bản này sẽ chính thức được áp dụng trong tháng tới.



Read more...

10 widget hay cho Blog

2 comments

[Info Tech] Ai muốn blog đẹp xinh thì zô đây nhá, chỉ viết cho mấy bạn chưa biết thôi, biết rồi thì thôi nhá, mấy cái của nợ đơn giản nhưng hay ho ý mà! Các bạn nhớ là lấy code rồi dán vào widget hoặc entry của mình để trang trí cho BLOG nhé!






1. Tạo chữ động, chữ chạy, chữ hoa, chữ thường, các kiểu tạp phí lù nhưng xinh khủng khiếp:

http://www.bigoo.ws/generator/WordGenerator.aspx

http://www.taochu.com

2. Làm Banner cho Blog:

Làm cái sologan hay bất kỳ cái gì của đằng ấy, gắn cho nó một cái link để khi ai click vào thì "vừng ơi mở ra ngay"

http://www.bigoo.ws/generator/banner-maker-2.htm

http://www.mybannermaker.com/

3. Trỏ chuột KUL cho BLOG nhá, tha hồ chọn mỏi tay:

http://www.jellymuffin.com/cursors/ --> Trang này có hình rõ ràng nhưng đơ đơ, click 2 lần mới được

http://www.moocursors.com/evil-ducky-cursors.html --> Trang này cứ đưa con chuột vào cái code hiện hình trỏ chuột lên.

http://www.crazyprofile.com/Cursors/cursors.asp

http://cursormania.smileycentral.com/download/index.jhtml --> Trang này phải download về nhưng hình đẹp kinh. (Cái này có thể có spyware nếu download về, còn ai ko sợ xin mời)

http://www.poqbum.com/cursors/index.php

4. Chụp ảnh hàn quốc Online:

http://www.socdieu.com

http://www.phozi.com


5. Đồng hồ cho BLOG:

http://www.clocklink.com --> Cung cấp cho bạn nhiều mẫu đồng hồ xinh xắn và dễ dàng đưa lên blog.

http://www.jellymuffin.com/generators/customclocks/

http://www.poqbum.com/flashclock/index.php --> Mấy cái này nam tính con trai dùng được ko sợ chê PD)

6. Đồ chơi cho BLOG:

* Nuôi thú ảo:

http://bunnyherolabs.com/adopt/

Chọn con thú bạn muốn nuôi, làm theo các bước và lấy code là okie ^^, (Ah, bước cuối cùng click vào chữ Myspace để lấy code nhá, ai ko làm được cứ chửi um lên)

* Máy đo tình yêu:

http://www.wishafriend.com/flashtoys/lovecalculator/

* Viết tên 2 đứa mình váo 2 cái tim (lãng mạn lắm đó)

http://www.jellymuffin.com/generators/grungeheart/

7. Một số hiệu ứng cho Profile:

Chữ rơi, vật thể rơi, hình rơi --> Choáng! Vỡ đầu!

http://www.jellymuffin.com/generators/falling_objects/

--> Viết xong thì ấn vào cái của nợ dài dài này để lấy code.

8. Làm đẹp cho link (Cái này nhiều người hỏi đây)

Kiếm mấy cái ảnh động mà nho nhỏ thôi như kiểu trái tim hay bóng bay lên ý, rồi dán cái link vào để lấy code là okie:

http://www.poqbum.com/animated_hover/index.php

9. Làm album ảnh:

http://www.slide.com

10. Game cho góc vui hoặc entry:

http://www.monstergamez.net/

http://games.myspace.com/



Read more...

Blog của bạn trị giá bao nhiêu tiền?

0 comments

[Info Tech] Muốn biết Blog của bạn đáng giá bao nhiêu tiền. Rất đơn giản, bạn chỉ cần tru cập vào địa chỉ trang web:

http://directory.sootle.com/website-worth/

Sau đó nhập địa chỉ blog/website của mình vào. Sau đó bạn có thể dán phần code HTML vào trang của mình.
Như vậy bạn có thể biết được giá trị blog của mình, giá trị này sẽ được cập nhật trong vào 24 tiếng nếu như bạn có bất kỳ update nào. Ví dụ cho đến thời điểm này, blog của mình có giá trị

This website is worth

What is your website worth?

Read more...

Template XML FREE - miến phí - Giấy màu

0 comments

[Image]

Preview | Download

Misshaudau


Read more...

Template XML miễn phí - Hồng Ngọc

0 comments

Read more...

Tuesday, April 21, 2009

Template XML miến phí - Bướm

0 comments

[Image]

Preview | Download


Read more...

Thêm Search Engine trong Blogger

0 comments

[Info Tech] Tôi xin được giới thiệu với các bạn thủ thuật tạo Công cụ Tìm kiếm – Search hay còn gọi là tạo "Search Engine" trong Blogspot. Công cụ Search Engine này được tạo ra để sử dụng tìm kiếm các bài viết giới hạn chỉ nằm trong blog của bạn chứ không tìm trên toàn bộ các website khác. Điều này tưởng khó khăn nhưng rất đơn giản, bạn chỉ cần thực hiện theo đúng các chỉ dẫn dưới để taoh cho blog của bạn một Công cụ tìm kiếm này:






Các bước cụ thể như sau:

1. Ban Login vào Blogger, truy cập vào "Layout “—> “Page Elements".

Click chọn "Add a page elements" , sau đó chọn "HTML/Java Script".

2. Điền đoạn code dưới vào trong phần "Content" Box


<form action="http://yourblogname.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Bạn hãy thay đổi :


Chữ màu đỏ yourblogname.blogspot.com thành tên/địa chỉ blog của bạn.


Chữ số màu xanh 30 để thay đổi độ rộng của Công cụ tìm kiếm làm sao cho phù hợp với layout và bố cục của bạn. Dưới đây là 1 ví dụ:


Rất đơn giản, chúc bạn thành công.


Read more...

Monday, April 20, 2009

Thêm cột cho Blogger Footer

1 comments
[Info tech] Bạn có muốn add thêm column cho phần Blogger Footer? Nếu bạn đang sử dụng một trong những default template của Blogger, bạn có thể thấy rằng trong phần Footer chỉ có một thanh ngang để thêm Gadget như sau:


Chúng ta có thể thay đổi điều này bằng cách thêm 3 colunm vào phần Footer. Và đặt phần default xuống dưới cùng.



Tiện ích:

► Bạn có thể thêm được nhiều widgets (gadgets)

► Sắp xếp lại theo ý bạn

► Nội dung chính của bạn sẽ load nhanh hơn khi bạn đặt thanh ngang lớn nhất xuống dưới cùng.

Bây giờ hãy bắt tay vào làm nhé, bạn chỉ việc copy và paste. Chỉ mất khoảng 7 phút. Trước khi bắt đầu hãy nhớ backup template của bạn.

1. Nếu bạn đã có một vài widgets (gadgets) trong phần Footer, hãy gỡ bỏ.

LAYOUT ► kiểm tra xem có gadget trong phần footer không ► nếu có, click vào Edit và ► gỡ bỏ

2. Đi tới LAYOUT ► EDIT HTML ► Tìm đoạn code sau:


]]></b:skin>

</head>

..ABOVE it, you'll have to place the following part of the code:
#footer-columns {

border-top:1px dotted #999999;

clear:both;

margin:0 auto;

}

.column1 {

padding: 0px 5px 3px 5px;

width: 30%;

float: left;

margin:3px;

text-align: left;

}

.column2 {

padding: 0px 5px 3px 5px;

width: 31%;

float: left;

margin:3px 3px 3px 5px;

text-align: left;

}

.column3 {

padding: 0px 5px 3px 5px;

width: 30%;

float: right;

margin:3px;

text-align: left;

}

.addwidget {

padding: 0 0 0 0;

}

#footer-columns ul {

list-style:none;

margin:0 0 0;

padding:0 0 0;

}

#footer-columns li {

margin:0;

padding-top:0;

padding-left:0;

padding-bottom:.25em;

padding-right:15px;

text-indent:-15px;

line-height:1.5em;

}

body#layout #footer-columns {

width: 100%;

margin-left: auto;

margin-right: auto;

}

body#layout .column1 {

width: 32%;

float: left;

}

body#layout .column2 {

width: 32%;

float: left;

}

body#layout .column3 {

width: 32%;

float: right;

}

3. Còn bây giờ hãy làm như sau: Trong phần LAYOUT ► EDIT HTML ► tìm tag sau:
<b:section class='footer' id='footer'/>

...bạn sẽ phải XÓA nó đi, và THAY THẾ bằng code:

<div id='footer-columns'>

<div class='column1'>

<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column2'>

<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>

</b:section>

</div>

<div class='column3'>

<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>

</b:section>

</div>

<div style='clear:both;'/>

</div>

<b:section class='footer' id='footer'/>


...Save template.

Về cơ bản thế là xong. Bạn có thể thay đổi về độ rộng một chút cho phù hợp với template của mình. Chúc các bạn thành công và có một blog đẹp.


Read more...

Thêm Animated Label Cloud Blogumus cho Blogger

3 comments
[Info Tech] "Blogumus" là một loại tag cloud widget khá thú vị. Chính vì thế, khi nhìn thấy nó, tôi muốn tìm hiểu cách làm ngay lập tức. Khi di chuyển trỏ chuột bạn sẽ thấy animation xuất hiện. Trong bài này tôi sẽ giải thích ngắn gọn cách thêm Tag Cloud này vào trong Blog của bạn.












Bước 1: Đi tới Blogger Layout của bạn -> Page Elements, sau đó thêm Label Widget vào trong template.

How to Add flash Animated label cloud Blogumus for Blogger
How to Add flash Animated label cloud Blogumus for Blogger
Chọn phần sorting Alphabetically.

Bước 2: Sau khi thêm Label Widget, đi tới Layout -> Edit HTML (Không chọn Expand the widget templates), bạn sẽ thấy 1 đoạn code tương tự như sau:


<b:widget id='Label2' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Thêm vào ngay sau dòng này đoạn code sau:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'><center>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>

<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Khi bạn preview template. Nếu thiết lập đúng bạn sẽ thấy tag cloud xuất hiện ngay ở sidebar.

Bạn có thể thay đổi màu sắc cũng như size của label cloud.

Xem thêm tại: http://xogirl.blogspot.com

Chúc thành công.


Read more...

Latest Posts

Label tag

Page copy protected against web site content infringement by Copyscape
 
About Me
Info Tech provies IT tips, Applications, Blogger, Blog, Adsense ... Use Firefox to open this site!