post love likes: tháng 8 2013

Thứ Hai, 26 tháng 8, 2013

Tự động tạo trích dẫn bài viết cho Blogger (Không JS)

Giới hạn số lượng bài viết khi xem theo Labels (Blogger)

Trong bài viết này mình sẽ hướng dẫn chỉnh sửa 1 chút để các bạn có thể dễ dàng giới hạn số lượng bài viết hiển thị trên một trang khi xem bài viết theo Labels (Nhãn) trong Blogspot.
1. Vào Trang tổng quan Blogger
2. Bấm vào Mẫu » chọn Chỉnh sửa HTML
3. Bấm Ctrl+F để tìm:

expr:href='data:label.url'

Thay đổi tất cả đoạn mã tìm được ở trên thành:

expr:href='data:label.url + "?&max-results=10"'

Với 10 là số lượng bài viết hiển thị tối đa trên 1 trang. Bạn có thể thay đổi thành giá trị khác nếu muốn.
4. Bấm Lưu mẫu để hoàn thành!

Chủ Nhật, 25 tháng 8, 2013

Đặt code trong khung trên bài viết của Blogger


 pre, code {
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPm_Jk_vYBqFKW84odx3u5YbY0D6h1EGkoPJlRl3EnWAAx0bePaO4fZyDkktG_7MwjwjbhYvpukJEKyOtsS2rEaOq5tLsDFQLbpjVx3t3p_G2jQYzomxOJ_COa2ROwGG2zYW1wSNHKGjs/s1600/prepb3-namkna-blogspot-com-1.jpg) no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66; 
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
} pre, code {
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPm_Jk_vYBqFKW84odx3u5YbY0D6h1EGkoPJlRl3EnWAAx0bePaO4fZyDkktG_7MwjwjbhYvpukJEKyOtsS2rEaOq5tLsDFQLbpjVx3t3p_G2jQYzomxOJ_COa2ROwGG2zYW1wSNHKGjs/s1600/prepb3-namkna-blogspot-com-1.jpg) no-repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66; 
  padding : 0px 20px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}

http://namkna.blogspot.com/2011/07/at-code-trong-khung-tren-bai-viet-cua.html#.UhrHoNI5mhA
http://namkna.blogspot.com/2011/08/tong-hop-khung-chua-code-dep-cho.html#.UhrJvNI5mhA

tạo khung chuyển đổi code
http://namkna.blogspot.com/2012/11/covert-code-endcode-for-blogger.html#.UoIwpHB3Y7M
vip
http://namkna.blogspot.com/2011/12/tao-khung-converter-code-cho-blogger.html#.UoI0cHB3Y7M

<pre class="pre-formatting" style="height: 100px;">Code</pre>

Cách xóa bỏ dòng Powered by Blogger trên blogspot

Attribution widget là một widget mặc định của Blogger khi bạn thiết lập bất kỳ một blog mới nào trên nền tảng Blogger. Widget này hiển thị một dòng chữ nhỏ Powered by Blogger (được cung cấp bởi Blogger). Bạn có thể xóa bỏ dòng chữ này một cách đơn giản bằng cách dưới đây.

Đăng nhập vào http://www.blogger.com và đăng nhập Blogger

Bấm vào " Mẫu " ==> "Chỉnh sửa HTML"

Sau đó bấm vào nút " Chuyển đến tiện ích " danh sách thả xuống và chọn “Attribution 1"

Tiếp đó bạn sẽ nhìn thấy

“<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>

bạn cần thay đổi "True" thành " “false“

Lưu Template lại và vào Bố cục

Tìm "Attribution" để xóa bỏ

Cách khác để xóa là bạn chỉ cần thêm một đoạn mã CSS đơn giản này vào ngay dưới <b:skin><![CDATA[ là được

#Attribution1 {display:none!important}<

http://www.thuthuatpro.info/2013/07/cach-xoa-bo-dong-powered-by-blogger.html

Auto Scroll Stop Scroll

DEMO

Hiện widget trong blogspot theo ý mình

Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó.

Thủ thuật blogspot này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.

Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.

Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.

<b:widget id='HTML10' locked='false' title='BLOGGER TIPS' 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>
Thêm: <b:if cond='data:blog.url != data:blog.homepageUrl'> - Hiện tất cả trừ trang chủ

Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
<b:if cond='data:blog.url == "URL của trang riêng biệt"'>

Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
<b:if cond='data:blog.pageType == "archive"'>

Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.pageType ! == "archive"'>
Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

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

Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>

Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
<b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>

Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Đây là điều cần hiển thị ở trang chủ
<b:else/>
Đây là điều không hiển thị ở trang chủ
</b:if>

Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:

<b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan"'>

Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).

Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results=
Những thủ thuật nhỏ này rất có ích trong việc xây dựng trang chủ cho blog của bạn.

tạo menu ngoài blog theo nhãn

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://yourname.blogspot.com/feeds/posts/summary/-/Label name?max-results=postnumber&alt=json-in-script&callback=recentpostslist"></script>


4. Thay thế yourname bằng tên địa chỉ Blogger của bạn.
Thay Label name bằng tên nhãn cần hiển thị những bài viết mới nhất.
Thay Postnumber bằng số bài viết cần hiển thị, ví dụ: 5, 7, 10, … Nếu muốn hiển thị tất cả bài viết thì để là 500 (số tối đa cho widget này).

Chú ý: Tiêu đề các bài viết được liệt kê có dấu chấm đầu dòng (dùng thẻ <ul>). Nếu bạn muốn được liệt kê theo số thứ tự thì thay đoạn document.write('</ul>'); bằng document.write('</ol>');

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 .

	Share on Facebook
	Share on Twitter
	Share on StumbleUpon
	Share on Delicious

post love likes