Site Map

Add CSS Auto Zoom Effect To Post Images On Blogger

2024-01-26T17:27:00.000-08:00

0 0 0 Stumble0 11

OK over the next week or so I want to focus on some cool image effects for the images you use in your blog posts.Previously we have shown you some basic effects you can add to images on your blog.But with the advancement of CSS we can now use better effects with less code and all in a way even an absolute beginner can do it.Also I will be presenting this in a way that once the code is added the effect will be on only images within your posts.We will be adding some more fancy effects in the next few posts but we will start with a neat zoom.

The first effect we will cover is a nice zoom were upon the image will be displayed as normal then when you place the cursor over it the image grows to a zoom.This is a good effect in two ways, if you actually want visitors to be able to zoom into your images or if you just want something that looks cool.

Check out the demo below (On the demo page hover over any of the images in the post) :

Add Css Zoom Effect To Blogger

Step 1. - In Your (New Design) Blogger Dashboard Click The Drop Down Menu For Your Blog > Choose Customize > Advanced > Add Css, as shown in the video below.

Step 2. Copy and Paste the following code into the Css Section then click Apply To Blog.
(Note : Some people have found the "Apply To Blog" button can not be clicked if so after the code click space)

/* CSS image zoom effect http://www.spiceupyourblog.com */
.post img {
height: 100%;
width: 100%;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}

.post img:hover {
width: 150%;
height: 150%;
}
/*CSS image zoom effect http://www.spiceupyourblog.com */

That's the effect added, easy.Drop your comments and questions below.

Author - Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.

Link nay: http://www.spiceupyourblog.com/2014/01/add-css-auto-zoom-effect-to-post-images.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+SpiceUpYourBlog+%28Spice+Up+Your+Blog%29

jQuery Plugin To Show Complete YouTube channel

2024-01-22T18:25:00.000-08:00

http://www.trollvl.com/2014/01/jquery-plugin-to-show-complete-youtube.html

Làm thế nào để hiển thị video YouTube Feed trên blog/trang web của bạn.?

1. Nhập URL bạn kênh youtube trong một mảnh javascript như hình dưới đây.
Nhập Youtube Channel Url của bạn:
Ví dụ: http://www.youtube.com/user/huycovip)
Nhập Url danh sách nhạc của bạn để hiển thị trong Tab đặc trưng:
Ví dụ: http://www.youtube.com/playlist?list=PL0_6zmiG1nxkEPAmDXve40Ux3JXpw0M4k)
3. Chọn và chọn thiết lập của bạn trong điện.
4. Nhấp vào Tạo & Preview.
5. Bây giờ Sao chép mã được tạo ra và dán bất cứ nơi nào trên trang web hoặc trang web của bạn.

Công cụ để tạo kênh YouTube

Với công cụ bên dưới bạn sẽ nhận được code cho một plugin tuyệt vời để kênh youtube xuất hiện trên blog hoặc website của bạn.

Demo

Amazing jQuery Plugin To Show Complete YouTube Channel

Customize

YouTube Channel Url
YouTube Playlist Url
Default Tab
Columns
Widget Width
Widget Height
Video On Load
Video in Lightbox

Application

Generated Code

Ẩn các widget ở một trang nhất định

2019-10-11T21:10:00.000-07:00

Ẩn / Hiện Widget - Thủ thuật Ẩn / Hiện Widget trong Blogger

Bởi Blogger và An Thành Nguyễn

Lúc 16:35

0 nhận xét Viết một nhận xét

Đối với các blog có nhiều chủ đề thì việc sử dụng nhiều Widget (Tiện ích) là điều không tránh khỏi. Do vậy làm thế nào để các Widget tiện ích đó hiển thị đúng nơi, đúng chỗ là điều mà các Blogger phải tính toán và cân nhắc rất kỹ.

>>Emoticons - Thủ thuật chèn biểu tượng vào bình luận Blogger

>>Recent Posts & Recent Comments - Thủ thuật tạo bài viết và bình luận mới nhất

>>Hình ảnh - Thủ thuật cho Logo chạy ngang trong Website/Blogger

>>Translate - Thủ thuật tự động dịch 10 ngôn ngữ cho Blogger/Website

>>Menu - Thủ thuật tạo Menu dọc cho Blogger bằng CSS
>>Menu - Thủ thuật tạo Menu ngang cho Blogger bằng CSS
>>Back To Top - Thủ thuật nút lên đầu trang trong Blogger
>> Tắt/Mở đèn - Thủ thuật hiệu ứng tắt mở đèn cho Blogger
>>Image - Thủ thuật LazyLoad load ảnh theo trình tự trong bài viết Blogger
>>FeedBurner - Thủ thuật tạo FeedBurner cho Blogger
>>Sitemap - Thủ thuật tạo sơ đồ trang cho BLogger Version 3

Việc bố trí các Widget trên Templates một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.Hiển thị Widget ở những trang nhất định trong Blogspot - ẩn hiện Wiget ở những trang nhất định.

Chính vì lý do đó, xin được giới thiệu đến bạn đọc những thủ thuật blogger nhỏ để “hiển thị Widget ở những trang nhất định trong Blogspot”, giúp các bạn thiết kế website được hài hòa và SEO tốt hơn. Chúng ta tiến hành như sau :

1 - Bố cục

2 - Nhấp vào Chỉnh sửa trên Widget cần xử lý.

Một cửa sổ Popup bật lên, bạn nhìn vào phía trên góc phải (gần thanh tiêu đề) sẽ thấy dòng có dạng tương tự sau: …null&widgetId=HTML1 (trong trường hợp này là widget HTML1, đối với widget khác sẽ có ID khác)

Sau khi xác định được ID của widget, bạn vào Mẫu > Chỉnh sửa HTML > Chuyển đến tiện íchđể tìm widget đó trong Template (Chọn ID trong trường hợp này là HTML1).

Sau đó bạn được chuyển đến tiện ích HTML1 và làm theo hướng dẫn trên ảnh:

Tiếp tục làm theo hướng dẫn dưới đây:

Khi đó bạn sẽ thấy đoạn code tương tự như sau:

<b:widget id='HTML1' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>

</b:widget>

Như vậy, ta đã xác định được ID cũng như vị trí và nội dung của Widget, Bây giờ sẽ thêm lệnh ẩn hoặc hiện Widhet ở 2 vị trí là:

Vị trí 1: Sau thẻ mở <b:includable id='main'>Phần này bạn thay dổi theo các mã mình cung cấp bên dưới.
Vị trí 2: Thêm lệnh </b:if> vào trước thẻ đóng như sau </b:includable> phần này dung chung cho tất cả các thủ thật bên dưới.

Khi đó bạn có đoạn code mới dạng như sau.

<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
 Vị trí 1
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

Đến đây bạn thay chữ Vị trí 1 thành các đoạn code tương ứng bên dưới:

1. Chỉ hiển thị Widget ngoài trang chủ

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.url == data:blog.homepageUrl'>

2. Chỉ hiển thị Widget ở trang Archive

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

3. Chỉ hiển thị Widget ở trang bài viết

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Chỉ hiển thị Widget ở trang Static Page

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

5. Chỉ hiển thị Widget ở những trang với liên kết cụ thể

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.url == "URL của trang chỉ định"'>

Trong đó URL của trang chỉ định là địa chỉ của trang nhãn hay bài viết. Ví dụ mình muốn HTML1 bên trên chỉ hiển thị trong bài viết này thì mình thay chữ Vị trí 1 bằng đoạn code sau:

<b:if cond='data:blog.url == "http://namkna.blogspot.com/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html"'>

6. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive

Thay chữ Vị trí 1 thành đoạn code sau:

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

Ghi chú: Ở trên bạn có thể thấy mình cố ý đánh dấu “==” bằng màu đỏ, có nghĩa là, bạn hoàn toàn có thể thay dấu “==” bằng dấu “!=” sẽ mang ý nghĩa khác.

Qui ước :

== : “bằng” hoặc tương đương - Tức là chỉ hiện thị khi thỏa mãn điều kiện mà ta đưa ra. != : “khác” hoặc không tương đương - Tức là không hiển thị khi thỏa mãn điều kiện ta đưa ra.

Ví dụ, nếu bạn muốn Widget HTML10 hiển thị ở tất cả các trang khác ngoại trừ trang chủ, thì ta thay chữ Vị trí 1 bằng đoạn code sau:

<b:if cond='data:blog.url != data:blog.homepageUrl'>

Tùy biến nâng cao sử dụng kết hợp các điều kiện

Vì một lý do nào đó, bạn chỉ muốn hiển thị widget ở trang A và trang B hoặc hiển thị khi thỏa mãn là trang A hoặc trang B, ta sẽ kết hợp các điều kiện với nhau như sau : Khi đó ta phải thêm 2 thẻ đóng </b:if> vào trước thẻ đóng </b:includable> của Widget như sau:

<b:widget id='HTML10' locked='false' title='' type='HTML'>
<b:includable id='main'>
 Vị trí 1
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

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

Ghi chú:

Trong đó phần màu vàng là nội dung của Widget.
Tiếp theo thay lệnh điều kiện cho các Wiget như sau:

A. Trường hợp 1 : chỉ hiển thị widget khi thỏa mãn 2 hay nhiều điều kiện

Thay chữ Vị trí 1 thành đoạn code sau:

<b:if cond='data:blog.url != "Điều kiện 1"'>
<b:if cond='data:blog.url != "Điều kiện 2"'>

Ví dụ: Hiển thị widget ở tất cả các trang ngoại trừ chuyên mục Blog và Blogger :

<b:if cond='data:blog.url != "http://www.thietkeblogger/search/label/Blog"'>
<b:if cond='data:blog.url != "http://www.thietkeblogger/search/label/Blogger"'>
nội dung widget
</b:if></b:if>

B. Trường hợp 2 : chỉ hiển thị widget khi thỏa mãn một trong các điều kiện

Thay chữ Vị trí 1 và đoạn màu vàng thành đoạn code sau:

<b:if cond='data:blog.url == "Điều Kiện 1"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
<b:else/>
<b:if cond='data:blog.url == "Điều Kiện 2"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
<b:else/>

Ví dụ, chỉ hiển thị widget ở chuyên mục Blog hoặc Blogger

<b:if cond='data:blog.url == "http://www.thietkeblogger/search/label/Blog"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
<b:else/>
<b:if cond='data:blog.url == "http://www.thietkeblogger/search/label/Blogger"'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
<b:else/>
</b:if></b:if>

Bạn Save Template - Lưu Mẫu Xem kết quả.

====================================

Cách ẩn bài viết mới nhất ngoài trang chủ blogspot

http://bittuot.blogspot.com.au/2013/08/cach-bai-viet-moi-nhat-ngoai-trang-chu.html

Cách ẩn bài viết mới nhất ngoài trang chủ blogspot. Cách ẩn hết các bài viết mới nhất mặc định của blogspot ngoài trang chủ. Ẩn bài viết ngoài trang chủ .

Việc ẩn bài viết ở trang chủ ta phải dùng một thủ thuật khác với thủ thuật ẩn widget, nếu dùng thủ thuật ẩn widget thì bài viết không được ẩn hoàn toàn. Vì thế mình sẽ dùng CSS kết hợp lệnh để ẩn nó.
Đây là thủ thuật đơn giả nên mình sẽ không post hình minh họa kết quả.

Cách ẩn bài viết mới nhất ngoài trang chủ blogspot !

Trước tiên thực hiện bạn phải xác định id của widget "Bài đăng trên blog", thông thường nó đều có id là "Blog1".Với một số blog có thể khác. Các bạn xác định theo các bước bên dưới:

1- Đăng nhập (login) vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sử HTML (Edit HTML) => Tiếp tục (Proceed): => Tìm đoạn code sau :

<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>

Sau đó ta vào: Mẫu -> chỉnh sửa HTML và dán code ngay bên dưới sau thẻ </b:skin>
<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {
display:none;
visibility:hidden;
}
</b:if>
</style>

Chú ý phần chữ màu đỏ phải giống nhau .

Vậy là bạn đã ẩn bài viết mới nhất ngoài trang chủ blogspot !

------------------------------------------------------

Ẩn các widget ở một trang nhất định

http://namkna.blogspot.com.au/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html#.UkZAHIamiAg

Việc thao tác trên các widget của blogspot cũng rất quan trọng, đặc biệt khi bạn có nhiều tiện ích trên blog. Hôm nay mình hướng dẫn bạn cách để ẩn một số widget cho một bài viết, một nhãn hay một trang nhất định nào đó.

Trước đây thì mình đã giới thiệu bạn cách hiển thị bài viết ở một trang nhất định, tuy nhiên để ẩn các widget khác ở trên cùng trang này thì bạn cần đến thủ thuật này, bạn có thể kết hợp 2 thủ thuật này để tạo một trang riêng trên blog của mình.

1. Đăng nhập và vào phần thiết kế
Để ẩn được widget bạn cần xác định được ID của widget đó, ID của widget sẽ hiển thị trên thanh địa chỉ khi bạn click Chỉnh sửa (Edit) widget đó.

Sau khi xác định được ID của widget đó, bạn muốn ẩn widget này (ở đây mình ví dụ là ẩn widget có ID là HTML12) bạn làm như sau:

2. Bây giờ bạn nhấn chỉnh sửa HTML (Edit HTML)
3. Tìm đến thẻ đóng </head> và thêm vào trước nó một trong các code tùy chọn bên dưới.

A. Ẩn widget ở các trang bài viết

B. Ẩn widget ở trang chủ

C. Ẩn widget ở trang nhãn

Bạn hãy thay dòng màu xanh (http://www.traidatmui.com) thành địa chỉ blog của bạn và dòng (Advanced blogger) thành tên nhãn bài viết của bạn.

D. Ẩn widget ở trang nhất định

Bạn thay link màu đỏ thành link mà bạn muốn ẩn widget.

Ở trên mình chỉ ví dụ là ẩn 1 widget, nếu bạn muốn ẩn nhiều widget ở một trang nào đó bạn thêm ID của widget đó sau dòng #HTML12, ví dụ mình muốn ẩn 3 widget(HTML13, HTML18, HTML20) ở các trang bài viết, mình thêm như bên dưới.

4. Cuối cùng save template lại.

Ở đây bạn có thể ẩn bất kì wiget nào nếu bạn xác định đúng ID của nó.

☼ Mở rộng thêm thủ thuật

Ở trên là chúng ta thực hiện việc ẩn các Widget, đôi khi bạn thực hiện một số thủ thuật ở trang nhãn hay một trang nhất định nào đó và muốn cho bài viết ở trang đó ẩn đi (chỉ còn lại phần widget) thì bạn chỉ việc thay ID HTML trên thành Blog1 như bên dưới và làm tương tự như trên.

(Nguồn: traidatmui.com)

Tiep.....

http://namkna.blogspot.com.au/2011/07/hien-thi-widget-o-nhung-trang-nhat-inh.html#.UkZAHIamiAg

Hiển thị widget ở những trang nhất định

POSTED BY PON ALI UNDEFINED- UNDEFINED- UNDEFINED 0 NHẬN XÉT

Bài liên quan

Bước 1: trước tiên bạn phải xác định được Widget id của widget đó

Bước 2: Vào chỉnh sửa code HTML (edit code HTML) -> Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
Bước 3: Tìm đọan Widget id bạn muốn chỉnh (vd:HTML6)
Code thường có dạng mhư bên dưới

<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

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

Bước 4: thêm code màu vàng vào đúng vị trí như bên dưới

I. Chỉ cho phép widget hiển thị ở trang chủ

<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

II. Chỉ cho phép widget hiển thị ở từng bài viết:

<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

III. Chỉ cho phép widget hiển thị ở những trang nhất định

<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == "Link của bạn"'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

IV. Hiển thị ở trang label nhất định

<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == "Địa chỉ label của bạn"'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

http://m21love.blogspot.com.au/2012/06/hien-thi-widget-o-nhung-trang-nhat-inh.html

NGHE NHẠC VÀNG HAY

2014-09-07T21:19:00.002-07:00

3000 từ tiếng anh thông dụng

2014-08-09T00:19:00.000-07:00

How to Make Headline News Current Menu

2014-07-23T07:28:00.004-07:00

To fill out and continue to update my beloved blog, I will write about tips and tricks java script.

Because Javascript is very useful to enhance your website or blog.

If you visit the blog or other sites you may ever see
a small bar at the bottom, which contains the latest news from the blog, and a list of news in the bar changing, so that makes it attract attention.

Headline News is a warm story that must be present and visible in a web page, tv or other that is to look the latest updates from news there!

I will try to help you how to create text that post-term reccent or can be referred to the latest news.
Copy this script and input into your blog or website :

<script type="text/javascript">
var hn_url_blog = "http://tivad.blogspot.com";
var hn_jumlah_post = 10;
var hn_warna_latar = "#bcbcb9";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>

<script src='http://tivadblogspot.googlecode.com/files/tivad_headlines.js'/>

If you wish to make on blogger please follow my instructions :

Login to Blogger
Edit HTML
Download full Template In this section only to keep a copy in the event of failure or damage
Smear Expand Widget templates
Please place the code above before the closing </ body>
Or it could be placed in the HTML Gadget

DJ online

2014-07-07T20:41:00.000-07:00

Toolbox: "Bác sĩ đa khoa" cho máy tính

2014-07-07T06:32:00.000-07:00

Không cần phải cài đặt thêm bất kỳ một công cụ nào khác, chỉ với IObit Toolbox là đủ cho mọi nhu cầu bảo dưỡng toàn diện Windows.

Dọn dẹp và tối ưu hệ thống là việc làm tối cần thiết để giúp máy tính luôn chạy nhanh và ổn định. Cũng chính vì lẽ đó, hiện nay trên thị trường có rất nhiều các công cụ hỗ trợ thực hiện nhiệm vụ trên. Thử dạo một vòng trên các diễn đàn, website, chắc hẳn bạn sẽ gặp rất nhiều các công cụ với tên đa phần có chữ Cleaner, Tweak,… Thế nhưng, có một "anh hào" trong làng công cụ hệ thống dưới dạng "tất cả trong một" với rất nhiều các tính năng hay là sự thay thế hoàn hảo cho tất cả những công cụ đơn lẻ kia - đó là IObit Toolbox.

Toolbox gồm 5 nhóm tính năng chính và được bố trí thành các thẻ ở bên trái giao diện. Khi nhấn chọn vào một thẻ, những công cụ bên trong sẽ hiển thị bên phải với thông tin giới thiệu ngắn gọn bên dưới. Tuy nhiên, Toolbox chưa hỗ trợ tiếng Việt.

Các thẻ chính cũng là các chức năng mà Toolbox hỗ trợ, bao gồm:

Thẻ Clean: Thẻ này đóng vai trò như "cây chổi thần" giúp quét dọn mọi thứ rác rưởi không cần thiết ra khỏi Windows vĩnh viễn.

Thẻ Optimize: Thẻ này bao gồm nhiều công cụ giúp tối ưu hệ thống, như Smart RAM (giải phóng bộ nhớ RAM), Internet Booster (tăng tốc độ truy cập internet), Startup Manager (quản lí tác vụ khởi động cùng Windows), Registry Defrag (chống phân mảnh Registry! Editor).

Thẻ Repair: Nếu hệ thống có những vấn đề đang xảy ra, bạn có thể sử dụng các công cụ tại đây để sửa chữa dễ dàng, như Undelete (phục hồi tập tin đã xóa), Shortcut Fixer (sửa lỗi shortcut), Disk Check (“bác sĩ “ kiểm tra đĩa cứng), Win Fix (sửa chữa một số vấn đề trong Windows)

Ngoài ra, còn thẻ Control giúp quản lí trình điều khiển Windows, như Cloned Files Scanner (tìm kiếm tập tin trùng lặp), Disk Explorer (khám phá ổ đĩa), System Information (đọc thông tin hệ thống), Empty Folder Scaner (quét thư mục rỗng).

Ngọc Phạm

Phần mềm

2014-07-06T06:53:00.000-07:00

1. Nhúng key vào Bios: Microsoft muốn giết Windows lậu?

(Tin Tức)

... cài Windows crack cũng chả phức tạp hơn Windows bản quyền xịn là mấy (có chăng thì chỉ là không update được). Còn nếu chẳng may nhầm lẫn thì bạn cũng chỉ cần down một phần mềm chừng 7MB về ấn 1 cái là ...

Created on 03 December 2012

2. Tổ chức và quản lý công việc một cách thông minh với ứng dụng Taskk

(Tin Tức)

Trên thị trường có nhiều phần mềm quản lý công việc hứa hẹn sẽ giúp bạn đơn giản hóa quá trình tổ chức và theo dõi tiến độ thực hiện các công việc. Tuy nhiên khi dùng các phần mềm này, bạn có phát hiện ...

Created on 27 November 2012

3. Điều gì xảy ra khi 1 file bị xóa khỏi thùng rác máy tính?

(Tin Tức)

... lưu để phân bổ lại cho các tập tin hay chương trình khác khi cần thiết. Các phần mềm như ShadowExplorer có thể thấy các file bị xóa cũng như các tập tin bản sao được tạo ra ở các ...

Created on 19 November 2012

4. Dự đoán các vấn đề bảo mật trọng điểm trong năm 2013

(Tin Tức)

... cũng được coi là một trong những vấn đề "nóng" trong năm 2013. Các gian hàng ứng dụng trực tuyến được coi là một "bức tường rào" vững chãi ngăn được hầu hết những phần mềm độc hại. Tuy vậy, để đảm bảo ...

Created on 16 November 2012

5. Vì sao bạn nên nâng cấp từ Windows XP lên Windows 8?

(Tin Tức)

... nhìn ngắm... Windows 8 vẫn tương thích tốt với các ứng dụng cũ Một trong những lo ngại lớn nhất của những ai muốn nâng cấp lên HĐH mới là các phần mềm đang phục vụ cho công ...

Created on 12 November 2012

6. 10 nguyên nhân thường gặp khiến máy tính chạy như "rùa" (Phần I)

(Tin Tức)

... nhiều thời gian hơn để tìm và gọi các dữ liệu đó. Để khắc phục điều này, bạn có thể sử dụng các phần mềm chống phân mảnh ổ cứng như Smart Defrag hoặcDefraggler. Ngoải ra ...

Created on 07 November 2012

7. Mẹo dùng mật khẩu mạnh

(Tin Tức)

... mật khẩu mạnh, bạn có thể dùng phần mềm, tiện ích quản lý mật khẩu như KeePass, Password Manager, Passwords Keeper. Paswword Safe là một trong các tiện ích quản lý mật khẩu hiệu quả, mã nguồn ...

Created on 27 October 2012

8. Tìm hiểu về việc cập nhật BIOS cho máy tính

(Tin Tức)

... BIOS là gì? Nhiệm vụ chính của BIOS là kiểm tra tất cả các thành phần phần cứng của máy tính và sau đó là tải cácphần mềm trên một thiết bị khởi động (đĩa cứng hoặc CD/DVD). Bước đầu tiên này ...

Created on 11 October 2012

9. Microsoft trở thành hãng phần cứng

(Tin Tức)

... gã khổng lồ phần mềm. Microsoft thực sự muốn các cổ đông, khách hàng, đối tác và đối thủ nhận ra rằng, họ không chỉ là một ông lớn phần mềm nữa. Trong lá thư gửi ngày 9/10 cho các cổ ...

Created on 11 October 2012

10. Cài đặt và dùng thử Panda Internet Security 2013 vừa trình làng

(Tin Tức)

Panda Internet Security là một trong những gói phần mềm bảo mật nổi tiếng và sử dụng nhiều nhất hiện nay. Hãng bảo mật danh tiếng Panda Security vừa trình làng phiên bản mới nhất, phiên bản 2013 cho ...

Created on 25 September 2012

11. Microsoft cho phép hạ cấp từ Windows 8 xuống Windows 7, Vista

(Tin Tức)

... Windows 7 Professional hoặc Windows Vista Business", theo thỏa thuận cấp phép phần mềm của phiên bản Windows 8 Pro. Windows 8 Pro sẽ được các nhà sản xuất máy tính (OEM) cài đặt trên những PC mới. Không ...

Created on 05 September 2012

12. Tạo slide ảnh chất lượng full HD với Smideo HD 2012

(Tin Tức)

... thân hoặc để lưu giữ những kỷ niệm đã qua. Hiện nay có rất nhiều phần mềm hỗ trợ bạn tự tạo một slide ảnh rất chuyên nghiệp như ProShow Gold, SlideShow Creator, DVD PixPlay v.v.. ...

Created on 23 July 2012

13. Office 2013 không chạy trên Windows XP và Vista

(Tin Tức)

Microsoft ngăn không cho 55% số máy tính Windows hiện thời chạy bộ phần mềm Office mới nhất của mình. Hôm 16/7/2012 Microsoft đã xác nhận rằng, bộ Office 2013 mới sẽ không chạy trên những máy tính ...

Created on 20 July 2012

14. Office thế hệ mới trình làng: Giao diện hiện đại, đồng bộ đám mây, chỉ hỗ trợ Windows 7 và Windows 8

(Tin Tức)

Đúng sau chu kì 3 năm, Microsoft vừa trình làng phiên bản mới nhất của bộ phần mềm văn phòng Office với tên gọi Office 2013. Office 2013 được thiết kế cho phép khả năng đồng bộ "trên mây", đồng thời ...

Created on 17 July 2012

15. 7 phần mềm bảo vệ máy tính tốt nhất dành cho Windows 8

(Tin Tức)

... máy tính hoạt động tốt nhất. Đây là thị trường rất lớn và cạnh tranh về giải pháp an ninh trực tuyến, dưới đây là nhữngphần mềm bảo mật tốt nhất giúp bảo vệ Windows 8 ở mức cao nhất. Tất cả các ...

Created on 13 July 2012

16. Windows Server 2012 phát hành trong tháng 8/2012

(Tin Tức)

... bản phần mềm máy chủ này. Các nhà quan sát xem Windows Server 2012 là một cập nhật lớn. Theo Microsoft, cho đến nay, các phiên bản tiền phát hành của hệ điều hành đã được tải về hơn 500.000 lần. ...

Created on 13 July 2012

17. 8 phần mềm miễn phí cực tốt cho người dùng Windows

(Tin Tức)

ICTnews – Các phần mềm miễn phí nhưng rất cần thiết để tăng tốc độ khởi động của máy tính, khôi phục dung lượng ổ cứng, truy tìm laptop bị mất trộm v.v 1. Soluto Soluto là phần mềm phù hợp cho ...

Created on 13 July 2012

18. Advanced SystemCare with Antivirus - Loại bỏ virus, trojans, spyware nhanh chóng

(Tin Tức)

... SystemCare with Antivirus 2013 là phầm mềm độc lập, có thể tương thích với những phần mềm an ninh khác như chống virus, chống phần mềm độc hại, firewall,… Tính năng chính: ...

Created on 06 July 2012

19. Có thể nâng cấp lên Windows 8 với 40 USD

(Tin Tức)

Microsoft đã công bố rằng người dùng Windows XP, Vista hay Windows 7 sẽ có thể nâng cấp lên Windows 8 Pro chỉ với 40 USD (~840.000 đồng). Hãng phần mềm khổng lồ này chưa công bố ngày chính thức ...

Created on 06 July 2012

20. Đảm bảo tính tương thích khi nâng cấp lên Windows 8

(Tin Tức)

Nếu có ý định nâng cấp hệ điều hành lên Windows 8, bạn có thể kiểm tra tính tương thích phần mềm, phần cứng bằng tiện ích Windows 8 Upgrade Assistant, để việc nâng cấp suôn sẻ. Hiện Microsoft vẫn ...

Created on 04 July 2012

21. File Secure Free - phần mềm miễn phí bảo vệ dữ liệu hiệu quả

(Tin Tức)

Khi cần bảo vệ dữ liệu quan trọng để tránh người khác tò mò nhưng không muốn chi quá nhiều cho việc này, bạn có thể dùng File Secure Free. Đây là công cụ miễn phí có giao diện đơn giản, khả năng bảo vệ ...

Created on 26 June 2012

22. Seagate Backup Plus - Ổ cứng di động sao lưu với một cú kích chuột

(Tin Tức)

... Thunderbolt hoặc FireWire một cách dễ dàng với tùy chọn adapter, giống như dòng sản phẩm ổ cứng di động GoFlex của công ty. Đi kèm ổ đĩa là phần mềm mới Seagate Dashboard cho ...

Created on 21 June 2012

23. Phác thảo “chân dung” Windows Phone 8

(Tin Tức)

... 21/6, hãng phần mềm lớn nhất thế giới Microsoft đã chính thức giới thiệu phiên bản tiếp theo của hệ điều hành di động Windows Phone với vô số những cả tiến, nâng cấp và tính năng “mới toanh” khiến người ...

Created on 21 June 2012

24. 10 kỹ năng cơ bản cần thiết cho người dùng Windows

(Tin Tức)

... là một khởi động nguồn lực của Windows chỉ load các dịch vụ thiết yếu trong Windows. Chế độ Safe Mode thường được sử dụng để chẩn đoán virus và phần mềm độc hại. Để khởi động trong chế độ Safe Mode, thì ...

Created on 18 June 2012

25. Ra mắt trình duyệt Opera 12 với nhiều cải tiến Opera 12

(Tin Tức)

... sử dụng các nền tảng mở rộng để thay thế cho hai tính năng này. Ngoài ra, giao diện ra lệnh bằng giọng nói cũng không còn xuất hiện trên Opera 12. Video giới thiệu Opera 12. Phần mềm: ...

Created on 16 June 2012

26. Các lỗi về Windows Installer và cách sửa lỗi

(Tin Tức)

... Xóa bỏ hoặc vô hiệu hóa các chương trình diệt virus hoặc các chươn trình chống phần mềm gián điệp (anti-spyware) và thử cài đặt hoặc xóa bỏ chương trình đang gây ra lỗi. Windows Installer Error ...

Created on 12 June 2012

27. Điều khiển từ xa máy tính Windows, Mac và Linux với RealVNC

(Tin Tức)

RealVNC là phần mềm cho phép bạn kiểm soát một máy tính từ xa thông qua trình duyệt web tương tácvới máy chủ VNC. Cả hai máy chủ và “máy ...

Created on 12 June 2012

28. Đế chế x86 đang lụi tàn?

(Tin Tức)

... chiếc iPhone đầu tiên xuất hiện hồi năm 2007. Xu hướng này còn rõ nét hơn từ góc độ phần mềm. Phần mềmkhông còn đơn thuần là cài đặt trên máy tính nữa, mà chuyển sang được gọi là “app” (ứng dụng). ...

Created on 12 June 2012

29. Google, Facebook cảnh báo Internet “sập” vào 9/7

(Tin Tức)

... xác định và tiêu diệt bất cứ loại mã độc nào, cũng có những phần mềm độc lập để xác định và gỡ bỏ đích danh DNSChanger như công cụ gỡ bỏ DNSChanger cho Mac. 4. Xóa bỏ bộ nhớ cache trình duyệt ...

Created on 12 June 2012

30. Do Not Track được cung cấp mặc định trong Internet Explorer 10

(Tin Tức)

... cấp trong phần mềm nhưng người dùng phải lựa chọn kích hoạt tính năng này. Phiên bản hiện hành của những trình duyệt như Google Chrome, Mozilla Firefox cũng yêu cầu lựa chọn tương tự để tránh bị theo dõi ...

Created on 04 June 2012

31. Tuyệt chiêu khắc phục Window

(Tin Tức)

... Gỡ bỏ malware Một số cách giúp bạn tìm và gỡ bỏ phần mềm nguy hiểm (malicious software) Bước 1: Vào Safe Mode, ngắt máy tính ra khỏi kết nối Internet, không truy cập Internet cho đến khi ...

Created on 29 May 2012

32. Kaspersky phát hiện vi rút “phức tạp” nhất thế giới

(Tin Tức)

Giống như những sâu khét tiếng Stuxnet và Duqu, trojan Flame là một dạng phần mềm gián điệp, nhiều khả năng do các đơn vị thuộc chính phủ nước nào đó tạo ra. Nó có cấu trúc khác thường theo dạng mô-đun ...

Created on 29 May 2012

33. Microsoft sắp kết liễu Windows XP?

(Tin Tức)

... ty nói. Nhằm thúc đẩy mạnh mẽ hơn, trình duyệt Internet Explorer 9 của Microsoft chỉ chạy trên Windows 7 hoặc Vista, vì những yếu tố kỹ thuật hỗ trợ đồ hoạ. Các phần mềm khác, như một số phần mềm ...

Created on 28 May 2012

34. Làm thế nào sao lưu và phục hồi dữ liệu từ ổ đĩa bị hư?

(Tin Tức)

... động kiểm tra lỗi bề mặt Phục hồi dữ liệu bằng phần mềm Cuối cùng, nếu tất cả vẫn không làm được, bạn xem xét phần mềm phục hồi dữ liệu. Kernel Windows là một công ...

Created on 17 May 2012

35. Tuyệt chiêu nên biết trong Windows 7

(Tin Tức)

... tra tốc độ USB bằng cách sử dụng phần mềm Crystal DiskMark. Mỗi khi chạy phần mềm này, chúng sẽ kiểm tra toàn bộ bộ nhớ gắn trên máy tính, bao gồm cả thẻ nhớ SD. Người dùng có thể tải phần mềm ...

Created on 15 May 2012

36. Cách thức mã hóa email

(Tin Tức)

... (GnuPG). Bạn có thể tìm thấy các phần mềm miễn phí hay thương mại và ứng dụng phụ trợ (add-on), như Gpg4win, PGP Desktop Emailđể hỗ trợ cho mã hóa theo chuẩn OpenPGP. Mã hóa email lưu trữ ...

Created on 09 May 2012

37. Windows 8 tích hợp công nghệ âm thanh Dolby

(Tin Tức)

... thích rằng video ngày nay chủ yếu được tải về từ Internet nên không cần hỗ trợ các định dạng từ đĩa quang. Người dùng có thể bổ sung cho thiếu sót này nhờ các phần mềm của ...

Created on 09 May 2012

38. Những phần mềm miễn phí xóa sạch dữ liệu trên ổ đĩa

(Tin Tức)

Trước khi bỏ đi các ổ flash, ổ đĩa cứng, ổ cứng thể rắn hay ổ cứng, bạn nên xóa vĩnh viễn toàn bộ dữ liệu cũ trong đó. Mỗi loại ổ lại có phần mềm xóa riêng. Ổ cứng của máy tính cá nhân luôn đi ...

Created on 07 May 2012

39. Office 15 của Microsoft hỗ trợ chuẩn tài liệu mở ODF 1.2

(Tin Tức)

Việc Microsoft chấp nhận chuẩn tài liệu ODF 1.2 sẽ cho phép các khách hàng của Microsoft làm việc thuận lợi hơn với người sử dụng các bộ phần mềm văn phòng khác. Microsoft cũng sẽ hỗ trợ ODF 1.2 trong ...

Created on 07 May 2012

40. SDN là tương lai của công nghệ mạng?

(Tin Tức)

Từ cuối năm 2011, giới công nghệ bắt đầu nhắc đến khái niệm SDN (mạng điều khiển bằng phần mềm), một trong các định hướng tiên phong cho những năm tới... Liệu SDN có là tương lai của công nghệ ...

Created on 07 May 2012

41. Trải nghiệm Norton Antivirus 2012 với 6 tháng bản quyền

(Tin Tức)

Nếu nói về tên các bộ sản phẩm phần mềm diệt virus nổi tiếng trên thị trường hiện nay thì chắc hẳn nhiều người sẽ nghĩ ngay đến Kaspersky, tuy nhiên còn có 1 bộ sản phẩm diệt virus nổi tiếng không kém ...

Created on 07 May 2012

42. Bảo vệ máy tính với AutoRun Antivirus Pro v1.0

(Tin Tức)

... Bài viết giới thiệu một công cụ được thiết kế bởi Michel Oliveira, được gọi là AutoRun Antivirus Pro, giúp bảo vệ máy tinh chống lại sự lây nhiễm của Autorun.inf và các phần mềm độc hại khác với vài động ...

Created on 02 May 2012

43. Microsoft Security Essentials 4.0 chính thức ra mắt

(Tin Tức)

... chính là người dùng không phải trả tiền cho phần mềm diệt vi rút và phần mềm độc hại, giúp hệ điều hành Windows trở nên an toàn và nguy cơ bảo mật ít hơn. Với MSE, người dùng không cần phải thực hiện ...

Created on 25 April 2012

44. Windows Server 2012 phát hành trong năm nay

(Tin Tức)

Microsoft đặt tên gọi cho phần mềm máy chủ mới nhất của hãng là Windows Server 2012 và sẽ phát hành hệ điều hành này trong năm nay. Trong bài phát biểu tại Hội nghị Microsoft Management Summit ...

Created on 19 April 2012

45. Windows 8 chính thức có tên là… Windows 8

(Tin Tức)

... cung cấp thêm gói phần mềm mở rộng Media Pack, cho phép biến máy tính sử dụng Windows 8 Pro trở thành một thiết bị giải trí đúng nghĩa. Đáng chú ý nhất trong số 3 phiên bản của Windows 8 đó chính là ...

Created on 19 April 2012

46. Nhiều “ông lớn” công nghệ hăng hái phát triển Linux

(Tin Tức)

... mới này của Linux Foundation một lần nữa khẳng định vị thế của cộng đồng Linux như một tập thể các tài năng phần mềm lớn nhất thế giới. Các chuyên gia phát triển Linux là tác giả của những sáng kiến như ...

Created on 13 April 2012

47. 49% blog nổi tiếng nhất thế giới dùng Wordpress

(Tin Tức)

... trội hơn cũng như đang gia tăng thế lực với tư cách một hệ quản lí nội dung nói chung. 40 trong tổng số site được Pingdom khảo sát dùng phần mềm “nội bộ” của WordPress, và 9 site ...

Created on 13 April 2012

48. Nga bắt nhóm hacker nguy hiểm nhất 1 kể từ những năm 1990

(Tin Tức)

... thể còn Group-IB thì dựa trên đánh giá của chuyên gia với các đối tượng hình sự. Group-IB cho biết, những kẻ xấu đã bị phát hiện nhờ phân tích các phần mềm trojan, các máy chủ bot và các dữ liệu bị đánh ...

Created on 22 March 2012

49. DỊCH VỤ QUẢN TRỊ MÁY CHỦ

(Dịch vụ)

... tiến hành qua Helpdesk 24/7. Các vấn đề được hỗ trợ: Cài đặt máy chủ mới theo yêu cầu với các phần mềm thông dụng: Fantastico, RVSkin, CpanelPro, CpanelXp, ClamAV, Mailscanner, URCHIN, ZendOptimizer, ...

Created on 22 March 2012

50. GIỚI THIỆU

(Dịch vụ bảo trì)

... kiến thức sâu rộng về lĩnh vực chuyên môn, chúng tôi hướng đến trở thành công ty hàng đầu Việt Nam không những trong lĩnh vực thương mại điện tử mà còn trong lĩnh vực cung cấp các sản phẩm phần mềm hỗ ...

Created on 22 March 2012

51. HijackThis

Phần mềm hỗ trợ remove malware trên windows ...

Created on 11 June 2014

52. Phần mềm chuyên copy nhanh

Phần mềm hỗ trợ sao chép dữ liệu nhanh với dung lượng lớn ...

Created on 06 May 2014

53. Phần mềm CCleaner

Phần mềm hỗ trợ dọn rác máy tính với một cú click. ...

Created on 05 May 2014

54. Malwarebytes' Anti Malware 1 75a

Phần mềm quét Malware cho máy tính Mật khẩu nếu có: dichvubaotri.net ...

Created on 29 April 2014

55. Winrar

Phần mềm dùng để bung nén các file zip, rar, tag, 7z Â Mật khẩu giải nén nếu có: dichvubaotri.net ...

Created on 26 April 2014

HTML Embed Code Generator

2014-04-21T23:23:00.002-07:00

Công cụ kiểm tra tốc độ blog/website và đưa ra đề xuất tốt nhất để cải thiện

2014-04-16T02:27:00.002-07:00

Add recent post to your blog

2014-04-11T04:40:00.001-07:00

Những Bản Hòa Tấu Nhạc Vàng Bất Hủ Chọn Lọc

2014-04-11T03:18:00.000-07:00

Khung Tìm Kiếm Popup Search Với Thumbnail Sử Dụng JQuery Cho Blogspot

2014-03-13T00:33:00.001-07:00

Tiếp tục chủ đề tạo khung tìm kiếm không cần phải load lại trang . trong bài viết này mình sẽ hướng dẫn các bạn các tạo một khung tìm kiếm hiển thị kết quả không cần phải tại lại trang, với hiệu ứng mượt mà từ thư viện Jquery đẻ các bạn có thể tạo sự khác biệt so với các blog khác. Phương thức hoạt động của tiện ích này là nó sẽ xuất hiện một box kết quả nhỏ ngay dưới ô tìm kiếm bao gồm tiêu đề bài viết, một vài dòng mô ta trích xuất từ trong bài viết, và đặc biệt là có thêm hình ảnh thumbnail lấy ngẫu nhiên trong bài viết đó của bạn.

Thêm hộp popup search từ JQuery cho blogspot

1. Đăng nhập vào tài khoản Blogger

2. Vào phần Mẫu (Template) => Chọn Chỉnh sửa HTML (Edit HTML)

3- Chèn thư viện JQuery.

- Tất nhiên rồi một thủ thuật sử dụng hiệu ứng từ thư viện Jquery thì phải có file Jquery. thì phần quan trọng nhất là chèn file Jquery vào blog của bạn. Hãy đảm bảo chắc chắn rằng blog bạn đã có file Jquery. Nếu chưa có thì bạn chèn đoạn code bên dưới vào trước thẻ </head> .

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script>

- Nếu blog bạn có file Jquery rồi thì có thể bỏ qua bước này và tiến hành các bước tiếp theo nha.

4. Chèn đoạn mã CSS để định hình cho khung search dưới đây trước thẻ ]]></b:skin> .

#search-form-feed {
  width:200px;
  position:relative;
  margin:0 0 10px auto;
  padding:0 0;
  font:normal normal 11px Arial,Sans-Serif;
  color:#333;
}
#feed-q-input {
  display:block;
  width:100%;
  border:2px solid #bbb;
  background-color:white;
  padding:5px 5px;
  font:normal bold 13px Tahoma,Arial,Sans-Serif;
  color:#ccc;
  margin:0 0;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#feed-q-input:focus {
  border-color:#0D6786;
  color:#333;
  outline:none;
  -webkit-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
  -moz-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
  box-shadow:0 0 5px #153E95,0 0 7px #153E95;
}
#search-result-container {
  width:400px;
  height:300px;
  overflow:auto;
  position:absolute;
  top:100%;
  right:0;
  z-index:999;
  background-color:#E5EDF7;
  border:2px solid white;
  padding:10px 10px 0;
  margin:10px 0 0;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:none;
}
#search-result-container mark {
  background-color:yellow;
  color:black;
}
#search-result-container a {
  text-decoration:none;
  color:#0D3E71;
  font-weight:bold;
  font-size:12px;
  display:block;
}
#search-result-container a:hover {
  color:#052748;
}
#search-result-container h4 {
  margin:0 0 10px;
  font:normal bold 12px 'Trebuchet MS',Arial,Sans-Serif;
  color:#B50001;
}
#search-result-container ol {
  background:transparent;
  border:none;
  margin:0 0 10px;
  padding:0 0;
}
#search-result-container li {
  margin:0 0 1px;
  padding:7px 8px;
  list-style:none;
  border:1px solid #B7C1CE;
  background-color:white;
  overflow:hidden;
  word-wrap:break-word;
}
#search-result-container li img {
  display:block;
  float:left;
  margin:0 10px 4px 0;
  border:1px solid #B7C1CE;
  background-color:#F5F5F5;
  padding:2px 2px;
}
#search-result-loader {
  position:absolute;
  top:100%;
  left:5px;
  z-index:999;
  background-color:#0D6786;
  color:white;
  padding:3px 5px;
  margin:-2px 0 0;
  font:normal bold 10px Arial,Sans-Serif;
  -webkit-border-radius:0 0 3px 3px;
  -moz-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  display:none;
}

5- Bấm lưu mẫu lại và chuyển sang bước tiếp theo nha.

6- Vào Bố cục => Thêm tiện ích => HTML/javascripts và dán code bên dưới vào nha.

<div id="search-form-feed"><form onsubmit="return updateScript();"><input type="text" value="Nhập từ khóa cần tìm..." id="feed-q-input" onkeyup="resetField();" onfocus="this.value='';"/></form><div id="search-result-container"></div><div id="search-result-loader">Loading...</div></div><script type="text/javascript">
//<![CDATA[
var searchFormConfig = {
 url: "http://www.vietcons.info/", // URL Blog
 numPost: 9999, // Jumlah maksimal temuan
 summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting
 summaryLength: 400, // Jumlah karakter ringkasan posting
 resultTitle: "Hasil penelusuran untuk kata kunci", // Judul hasil pencarian
 noResult: "No result", // Deskripsi 'tak ditemukan'
 resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting
 thumbSize: 40, // Ukuran & resolusi thumbnail
 fallbackThumb: "http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png" // Fallback thumbnail untuk posting tak bergambar
};
//]]>
</script>
<script>
    //<![CDATA[
/**
 * File js : http://reader-download.googlecode.com/svn/trunk/blogger-quick-search.js
 * Blogger Quick Search Result JSON
 * Author: Taufik Nurrohman
 * URL: https://plus.google.com/103062579774076611071/posts
 * See: http://www.vietcons.info
 */

// Just a shortcut for document.getElementById();
function getId(id) {
 return document.getElementById(id);
}

var config = searchFormConfig,
 input = getId('feed-q-input'),
 resultContainer = getId('search-result-container'),
 resultLoader = getId('search-result-loader'),
 skeleton = '';

// The Most Basic :: JSON caller function to display the list of posts in the container
function showResult(json) {
 var entry = json.feed.entry ? json.feed.entry : "", url, summary, img;
 skeleton  = '<h4>' + config.resultTitle + ' &quot;' + input.value + '&quot;</h4>';
 skeleton += '<a title="Close" style="display:block;position:absolute;top:10px;right:12px;line-height:normal;text-decoration:none;color:inherit;font-size:150%;" href="#close" onclick="resultContainer.style.display=\'none\';return false;">&times;</a><ol>';
 if (entry === "") {
  skeleton += '<li>' + config.noResult + '</li>';
 }
 for (var i = 0; i < config.numPost; i++) {
  if (i == entry.length) break;
  var mark = new RegExp(input.value, "ig"), entries = entry[i], title = entries.title.$t.replace(mark, "<mark>"+input.value+"</mark>");
  for (var j = 0; j < entries.link.length; j++) {
   if (entries.link[j].rel == 'alternate') {
    url = entries.link[j].href;
    break;
   }
  }
  summary = ("summary" in entries && config.summaryPost === true) ? entries.summary.$t : "";
  if (config.resultThumbnail === true) {
   img = ("media$thumbnail" in entries) ? entries.media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "/s"+config.thumbSize+"-c") : config.fallbackThumb;
  }
  summary = summary.replace(/<br ?\/?>/ig, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "");
  if (summary.length > config.summaryLength) {
   summary = summary.substring(0, config.summaryLength) + '...';
  }
  summary = summary.replace(mark, "<mark>"+input.value+"</mark>");
  skeleton += '<li><img style="width:'+config.thumbSize+'px;height:'+config.thumbSize+'px;" src="'+img+'" alt="" /><a href="'+url+'" target="_blank">'+title+'</a>'+summary+'</li>';
 }
 skeleton += '</ol>';
 resultContainer.innerHTML = skeleton;
 resultLoader.style.display = "none";
 resultContainer.style.display = "block";
}

// Insert an empty <script> tag with ID of 'search-feed-script'
(function() {
 var s = document.createElement('script');
  s.type = "text/javascript";
  s.id = "search-feed-script";
 document.getElementsByTagName('head')[0].appendChild(s);
})();

// Used to manipulate the 'q' parameter value in the 'search-feed-script' based on keywords that written in the search input
function updateScript() {
 resultContainer.style.display = "none";
 resultLoader.style.display = "block";
 var script = getId('search-feed-script'),
  newScript = document.createElement('script'),
  val = input.value;
 newScript.id = "search-feed-script";
 newScript.type = "text/javascript";
 newScript.src = config.url+"/feeds/posts/summary?alt=json-in-script&q="+val+"&max-results="+config.numPost+"&callback=showResult";
 // Remove the empty script that we crated before...
 script.parentNode.removeChild(script);
 // Then, insert a new script with the callback of showResult() fuunction based on the 'q' parameter value of input.value
 // So, the result will be like this => http://blog_name.blogspot.com/feeds/posts/summary?alt=json-in-script&q=QUERIES&max-results=XXXX&callback=showResult
 document.getElementsByTagName('head')[0].appendChild(newScript);
 return false;
}

// Used to hide the search result container when the search input value is empty
function resetField() {
 if (input.value === "") {
  resultContainer.style.display = "none";
  resultLoader.style.display = "none";
 }
}
//]]>
</script>

Tùy chỉnh:

- noResult: "Không tìm thấy", thông báo này sẽ hiện ra khi từ khóa được độc giả tìm kiếm đánh sai chính tả hoặc không tồn tại trong blog của bạn. Bạn xó thể thay chữ màuđỏ thành chữ mà bạn muốn nha.

- numPost: 9999, Số lượng tối đa các kết quả tìm kiếm sẽ được trả về khi bạn tìm kiếm với một từ khóa. Bạn có thể thay đổi theo ý muốn của bạn. Tuy nhiên theo kinh nghiệm cá nhân của mình không nên để nó quá nhiều vì như vậy sẽ mất thêm thời gian để đọc và tải feed.

- url: "http://www.vietcons.info/", là URL blog bạn muốn lọc dữ liệu tìm kiếm.

summaryPost: true, đây là tùy chọn để hiển thị phần mô tả của bài viết trong kết quả tìm kiếm. Nếu bạn muốn ẩn phần mô tả có thể chỉnh sửa thuộc tính 'true' thành 'false' .

- summaryLength: 400, Số lượng ký tự mô tả của bài viết sẽ hiển thị trong phần kết quả tìm kiếm hãy chỉnh sửa lại cho phù hợp với blog của bạn và không nên để quá nhiều sẽ khiến cho khung tìm kiếm bị sấu đi. Phần summaryLength này chỉ có tác dụng khi bạn để summaryPost: true,.

- resultTitle: "Kết quả tìm kiếm của từ khóa", Là thông báo hiện trên các kết quả tìm kiếm. Bạn có thể thay đổi lại phần màu xanh nó cho phù hợp với blog của bạn hoặc có thể xóa đi nếu không muốn nó xuất hiện.

resultThumbnail: true, Hiển thị hình ảnh thumbail mô tả của bài viết, tất nhiên hình ảnh này được lấy ngẫu nhiên và từ album picasa do vậy với những hình ảnh copy từ các host khác nó sẽ không hiển thị. Bạn có thể tắt hình ảnh thumbnail đi bằng cách chỉnh sửa thuộc tính 'true' thành 'false' .

- thumbSize: 40, Dùng để xác định kích thước của hình ảnh th nhỏ thumbail trong kết quả tìm kiếm. Ở đây mình để 40px bạn hãy thay đổi lại theo ý muốn của bạn.

fallbackThumb: "....no-image-72x72.png" Hình ảnh đại diện cho những bài viết không đăng hình hoặc những hình ảnh copy từ các host khác. Bạn có thể thay đổi link ảnh màuxanh theo ý muốn của cá nhân bạn, Tuy nhiên không nên để link ảnh quá lớn sẽ làm ảnh hưởng đến tốc độ tải .

7- Cuối cùng là lưu lại.

Tạo sitemap đẹp

2014-03-07T15:53:00.001-08:00

Sitemap dạng input cho Blogger

16/01/2013 | 38 nhận xét

Sitemap được sử dụng cho blogger có khối lượng bài viết nhiều để giúp độc giả dễ tìm kiếm cũng như quan sát tổng thể các bài viết trên blog của bạn. Những sitemap hiện nay đều có nhược điểm là tải toàn bộ dữ liệu từ feed dẫn đến tốc độ chậm, ngoài ra với blog có trên 500 bài viết thì những bài viết cũ sẽ không được hiển thị. Sitemap mình viết dưới đây sẽ khắc phục những nhược điểm đó.

Sitemap được phân loại theo nhãn, hiển thị bài viết gọn gàng và có phân trang. Hoạt động ổn định dù blog bạn có trên 500 bài viết, và đặc biệt dữ liệu được tải về theo truy vấn của độc giả chứ không tải toàn bộ sẽ giúp không làm chậm tốc độ blog của bạn.

» Ves 1: Sitemap Hiển thị tất cả các nhãn! Không sắp xép label theo chữ cái A,B,C

Dạng này sẽ hiển thị tất cả các nhãn và không tuân theo quy luật bảng chữ cái!

View Demo

1- Đăng nhập vào Blog
2-Tạo một Trang mới hoặc bài đăng mới và dán code sau vào:

<style type='text/css'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='';cat_numb=10;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false">'+cat_nex+'</a>'}dw+='<span>'+cat_start+' &ndash; '+(cat_start+i-1)+' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>

Trong đó: cat_numb=10 là số lượng bài viết hiển thị trên 1 trang.

» Ves 2: Thêm chức năng sắp xếp tên nhãn theo thứ tự bảng chữ cái và loại bỏ những nhãn không muốn hiển thị.

View Demo

1- Đăng nhập vào Blog
2-Tạo một Trang mới hoặc bài đăng mới và dán code sau vào:

<style type='text/css'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:12px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='http://namkna.blogspot.com';cat_numb=10;cat_pre='Prev';cat_nex='Next';cat_remove=['Blogspot Sitemap','Blogspot-tips'];
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){for(var j=0;j<cat_remove.length;j++){if(cat[i].term==cat_remove[j]){cat.splice(i,1)}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>

Trong đó:

Thay http://namkna.blogspot.com/ thành URL blog của bạn.
['Blogspot Sitemap','Blogspot-tips'] là các tên các nhãn bạn không muốn cho nó hiển thị, nếu muốn ẩn bài viết thuộc nhãn nào bạn chỉ cần thêm tên nhãn trong dấu ngơặc đơn và cách nhau bởi đấu phẩy ví dụ: ['Blogspot Sitemap','Blogspot-tips','Blogspot comment','Blogspot post']
cat_numb=10; là số bài muốn hiển thị trên một trang.

3- Xuất bản trang và bài viết và xem thành quả nha!

Source: http://namkna.blogspot.com.au/2013/01/sitemap-style-input-for-bloggerblogspot.html

SITEMAP

2014-03-07T15:41:00.003-08:00

Bài hát yêu thích

2014-03-03T00:07:00.003-08:00

Ca Khúc Hay Nhất Của Vũ Khanh (2013)

2014-02-26T15:51:00.000-08:00

VIỆT MTV

2014-02-26T15:14:00.001-08:00

Có Thế Thôi - Đan Nguyên

2014-02-08T23:22:00.001-08:00

Tuyển Tập Ca Khúc Hay Nhất Của Đan Nguyên (2013)

2014-02-08T23:17:00.003-08:00

Cây Đàn Bỏ Quên (Live) - Quốc Khanh

2014-02-08T23:17:00.000-08:00

Đan Nguyên & Y Phụng

2014-02-08T23:12:00.002-08:00

Nguyen Tuan Kiet' english learning

2014-01-31T17:49:00.001-08:00

Danh bạ Web

2014-01-31T16:21:00.002-08:00