Hiển thị các bài đăng có nhãn TIỆN ÍCH. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn TIỆN ÍCH. Hiển thị tất cả bài đăng

Tạo bảng các bài viết gần đây có hình đại diện (Recent spots)

 Muốn tạo một bảng các bài viết mới gần đây cho blog hoặc web. Ta chỉ thực hiện vài bước đơn giản sau đây:
Copy toàn bộ code bên dưới dán vào tiện ích HTML/Java scrip mới của mình và không quên thay thế tên địa chỉ blog hay web của mình vào dòng màu đỏ. Sau đó lưu lại là xong.

Code dưới đây:



<style type="text/css"><!--
.recent_post_content{width:100%;}
.recent_post_content img {width:32px;height:32px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}
.recent_post_content_item {border-top:#888 thin dashed;}
.recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}
.recent_post_content_item table {margin-bottom:2px;margin-top:3px;}
.recent_post_content_item:hover {background-color:#4A3829;}
.recent_post_title a{text-transform:uppercase;font-size:12px;text-decoration:none;font-weight:bold}
.recent_post_info a{font-size:11px;text-decoration:none;}
.recent_post_content_item:hover .recent_post_title a{color:#FFFFCC;}
.recent_post_content_item:hover .recent_post_info a{color:#888;}
.recent_post_content_item:hover .recent_post_title a:hover{color:#FFCC00;}
.recent_post_content_item:hover .recent_post_info a:hover{text-decoration:underline;}
--></style>
<div class="recent_post_content" id="recent_posts_id"></div>
<script type="text/JavaScript"><!--
var Posts_Number = 0;var Comments_Number = 0;var New_Posts_Title = [];var New_Posts_Url = [];var New_Posts_Author = [];var New_Posts_Comment_Number = [];var New_Posts_Thumbnail = [];var New_Posts_Snippet = [];
function New_Posts_Information(json){var entry;var re = /<\S[^>]*>/g;var str;var banner_begin_index;var banner_end_index;Posts_Number = json.feed.openSearch$totalResults.$t;for (var i = 0; i < 5; i++){entry = json.feed.entry[i];New_Posts_Title[i] = entry.title.$t;for (var k = 0; k < entry.link.length; k++){if (entry.link[k].rel == 'alternate'){New_Posts_Url[i] = entry.link[k].href;break;}}New_Posts_Author[i] = entry.author[0].name.$t;New_Posts_Comment_Number[i] = parseInt(entry.thr$total.$t);if ("content" in entry){New_Posts_Snippet[i] = entry.content.$t;}else if ("summary" in entry){New_Posts_Snippet[i] = entry.summary.$t;}else New_Posts_Snippet[i] = "";if (New_Posts_Snippet[i].search("bp.blogspot.com") != -1) New_Posts_Thumbnail[i] = entry.media$thumbnail.url; else {str = "src\u003d\"";banner_begin_index = New_Posts_Snippet[i].search(str);if (banner_begin_index == -1){New_Posts_Thumbnail[i] = "http://lh3.ggpht.com/_kck7-TEWM-M/TSZtEyqlErI/AAAAAAAAAO0/cXY9tgbBnko/popular_blank_icon.jpg";}else{New_Posts_Thumbnail[i] = New_Posts_Snippet[i].substring(banner_begin_index + str.length);str = "\""; banner_end_index = New_Posts_Thumbnail[i].search(str);New_Posts_Thumbnail[i] = New_Posts_Thumbnail[i].substring(0, banner_end_index);}} New_Posts_Snippet[i] = New_Posts_Snippet[i].replace(re, "");if (New_Posts_Snippet[i].length > 140){New_Posts_Snippet[i] = New_Posts_Snippet[i].substring(0, 140) + '...';}}}
function Install_New_Posts(){var str_out = "";for (var i = 0; i < 5; i++){str_out += '<div class="recent_post_content_item">';str_out += '<table width="0%" border="0">';str_out += '<tr>';str_out += '<td>';str_out += '<a href="' + New_Posts_Url[i] + '" title="' + New_Posts_Snippet[i] + '">';str_out += '<img src="' + New_Posts_Thumbnail[i] + '" width="32px" height="32px"/>';str_out += '</a>';str_out += '</td>';str_out += '<td>';str_out += '<div class="recent_post_title">';str_out += '<a href="' + New_Posts_Url[i] + '" title="' + New_Posts_Snippet[i] + '">';str_out += New_Posts_Title[i];str_out += '</a>';str_out += '</div>';str_out += '<div class="recent_post_info">';str_out += '<a href="' + New_Posts_Url[i] + '" title="' + New_Posts_Snippet[i] + '">';str_out += 'By ' + New_Posts_Author[i] + ' - ' + New_Posts_Comment_Number[i] + ' nhận xét';str_out += '</a>';str_out += '</div>';str_out += '</td>';str_out += '</tr>';str_out += '</table>';str_out += '</div>';}document.getElementById('recent_posts_id').innerHTML = str_out;}
--></script>
<script type="text/JavaScript" src="http://cafedongduong.blogspot.com/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=New_Posts_Information"><!--  --></script>
<script type="text/JavaScript"><!--
Install_New_Posts();
--></script>

Cách tạo tiện ích wiget Whos.amung

Để biết được trên trang blog hay web của mình có bao nhiêu khách tham quan trong cùng một thời điểm đó. Ta hãy vào trang: whos.amung.us để lấy code tiện ích của wiged này hoàn toàn đơn giản và miễn phí. Xem hình wiged trên blog phía dưới
CÁC BƯỚC THỰC HIỆN NHƯ SAU
Bước 1:
Ta vào địa chỉ:  whos.amung.us để vào trang có như hình bên dưới đây.
Bước 2:
Chọn vị trí wiged thể hiện trên trang web hoặc blog của mình. Xem hình dưới.
Bước 3:
Sau khi chọn vị trí thể hiện wiget cho trang của mình rồi và rất đơn giản tiếp theo là ta copy toàn bộ code trong khung màu vàng dán vào trình HTML hoặc dán vào trình tiện ích HTML/Java scrip của trang mình xong Lưu lại thế là hết. Xem hình.

Tìm kiếm hình ảnh online và xem bằng trình chiếu side show

Đây là chương rất hay! Nó cho phép mình tìm kiếm bất cứ hình ảnh nào trên mạng và xem những hình ảnh đó bằng trình diển của Sideshow
Sau đây là đoạn code của nó:
<!—Đây là code tìm kiếm ảnh sideshow--><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/image_slideshow/image_slideshow.xml&amp;up_type=2&amp;up_user=dlc0421&amp;up_feed=http%3A%2F%2Fwww.google.com%2Fuds%2Fsolutions%2Fslideshow%2Fsample.rss&amp;up_color=white&amp;up_displaytime=8&amp;up_crop=enable&amp;up_query=sunset&amp;up_feed_url=http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fsearch%3Fkind%3Dphoto%26q%3Dsunset%26alt%3Drss%26max-results%3D20&amp;up_album_url=&amp;synd=open&amp;w=250&amp;h=180&amp;lang=en&amp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script><!—End code tìm kiếm ảnh sideshow-->

Ta có thể thay đổi kích thước tuỳ ý cho vừa blog của mình bằng những số màu đỏ xong copy toàn bộ đoạn code đó dán vào chế độ HTML trên blog hoặc có thể dán vào bảng HTML này xem thử trước khi thực hiện
Ví dụ: Ta gỏ vào khung search từ cần tìm là "Cảnh đẹp" và nhấn nút search để xem thử.
Xem thử chương trình phía dưới đây:




Xem webcam mấy em sexy online trên blog

Vừa viết blog vừa giải trí bằng cách xem mấy em sexy online trên chính blog mình.
Đây là code của mấy em người mẫu sexy đây:
<!—Đây là code Super sexy women--><script src="http://www.gmodules.com/ig/ifr?url=http://sexy-gadget.com/G29.xml&amp;synd=open&amp;w=320&amp;h=305&amp;title=&amp;border=%23ffffff%7C0px%2C1px+solid+%23004488%7C0px%2C1px+solid+%23005599%7C0px%2C1px+solid+%230077BB%7C0px%2C1px+solid+%230088CC&amp;output=js"></script><!—End code Super sexy women-->
Copy toàn bộ code này dán vào chế độ HTML nào đó trên blog mình hoặc có thể dán vào bảng HTML này xem thử trước khi thực hiện.
Xem thử mấy em online bên dưới.



Tìm kiếm địa điểm bằng GOOGLE MAP SEARCH

Để tìm kiếm 1 địa điểm nào đó ta có thể sử dụng chương trình Google Map Search của Google cung cấp.
Dưới đây là code của chương trình:
<!—Đây là code Google Map Search--><script src="http://www.gmodules.com/ig/ifr?url=http://financemyidea.com/google-map-search.xml&amp;synd=open&amp;w=600&amp;h=500;&amp;output=js"></script><!—End code Google Map Search-->
Ta có thể thay đổi kích thước chương trình bằng số ở nơi chử màu đỏ.
Độ rộng w=600
Độ cao h=500
Sau khi thay đổi theo ý mình ta copy toàn bộ code dán vào chế độ HTML của blog mình hoặc có thể dán vào bảng HTML này xem thử trước khi thực hiện.
Xem thử chương trình ở dưới đây:





Đưa khung dich thuật toàn bộ trang web vào blog

Đây là 2 code khung dịch web page của Google:
1.
<!--Đây là Google Translate website--><script src="http://www.gmodules.com/ig/ifr?url=http://cowburn.info/wp-content/themes/cowburn/translate.xml&amp;synd=open&amp;w=147&amp;h=25&amp;border=0&amp;output=js"></script><!--End code Google Translate website -->
2.
<!--Day là Translate My Page 2--><center><script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/118398613600037568074/translatemypage.xml&amp;up_source_language=en&amp;synd=open&amp;w=160&amp;h=60&amp;lang=en&amp;country=ALL&amp;border=0&amp;output=js"></script></center><!--Day la Translate My Page 2-->
Copy toàn bộ 1 trong 2 code mình thích dán vào HTML hoặc bạn có thể dán vào Bảng HTML này xem trước khi thực hiện.





Đưa khung tìm kiếm của Google vào blog

Để đưa công cụ tìm kiếm của google vào blog bạn có thể dùng đoạn mã sau. Bạn cần thay đổi cafedongduong..blogspot.com thành địa chỉ blog của mình. Nếu bạn check (chọn) vào nút cafedongduong.blogspot.com thì có nghĩa là chỉ tìm kiếm trong blog này còn không thì nó sẽ tìm kiếm trên toàn bộ internet.

Cách tạo khung search tìm kiếm toàn bộ trên internet hoặc blog của bạn
Đăng nhập vào blog mình / Thêm tiên ích HTML/Javscript và copy đoạn code dưới đây dán vào khung HTML/Javascripts. Sau đó lưu lại để hoàn tất.
<form action="http://www.google.com/custom"> <input type="text" name="q" size="20" />
<input type="submit" value="Search" />
<div>
<input type="radio" name="sitesearch" value="" /> Web
<input type="radio" name="sitesearch"
value="cafedongduong.blogspot.com" checked="checked" /> Cafedongduong “blog”
</div>
</form>
 

Lưu ý:
Thay dòng màu đỏ bằng tên blog của mình và dòng màu xanh là tên 2 ô để check vào. Xem hình dưới đây.


Web
Cafedongduong “blog”
hoặc bạn có thể copy đoạn code trên dán vào bảng test HTML này và xem thử trước khi thực hiện CLICK VÀO ĐÂY

Đưa Đồng hồ treo tường vào blog

Trước tiên ta vào đây để vào trang free clock và thực hiện theo thứ tự chỉ dẩn trong hình như sau:
Sau khi vào trang chủ ta chọn Gallery bên trái của trang.
Lựa chon các chủ đề đồng hồ.
Chọn Accept để chấp thuận
Và chọn lựa những lựa chọn có sẳn.
Copy toàn bộ code dán vào HTML/Javascript của blog mình hoặc Ta có thể copy đoạn code đồng hồ yêu thích nào dán vào bảng test HTML này và xem thử trước khi thực hiện CLICK VÀO ĐÂY

Bạn đang ở đâu sao chớp tại đó