Hiển thị các bài đăng có nhãn Thủ thuật blog. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Thủ thuật blog. Hiển thị tất cả bài đăng

Thứ Tư, 20 tháng 8, 2014

Nhúng video Youtube vào Blogspot có kèm hình ảnh:

Nguồn: http://thegioiblogspot.blogspot.com

Khi bạn muốn nhúng một video trên youtube vào blog mình, thì mặc định cái code Youtube chia sẻ cho bạn sẽ không hiển thị hình ở phía ngoài video, mà chỉ có một màu đen và cái nút để play. Bài viết này sẽ hướng dẫn bạn cách chèn cái hình phía ngoài video đó.


Khi bạn được chia sẻ 1 video trên Youtube nó sẽ có dạng
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/gnnlYYJaUtE" width="420"></iframe>
Nhưng khi bạn nhúng vào Blog sẽ không hiện ra hình ảnh đại diện bên ngoài, khiến cho người khác không thể biết trước 1 chút thông tin về video, và cũng làm cho blog của bạn trở nên xấu xí, thô thiển. Vậy phải làm để có thể hiển thị thêm 1 cái hình bên ngoài. Rất dễ, bạn chỉ cần thêm vào đoạn code dưới vào phía sau cái code được youtube chia sẻ.
<img border="0" src="http://i2.ytimg.com/vi/gnnlYYJaUtE/0.jpg" height="0" width="0" />
Chỉ với 1 yêu cầu duy nhất đó là bạn phải lấy cái chữ gnnlYYJaUtE ở trên link được chia sẻ trên youtube, dán nó vào cái code img bên dưới. Và cuối cùng ta có 1 đoạn code hoàn chỉnh.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/gnnlYYJaUtE" width="420"></iframe><img border="0" src="http://i2.ytimg.com/vi/gnnlYYJaUtE/0.jpg" height="0" width="0" />
Copy nó bỏ vào Blog ngay nào !!!

Chủ Nhật, 17 tháng 8, 2014

Tạo mật khẩu (password) cho bài viết trên blogspot

(Nguồn: Click here)

Nếu trên blog của bạn có một bài viết nào đó mà bạn không muốn người dùng xem, bạn chỉ muốn phân quyền truy cập cho một đối tượng nào đó. Để có thể làm việc này thì bạn có thể thiết lập Password cho bài viết đó. Với mật khẩu được thiết lập trước đó thì người dùng muốn xem bài viết đó cần phải có password, vì vậy có thể giúp bạn phân quyền người xem rất hiệu quả. Chỉ có những người biết password đó mới có thể truy cập, xem bài viết đó được. Và mình xin chia sẻ thủ thuật này đến các bạn!!!!

Hình ảnh minh họa

Hình ảnh khi bạn nhập đúng password

1. Đầu tiên đăng nhập tài khoản Blogger
2. Vào thiết kế chọn chỉnh sửa HTML
3. Chèn code bên dưới vào sau thẻ <head>
<script language='JavaScript'>
var password;
var pass1="hienthieugia";
password=prompt('Please enter your password to view this page!','');
if (password==pass1)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://hienthieugia.blogspot.com/";
}
</script>


Bạn hãy thay dòng màu đỏ đậm thành password mà bạn muốn đặt cho trang của bạn và dòng màu xanh đậm là địa chỉ được trả về khi bạn đánh sai password hay nhấn cancel. Bạn hãy thay nó thành địa chỉ trên blog của bạn.

4. Save template lại là xong.

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

Ở trên thủ thuật sẽ có tác dụng cho toàn bộ các trang trên blog của bạn, tức là khi vào trang chủ hay các trang bài viết bạn cũng phải nhập password mới có thể xem được. Bây giờ chúng ta sẽ cho phép thủ thuật này có tác dụng ở các trang nhất định. Bạn chỉ việc thay code ở bước 3 thành các code bên dưới.

A. Đặt password cho bài viết nhất định <và nó sẽ không rời khỏi bài viết cho đến khi bạn nhập đúng pass>
<b:if cond='data:blog.url == "http://hienthieugia.blogspot.com/2012/07/tao-mat-khau-password-cho-bai-viet-tren.html"'>
<script language='JavaScript'>
var password;
var pass1="hienthieugia";
password=prompt('Please enter your password to view this page!','');
if (password==pass1)
alert(';Password Correct! Click OK to enter!');
else
{
window.location="http://hienthieugia.blogspot.com/2012/07/tao-mat-khau-password-cho-bai-viet-tren.html";
}
</script>
</b:if>

Bạn thay dòng màu đỏ thành link bài viết của bạn.
B. Đặt password cho các bài viết trên blog
<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
var password;
var pass1="hienthieugia";
password=prompt('Please enter your password to view this page!','');
if (password==pass1)
alert('Password Correct! Click OK to enter!');
else
{
window.location=" http://hienthieugia.blogspot.com/2012/07/tao-mat-khau-password-cho-bai-viet-tren.html ";
}
</script>
</b:if>


Ngoài ra, bạn cũng có thể thiết lập nhiều password cho trang đó, chỉ cần nhập đúng 1 trong các password được thiết lập sẵn trước đó bạn sẽ vào được trang đó. Và code có dạng như bên dưới.

<script language='JavaScript'>
var password;
var pass1="pass1";
var pass2="pass2";

password=prompt('Please enter your password to view this page!','');
if (password==pass1 || password==pass2)
alert('Password Correct! Click OK to enter!');
else
{
window.location="http://hienthieugia.blogspot.com/";
}
</script>

Bạn thay các dòng màu đỏ thành các password mà bạn muốn đặt cho trang nhất định.

Hiện tại ở một blog của mình có dùng code pass như sau:



<b:if cond='data:blog.url == &quot;http://9d-class.blogspot.com/search/label/HSG%20V%E1%BA%ADt%20L%C3%BD&quot;'>
<script language='JavaScript'>
var password;
var pass1=&quot;***********&quot;;

password=prompt(&#39;Mời bạn nhập pass để xem mục (Phân biệt cả chữ hoa và chữ thường)! (Mật khẩu giống như bên diễn đàn Giáo Viên Trung Học) *Lưu ý: Khung nhập pass có 1 khoảng trắng ở đầu bạn hãy lưu ý đến nó!!!&#39;,&#39; &#39;);

if (password==pass1)
alert(&#39;Pass đúng ! Mời bạn click OK để vào xem các bài tập ở đây !&#39;);
else
{
alert(&#39;Pass sai ! Chúng tôi sẽ đưa bạn về trang chủ&#39;);
window.location=&quot;http://9d-class.blogspot.com&quot;;
}
</script>
</b:if>
*Lưu ý: Các từ được bôi đỏ đều có thể thay đổi!

Thứ Bảy, 16 tháng 8, 2014

Tạo hộp tìm kiếm cho blogspot

 ( Ngày đăng 16/08/2014 nguồn: http://namkna.blogspot.com/) 
Để tạo điều kiện cho người truy cập có thể dễ dàng tìm kiếm thông tin, rất cần có "Hộp tìm kiếm" (Box search) trong mọi trang web, blog. Tiện ích tìm kiếm nội bộ blog của Blogspot đã có sẵn, và một số template cũng có sẵn tiện ích này. Nhưng, kết quả tìm kiếm rất hạn chế, không chính xác và nhiều khi không hoạt động.


     Hôm nay, Caocongkien 360, giới thiệu với các bạn hộp tìm kiếm đa năng. Ưu điểm nổi bật là có thể tìm kiếm chính xác các từ khóa liên quan trong blog, đồng thời tích hợp thêm nút chia sẻ lên các mạng xã hội. Nếu muốn chuyển sang tìm kiếm trên Google, chỉ cần đánh dấu kiểm vào "Google.com.vn". Các bạn có thể thấy và thử nghiệm ngay trên đầu cột sidebar của trang này.

Cách tạo hộp tìm kiếm đa năng tích hợp nút chia sẻ:

 - Đăng nhập vào blog.
 - Vào "Bố cục", bấm tiếp "Thêm tiện ích" [1] (nên chọn vị trí "Thêm tiện ích" ở bên tay phải và trên cùng của cột sidebar).




 - Trong bảng tiện ích hiện ra, chọn HTML/Javascript [2] (ảnh dưới).





-Tại giao diện "Định cấu hình HTML/JavaScript" (ảnh trên) - nhập tiêu đề và dán toàn bộ code trong khung dưới vào phần "nội dung". 
<form method=get action="http://www.google.com/search" class="googlesearch">
<input type="hidden" name="ie" value="UTF-8" />
<input type="hidden" name="oe" value="UTF-8" />
<table align="center"><tr><td>
</td>
<td class="bodyText">
<input type="hidden" name="domains" value="caocongkien.blogspot.com" />
<input type="radio" name="sitesearch" value="" />Google.com.vn
<input type="radio" name="sitesearch" value="caocongkien.blogspot.com" checked />Caocongkien 360<br />
<input type="text" name="q" size="28" maxlength="255" onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;
' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value="Nhập từ khóa..." />
<input class="button" type="submit" name="btng" value="Tìm kiếm" /></td></tr></table></form>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-527a92ec749b0e6e"></script>
</div>

 Lưu ý:  
 - Sau khi dán code, các bạn tìm ở phần cuối đoạn mã vừa dán và xóa dòng nhắc nhở này: "Bài gốc: http:// ......................... Bài viết đã được đăng ký bản quyền. Bạn vui lòng ghi rõ nguồn để thể hiện nhân cách của bạn! Xin cảm ơn!"

- Thay caocongkien.blogspot.com thành link blog (không cần http://) của các bạn và thay Caocongkien 360 thành tên blog của các bạn.
- Bấm "Lưu" [3] và định vị lại tiện ích vừa tạo nếu cần thiết. 
- Bước cuối cùng bấm "Lưu sắp xếp" để hoàn tất và trở lại trang chủ xem kết quả.
P/S: Phần code nằm trong nền màu xanh là code để hiển thị các nút chia sẻ lên các mạng xã hội. Bạn nào không muốn sử dụng các nút này thì xóa bỏ đoạn code nằm trong nền màu xanh là được. 
Chúc các bạn thành công! 
Nguyễn Văn Cường (Caocongkien) 


Bài gốc: http://caocongkien.blogspot.com/2013/10/tao-hop-tim-kiem-nang-cho-blog.html#ixzz3AXipLKJr
Bài viết đã được đăng ký bản quyền. Bạn vui lòng ghi rõ nguồn để thể hiện nhân cách của bạn! Xin cảm ơn! 

Hướng dẫn thêm thông kê lượt truy cập trên Blogspot

(Ngày đăng : 16/08/2014 - Nguồn : thegioiblogspot)
Có phải đây là điều mà bạn muốn đạt được:
Hình 1: Thành quả bạn sẽ nhận được
Hình 1: Thành quả bạn sẽ nhận được
Để làm được điều này, bạn hãy làm theo từng bước hướng dẫn sau của mình.
Bước 1: Đăng nhập vào Blogspot và chọn trang Blog (trường hợp 1 tài khoản Gmail mà bạn tạo nhiều trang Blog) mà bạn cần thống kê lượt truy cập.
Bước 2: Bạn vào phần Bố cục >> Thêm tiện ích
Hình 2: Giao diện trang Bố cục
Hình 2: Giao diện trang Bố cục
Lúc bạn tạo trang Blog của mình thì có một bước là bạn chọn giao diện cho trang Blog. Và mỗi giao diện Blog khác nhau thì trang Bố cục này sẽ khác nhau. Nhưng về cơ bạn thì bạn cũng chỉ cần tìm đến chỗ có chữ Thêm tiện ích ở trong phần Bố cục mà thôi.
Phần Bố cục này thật ra chính là cách sắp xếp của giao diện mà bạn đã chọn. Và đây là giao diện mình đã chọn, bạn có thể so sánh để thấy sự tương đồng giữa chúng.
Hình 3: Giao diện trang Blog
Hình 3: Giao diện trang Blog
Bạn có thấy vị trí phần bài viết, rồi tiêu đề, Lưu trữ Blog, Giới thiệu bản thân ở 2 hình trên là hoàn toàn tương đồng nhau?
Và như bạn thấy trong hình thì ở trang Bố cục này có rất nhiều chữ Thêm Tiện ích, bạn không cần quá lo lắng, bạn chọn Thêm Tiện ích nào cũng được. Điều khác biệt duy nhất giữa chúng chính là vị trí xuất hiện của tiện ích (ở đây là mình sẽ thêm tiện ích thông kê lượt truy cập).
Bước 3: Bạn sẽ được Blogspot cung cấp cho khá nhiều tiện ích, và bạn chỉ cần kéo xuống cho tới khi gặp tiện ích Thống kê blog. Sau đó bạn click vào dấu + để thêm tiện ích này.
Hình 4: Giao diện chọn Tiện ích
Hình 4: Giao diện chọn Tiện ích
Bước 4: Bạn chọn kiểu hiển thị thống kê, bước này chỉ mang tính thẩm mỹ cho Blog bạn thôi, bạn chọn cái nào cũng được.
Hình 5: Giao diện chọn kiểu hiện thị thống kê
Hình 5: Giao diện chọn kiểu hiện thị thống kê
Tiêu đề là phần chữ hiện ra phía trên, như trong hình 1 thì tiêu đề là: Tổng số lượt truy cập.
Khoảng thời gian, giúp bạn chọn cho Blog sẽ đếm lượt truy cập trong mấy ngày gần đây. Ở đây có thể đếm Toàn thời gian, 30 ngày qua, 7 ngày qua.
Bước 5: Bạn lưu lại và Refresh lại trang Blog để kiểm tra thành quả của mình.

TGB chúc bạn thành công !

Chèn trạng thái online/offline yahoo vào website, blog

(Ngày đăng: 16/08/2014 - Nguồn: Click here)
/Bạn có muốn chèn trạng thái yahoo của mình lên website / blog thật là đẹp
Mọi người có thể thấy bạn online/offline khi nào mà chat chit, hoặc chèn vào trang mua sắm để có thể hỗ trợ trực tuyến ai đó ...
( Chỉ online và offline thôi nên tha hồ mà ẩn nick nhé )

Hướng dẫn:
1.Bạn chọn hình nào đẹp nhất trong danh sách hình bên dưới,
2. Thay NICK_CUA_BAN thành tên nick yahoo của bạn, sau đó chèn đoạn code HTML này vào website/blog của bạn.
Ví dụ nick yahoo mình là uhm_vn, mình chọn hình số 14. Vậy code HTML để mình chèn vào website/blog là: 

Chúc bạn thành công!
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.