How To Add Twittley Retweet Counter Buttons to Blogger

Share this link:

admin 5:04 AM Blogger Hack , Social Bookmark

Twitter has become the most important tools for webmasters as its among the top social bookmarking websites. Its a headache for them to Search the appropiate retweet button and script for there Blogs and websites. So here is a little thing you can do by using one of those impressive Twitter Retweet Counters so that your readers can share your blog posts with ease.

Instructions To Follow:

STEP #1

Log in to Blogger, go to Layout -> Edit HTML

and mark the tick box "Expand Widget Templates"


STEP #2

Now find (CTRL+F) this code in the template:

<div class='post-header-line-1'/>

3.Now Copy your "Twittley Retweet" bookmarking buttons code and paste it just below the above code.


NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "Twittley Retweet" bookmarking buttons code just before <data:post.body/> .

Code 1:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "0";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 2:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "1";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 3:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "2";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 4:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "3";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 5:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "4";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 6:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "5";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:


Code 7:

<div style='float:right; margin-right:10px;'>
<script>var twittleystyle = "6";</script><script src='http://twittley.com/button/button.js'/>
</div>

Result:

Read More

Em không thể - Tác giả: Ban Mai

Em không thể là bạt ngàn sóng biếc
Để ngân lên tha thiết khúc nhạc tình
Không thể là phiến đá phủ lặng thinh
Để ngóng trông hình ai xa vạn dặm

Em không thể là mây trời thăm thẳm
Bay ngút ngàn phiêu lãng kiếm mộng mơ
Một chút say một chút thoáng đợi chờ
Rồi tan biến giữa bao la vô định

Em không phải là bài ca bất tận
Để ru tình cho mãi đến ngàn năm
Cũng không phải là mũi gai vết dằm
Găm chân anh để mong anh ở lại

Em chỉ là em trên dòng đời mê mải
trộn nồng cay, ngọt đắng với mặn mòi
Giữa đất trời em hạt cát nhỏ nhoi
Nhưng biết yêu anh đến tận cùng hơi thở

(Ban Mai)

Read More

"Touch Me" Sharing Widget cho Blogs

Các giao tiếp chia sẽ giữa Blogger với các ứng dụng bây giờ không còn là một chuyện khó khăn nữa. Việc tạo cho mình một kiểu dáng bằng cách thiết kế và viết Blogspot để quãng bá, giao tiếp đã trở thành một việc làm phổ biến, ngay cả đến những bạn chưa biết gì cũg vẫn có thể theo đó để tự tạo dựng. Blogger ngày nay là phổ dụng trên các cộng động mạng như một tên gọi quen thuộc, kiểu cách trình bày thiết kế là nhiều vô số kể. Blogger như một Modul lắp ghép, cứ chịu khó học hỏi, biết gì, tới đâu thì làm tới đó. Phat hiện ra điều chi mới lạ, đẹp hơn, bạn có thể gỡ bỏ những gì mình đã làm, thay vào đó là những kiểu dáng phù hợp hơn. Tuy nhiên, Blogger vẫn là Blogger, vẫn có một bản sắc của nó, nội dung bên trong để cho bạn thể hiện vẫn là bạn, chỉ có kiểu dáng bên ngoài mà ta quen gọi là Modem hay Style là phải theo thời, theo thuở.

Nhìn hình dáng dưới đây, giao diện chia sẽ với các ứng dụng, bạn có một cảm chừng như rất linh hoạt, Blog của bạn tỏ ra như có một vẽ ứng xử mau lẹ, dễ thương hơn. Chuyện đó tùy các bạn, chỉ có việc thử xem, chép về, chia sẽ...

Cách thiết kế dã nói là một Modul, nên các bước trình tự không mấy gì khó.

  Thực hiện như sau: tất nhiên là ban phải có Account trên Google, không có phải tạo.

1. Vào thiết kế Blogger > Layout

2. Chọn add a gadget

3. Chọn tiếp HTML/JavaScript

4. Copy Source Code sau đây, Paste dán vào trong khung Text Box:

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;   
-moz-transition: ease-in 0.2s all;   
-o-transition: ease-in 0.2s all;   
-ms-transition: ease-in 0.2s all;   
transition: ease-in 0.2s all;
cursor:pointer;
}

.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}

.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}

.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

</div>

Chú thích:

• Thay thế YOUR RSS LINK bởi Feed burner link của bạn.
• Thay thế YOUR GOOGLE PROFILE LINK bởi Google+ URL của bạn.
• Thay thế YOUR FACEBOOK LINK bởi Facebook URL của bạn.
• Thay thế YOUR TWITTER LINK bởi Twitter Profile URL của bạn

         5. Click nút Save, lưu lại hộp HTML/JavaScrip. Thế la xong!
Chúc các bạn thành công.

Tham khảo Nguồn My Blogger Tricks

Read More

Xem hướng dẫn cài đặt và khôi phục dữ liệu đơn giản và hiệu quả nhất



Xuất bản 14-03-2014

Download phần mềm khôi phục dữ liệu tại đây : http://bit.ly/1fXJEwv

Xem chi tiết tại : http://xn--piu-gma.vn/huong-dan-khoi-...

https://www.youtube.com/watch?v=2U4gwg6AONk

Đã bao giờ bạn bị mất dữ liệu hay chưa ? Chắc chắn trong quá trình sử dụng máy tính không ít lần chúng ta bị mất dữ liệu vì nhiều lý do khác nhau như bị format nhầm , xóa nhầm , ổ cứng bị lỗi , ghost nhầm vv…. . Vậy khi bị mất dữ liệu thì chúng ta cần phải làm gì . Đây là câu hỏi đầu tiên khi chúng ta bị mất dữ liệu . Và xin được trả lời bạn là chúng ta tuyệt đối không tác động lên phân vùng ổ cứng chứa dữ liệu mà chúng ta bị mất . Giống như muốn phá án thì phải giữ nguyên hiện trường gây án vậy đó .Việc chúng ta tác động vào ổ cứng sẽ làm ghi đè lên phần dữ liệu mà chúng ta bị mất .

Tiếp theo là chúng ta phải download phần mềm khôi phục dữ liệu :  Stellar Phoenix Windows Data Recovery  .

Stellar Phoenix Windows Data Recovery 6.0 Professional là phần mềm phục hồi dữ liệu xuất sắc thực hiện được quá trình phục hồi dữ liệu bị mất do vô tình xoá hoặc không thể truy cập vào dữ liệu trên các ổ đĩa hoặc các thiết bị lưu trữ dữ liệu di động.
Các tính năng chính có trong Stellar Phoenix Windows Data 6.0 Professional :

– Phục hồi các loại dữ liệu quan trọng từ ổ đĩa cứng.

– Tính năng Raw Recovery dùng để khôi phục các tập tin Media bị lỗi.

– Khôi phục những email đã bị xoá trong Microsoft Outlook và Outlook Express.

– Khôi phục tập tin từ Optical Media bị hư hại hoặc bị hỏng.

– Hỗ trợ phục hồi dữ liệu cho nhiều loại định dạng tập tin gồm tài liệu, hình ảnh và các tập tin và đa phương tiện khác.

Các tính năng chính dùng để phục hồi dữ liệu:

– Drive Recovery

– Lost Partition Recovery

– Raw Recovery

– Recovery Photo and Multimedia Content

– Optical Media Recovery

– Recover Lost or Deleted Email

– Pre – Recovery Preview of File

– Compress File before recovery

* Advanced Tool:

– SMART

– System Startup Disc

– Image Your Hard Disk

– Hard Drive Cloning

Link download Stellar Phoenix Windows Data Recovery 6.0  full crack

MediaFire  : Tại đây

Google Driver :  Tại đây 

Sau đó cài phần mềm như bình thường và tiến hành khôi phục dữ liệu .Khôi phục được 99% đến 100 % dữ liệu nếu được xử lý đúng cách . Hoàn nguyên lại file , thư mục như ban đầu .

Chúc các bạn thành công

Nếu thấy bài viết hữu ích hãy like và share nó với bạn bè: 

Liên lạc :Click

Copyright © phamthanh

Nguồn:[xn--piu-gma.vn]

Read More

Thủ thuật Blogspot - Chèn mã quảng cáo vào giữa bài viết

Các bạn đã tạo và đăng bài viết lên Blogspot, chắc sẽ nghĩ tới việcchèn mã quảng cáo để tăng thêm tiền thu nhập từ mạng internet. Và ngoài các cách chèn mã code quảng cáo ở những vị trí đơn giản như header, sidebar..., bạn sẽ muốn chèn code vào giữa nội dung bài viết

Bài viết dưới sẽ hướng dẫn bạn cách chèn mã quảng cáo vào giữa bài viết cho blogspot.

1. Lấy mã Code quảng cáo kiếm tiền ở đâu để chèn

Cái này rất đơn giản, bạn có thể tham khảo những cách kiếm tiền từ blog trong chuyên mục KIẾM TIỀN TỪ BLOG trên trang Kiếm tiền - Online (http://kiemtien-online.info)

2. Cách chèn mã quảng cáo vào giữa bài viết

Bây giờ chúng ta sẽ cùng nhau thực hiện xem sao nhé! 

Đầu tiên, các bạn hãy đăng nhập vào tài khoản blogger của bạn. Sau đó các bạn di chuyển đến menu Mẫu và chọn Chỉnh sửa HTML.

Tiếp đến, các bạn hãy tìm đến thẻ <data:post.body/>, các bạn biết vì sao ta lại tìm đến thẻ này không? Bởi vì thẻ này chính là thẻ dùng để hiển thị nội dung các bài viết của bạn đấy.

Nếu như không tìm thấy bằng cách thủ công, các bạn có thể nhấn CTRL + F rồi dán thẻ đó vào và nhấn ENTER để được chuyển đến thẻ đó nhé!

Sau đó các bạn hãy thay thẻ trên bằng đoạn code dưới đây nhé! Các bạn lưu ý khi thấy thì phải thay đoạn mã quảng cáo của bạn vào dòng chữ Chèn quảng cáo vào đây nhá.

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:5px ;">
Chèn code quảng cáo ở đây
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- ads --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Bạn lưu mẫu là đã thành công. Chúc bạn kiếm được nhiều tiền với bài hướng dẫn trên

Nguồn Kiếm tiền Online.Info

Read More

Thông số tính năng và giới hạn của Blogspot

Có thể chưa cần thiết nhưng theo mình sau khi đã hiểu rõ Blogspot - Blogger là gì, thay vì bắt tay ngay vào tạo 1 hay nhiều blog bạn hãy bỏ vài phút đọc về các thông số tính năng và giới hạn của Blogspot để tránh trường hợp "ông chủ" Google phạt vì phi phạm những giới hạn về Blogspot.

Bởi vô tình bạn không nắm được các giới hạn mà Blogspot cung cấp nên vô tình tài khoản Blogger cũng như các blog của bạn bị Google phạt và kinh khủng nhất là bạn bị Google xóa tài khoản.

Để tránh các lỗi đó sau đây [Tạo và Seo Blog] xin chia sẻ bài viết về Các thông số tính năng và giới hạn của Blogspot cho mọi người cùng biết!

10 tính năng nổi bật của Blogspot: 

1. Blogger cung cấp tính năng biên tập mẫu giao diện cho phép người dùng tuỳ biến giao diện theo sở thích cá nhân.
2. Blogger cung cấp hỗ trợ nhiều tác giả, cho phép thiết lập những blog cho nhóm người sử dụng và mỗi thành viên của blog đều có thể đăng tải và chỉnh sửa nội dung. 
3. Blogger cung cấp tính năng riêng tư cho phép thiết lập chỉ người sở hữu hoặc người được mời mới có quyền truy cập vào blog. 
4. Blogger có thể lựa chọn tích hợp với Google+ 
5. Google+ comment có thể tích hợp vào bình luận của Blogger. 
6. Blogger hỗ trợ dịch vụ AdSense của Google như là cách tạo ra thu nhập từ việc viết blog. 
7. Blogger cũng bắt đầu tích hợp với Amazon vào tháng 12 năm 2009 như là dịch vụ tăng thêm thu nhập. Điều này không được công bố công khai, nhưng vào tháng 9 năm 2011, dường như tất cả tuỳ chọn tích hợp đã được gỡ bỏ và mối quan hệ kết thúc. 
8. Windows Live Writer, một ứng dụng riêng trong bộ Windows Live, cho phép xuất bản trực tiếp vào Blogger. 
9. Google Toolbar có tính năng gọi là “BlogThis!” cho phép người dùng đăng tải link trực tiếp vào blog của họ. 
10. “Blogger for Word” là một add-in cho Microsoft Word cho phép người dùng Microsoft Word truy cập trực tiếp vào blog và chỉnh sửa bài viết ở dạng online và offline. Vào tháng 1 năm 2007, Google nói “Blogger for Word” không còn tương thích với phiên bản mới của Blogger, và họ chưa có quyết định có hỗ trợ nó cho phiên bản mới của Blogger hay không. Tuy nhiên, Microsoft Office 2007 cho biết có hỗ trợ nhiều hệ thống blog khác nhau, bao gồm Blogger. 

9 giới hạn dành cho mỗi tài khoản Blogspot 

1. Favicon : giới hạn 100KB 
2. Blog description : 500 ký tự, thẻ HTML không được sử dụng.
3. Số nhãn (label) : 5000 label trên mỗi blog (trước kia là 2000), 20 label trên mỗi bài viết 
4. Số hình ảnh : liên kết từ tài khoản Google+ là 15GB dung lượng lưu trữ miễn phí (chia sẻ với các dịch vụ Google Drive, Google+ và Gmail). Tuy nhiên, nếu bạn đăng ký tài khoản Google+, những hình ảnh có kích thước bé hơn 2048 x 2048 pixels sẽ không tính vào dung lượng cho phép lưu trữ. Đối với người dùng không đăng ký Google+, những hình ảnh bé hơn 800 x 800 pixels sẽ không tính vào dung lượng lưu trữ. 
5. Dung lượng của mỗi trang : 1MB giới hạn cho mỗi trang (trang chủ hoặc trang lưu trữ – archive page) 
6. Dung lượng hình ảnh : nếu đăng bài qua thiết bị di động thì bị giới hạn 300KB trên mỗi hình ảnh. 
7. Dung lượng và định dạng Video : Blogger chỉ chấp nhận những video có định dạng “AVI, MPEG, QuickTime, Real và Windows Media files“; đồng thời mỗi tập tin video phải có kích thước bé hơn 100MBSố bài viết (posts) : Không có giới hạn số bài viết trên mỗi blog. 
8. Số tác giả : mỗi blog giới hạn 100 đồng tác giả (những người có thể viết bài trên blog). 
9. Số blog được phép tạo : 100 blog trên mỗi tài khoản 

Trên đây là các tính năng , giới hạn của Blogspot mà [Tạo và Seo Blog] đã tìm hiểu và trải nghiệm và chia sẻ lại với mọi người . 

Nếu trong bài còn thiếu xót gì rất mong sự góp ý từ các bạn đọc để mình và các bạn ngày càng hoàn thiện hơn về sự hiểu biết blogspot.

Nguồn kiếm tiền Online. Info

Read More

Cách chặn Blogger chuyển hướng URL đến quốc gia cụ thể

Có thể bạn sẽ rất ngạc nhiên khi bạn đăng ký tên miền miễn phí http://tinhotshowbiz.blogspot.com nhưng đôi khi bạn lại thấy chúng hiển thị với đuôi blogspot.cn, .in, .au...Đây là do Google cho hiển thị tên miền theo khu vực. Bài viết sau sẽ hướng dẫn bạn chỉ cho phép hiển thị Blog với tên miền duy nhất Blogspot.com

Xem thêm:  Hướng dẫn cách tạo Blog bằng Blgospot cho Blogger

Chuyển hướng URL đến quốc gia cụ thể ảnh hưởng sao tới Blog

Trước tiên, xem một số lợi ích mà việc ngăn chặn chuyển hướng đem lại thì bạn sẽ hiểu được chúng ảnh hưởng như thế nào:

• Bạn khắc phục được một số vấn đề blog chèn phần bình luận Facebook Disqus, vì bình luận hiển thị phụ thuộc vào URL bài viết.
• Việc hiển thị Facebook Likes, Google +1 và Tweet blog chính xác khi URL ko bị thay đổi với quốc gia.
• Ngoài ra,ngăn chặn chuyển hướng URL với quốc gia có thể giúp cải thiện SEO, Alexa Rank.

Xem thêm: Thông số tính năng và giới hạn của Blogspot

Cách ngăn chặn Blogger chuyển hướng URL đến quốc gia cụ thể

Để tên miền blog phụ thuộc vị trí địa lý ,chỉ hiển thị địa chỉ blogspot.com dù truy cập từ bất kỳ quốc gia nào bạn hãy làm theo hướng dẫn sau.

Xem thêm: Giới thiệu cơ bản nhất về Blogspot - Blogger

Đăng nhập Blogger > Vào Mẫu > Edit HTML

Tìm tới code: <Head> rồi thêm đoạn code sau vào dưới <head>: rồi Lưu Mẫu lại.

<script type="text/javascript">
  var blog = document.location.hostname.split(".");
  if (blog[blog.length - 1] != "com") {
  var ncr = "http://" + blog[0] + ".blogspot.com/ncr";
  window.location.replace(ncr + document.location.pathname);
  }
</script>

Lưu lại mẫu là xong. Chúc bạn thành công!
Sưu tập từ tinhotshowbiz

Read More

Chèn Bài viết liên quan vào giữa bài viết

Cũng giống như cách chèn mã quảng cáo vào giữa bài viết, cách chèn bài viết liên (Related posts) quan vào giữa bài viết cũng rất đơn giản và rất dễ thực hiện.

Nội dung bài viết được quy định bởi <data:post.body/>. Chúng ta chỉ cần thay đoạn code quảng cáo bằng đoạn code bài viết liên quan là được thôi mà.

Chúng ta cùng nhau thực hiện xem sao nhé!

Bước 1: Bước này thì không có gì để nói nữa rồi, các bạn đăng nhập vào blogger.com và chuyển tới menu Mẫu và chọn Chỉnh sửa HTML nhé!

Bước 2: Ở bước này, chúng ta sẽ thay đổi code quảng cáo bằng code của bài viết liên quan. Dưới đây là đoạn code chèn quảng cáo vào giữa bài viết.

Read More

Auto Readmore with Thumbnail chuẩn 2014

Sau khi đã chia sẻ với các bạn hai thứ đó là Auto Readmore không thumbnail cho Bloggervà Lấy ra ảnh đầu tiên của bài viết của Blogger, thì hôm nay kết hợp chúng lại mình xin đưa ra auto readmore chuẩn nhất. Chuẩn ở đây có nghĩa là tối ưu nhất về cả tính năng lẫn tốc độ xử lý của nó.

Auto Readmore thì chắc ai cũng biết rồi, mà thôi cứ giải thích cho nó dài bài ra, haha. Đối với đoạn mã mình chia sẻ ở đây là kết hợp giữa Javascript mà đoạn mã mặc định của Blogger, giúp tự động cắt đoạn văn bản dài thòng ở trang chủ trở nên ngắn gọn theo quy định của chúng ta, và đồng thời lấy ra hình ảnh đầu tiên đặt vào vị trí bên trái hoặc phải giúp mô tả cho bài viết đó.

Auto Readmore with Thumbnail chuẩn 2014

Tương tự như những đoạn Auto Readmore mà mình đã chia sẻ, bạn tìm đến thẻ </head> và chèn lên nó

<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx, chop) {
    if (strx.indexOf("<") != -1) {
        var s = strx.split("<");
        for (var i = 0; i < s.length; i++) {
            if (s[i].indexOf(">") != -1) {
                s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);
            }
        }
        strx = s.join("");
    }
    chop = (chop < strx.length - 1) ? chop : strx.length - 2;
    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
    strx = strx.substring(0, chop - 1);
    return strx + '...';
}

function createSummary(pID) {
    var div = document.getElementById(pID);
    var summ = 150;
    var summary = '<div><p>' + removeHtmlTag(div.innerHTML, summ) + '</div></p>';
    div.innerHTML = summary;
}
//]]></script>

Tiếp tục thay thế toàn bộ đoạn mã sau

<data:post.body/>

nếu không muốn có ảnh thumbnail mặc định khi không có ảnh thì bằng đoạn này

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:post.firstImageUrl'>
    <div class='postThumb'>
      <img expr:src='data:post.firstImageUrl' expr:title='data:post.title' expr:alt='data:post.title'/>
    </div>
   </b:if>
  <div expr:id='&quot;summary&quot; + data:post.id'>
   <data:post.body/>
  </div>
<script type='text/javascript'> createSummary(&quot;summary<data:post.id/>&quot;);</script>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

còn nếu muốn có ảnh thumbnail mặc định thì dùng cái này

<b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:post.firstImageUrl'>
   <div class='postThumb'>
     <img expr:src='data:post.firstImageUrl' expr:title='data:post.title' expr:alt='data:post.title'/>
    </div>
   <b:else/>
    <div class='postThumb'>
     <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC2m61s8HFshhbafFc7IPZCa3wOAj2_eaLDLWoxJ5PMa99pGLdv3JCh7SOLllh2nfikHVRF8PGDzMzFoRKvrPwAGiMoA3RWq8cMYSAIV4Lndy8pxjd3UJQI9XBYNtvW9oCGYH1vCOaebuZ/w360-c-h220/no-image.png' expr:alt='data:post.title' expr:title='data:post.title' />
    </div>
   </b:if>
  <div expr:id='&quot;summary&quot; + data:post.id'>
   <data:post.body/>
  </div>
<script type='text/javascript'> createSummary(&quot;summary<data:post.id/>&quot;);</script>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

Cuối cùng để trang trí cho nó bạn chèn đoạn css sau lên trên thẻ ]]></b:skin>

.postThumb { float: left; margin-right: 20px; width: 300px; height: 250px }

bạn có thể tự tủy chỉnh lại theo ý mình và lưu lại.

Lời kết

Thì đây là đoạn mã mình nghĩ là ngon nhất trong tất cả đám auto readmore rồi. Trong trường hợp bạn không thích hình ảnh méo mó vì css thì bạn có thể xem qua bài viết Resize và cắt ảnh nhiều thành phần của Blogger, bạn hãy sử dụng nó với id là #Blog1 và nhớ đặt nó trong đoạn mã:

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
ĐOẠN JS
</b:if></b:if>

để nó khỏi cắt cả mấy hình trong khi xem tại trang bài viết nữa nhé.

Nguồn KhamPha Blog's

Read More