Hôm nay, VIDEOCACH sẽ hướng dẫn các bạn cách tạo sitemap tự động cho blogspot có hơn 500 bài viết. Các bạn cùng theo dõi nhé, hi vọng sẽ giúp ích được cho các bạn.

Khi bạn lên mạng seach từ khóa”cách tạo sitemap tự động cho blogspot” sẽ được hướng dẫn làm, nhưng với cách đó chỉ có thể tạo sitemap tối đa là 500, vậy site của bạn có nhiều hơn 500 bài viết thì làm thế nào, tôi xin hướng dẫn bạn một các tạo sitemap tự động cho blogspot, sitemap sẽ tự động cập nhật thông tin mới.

Để tiến hành tạo sitemap tự động cho blogspot ta làm như sau:

• Bạn truy cập vào trang blog của bạn vd : videocach.com
• Ban gõ thêm vào dòng robots.txt như sau: videocach.com/robots.txt và gõ enter ta sẽ được thông báo như hình sau:

• Ở đây ta thấy có dòng bôi đỏ coppy từ đoạn: feeds/posts/default?orderby=UPDATED. Sau đó vào webmaster tools. Và sơ đồ trang web nhấn vào thêm kiểm tra sơ đồ trang web:

• Rồi thêm đoạn mã mà ta vừa coppy vào.

• Rồi nhấn gửi sơ đồ trang web.
• Kiểm tra lại bằng cấp F5 ta sẽ được như sau là thành công.

Chắc hẵn các bạn đã từng thấy qua ở 1 số website có dấu sao đánh giá, xếp hạng và số bình chọn ngay bên dưới tiêu đề khi tìm kiếm trên Google. Vâng đó gọi là Rich Snippets, vâng đó là chủ đề mà mình muốn giới thiệu và hướng dẫn cho các bạn thêm vào trong Blogspot của mình. Khi bạn tìm kiếm nhìn thấy website được trình bày như thế chắc hẵn sẽ gây sự chú ý và thu hút bạn click nhiều hơn đúng không? Rich Snippets nó mang nhiều lợi ích trong việc làm nổi bật web/blog của bạn hơn so với các web/blog khác trên các công cụ tìm kiếm.

Rich Snippets là đoạn thông tin hiển thị trên kết quả trả về của bộ máy tìm kiếm (Google, Yahoo, Bing, …) được thể hiện dưới dạng sao, hình ảnh, xếp hạng đánh giá, … nhằm làm tăng độ nổi bật của website khi người dùng thực hiện thao tác search với một từ khóa nào đó.
Và đây là sự thay thế cần thiết khi Google đã loại bỏ Authorship.

Và Các bạn có thể xem trực tiếp khi tìm bài viết của iChiaSe Blog's trên Google (Tuy nhiên kết quả phụ thuộc vào sự cập nhật của Google).
Ví dụ: Xem TẠI ĐÂY

Các bước thực hiện để Tạo hiển thị xếp hạng 5 sao trên kết quả tìm kiếm Google
Bước 1: Các bạn vào Mẫu→Chỉnh sửa HTML→Chèn 1 trong các đoạn code sau trước thẻ ]]>
.

/*hrecipe*/
.hrecipe{line-height: 1.7em;
font-size: 13px;
margin: 6px 0 0;
padding: 12px;
background: #f8f8f8;border: 1px solid #e2e2e2;
color: #333;
overflow: hidden;}
.deskripsi-artikel a, .hrecipe a{color:#f00;}

Bước 2: Chèn đoạn code dưới đây sau thẻ

   

  Thời gian:

  Bài viết:

  Rating:

  5 trên
22 lượt xem

Như vậy là đã xong, để kiểm tra xem bạn đã thực hiện chèn Rich Snippets thành công vào blog mình chưa, bạn hãy truy cập vào http://www.google.com/webmasters/tools/richsnippets và nhập tên miền của bạn để xem thử nhé.

Nguồn : VănViệt Blog's

Cách ẩn bài viết theo label ngoài trang chủ. Cách ẩn bài viết ngoài trang chủ theo một label.

Nhiều bạn hỏi cách ẩn bài viết mới ở trang chủ trong blogspot làm thế nào? Mình nhớ cái ngày mình còn bắt đầu nghịch blog mình đã chia sẻ cái này rồi nhưng không biết là do mình lỡ tay xóa đi hay không mà bây giờ tìm không thấy vì vậy sau đây mình xin viết bài hướng dẫn lại các bạn

Vậy code này có chức năng như thế nào: Nó sẽ ẩn tất cả bài viết nằm trong 1 nhãn(label) nào đó mà bạn không muốn nó hiện ra ngoài trang chủ. Vì vậy bạn muốn ẩn bài nào rất đươn giản bạn chỉ cần cho nó vào label mầ bạn đã mặc định là sẽ ẩn bài viết nào thuộc nó ngoài trang chủ.

Cách ẩn bài viết the label ngoài trang chủ

Bạn mở tùy chỉnh HTML để sửa nhé (Nhớ back up code khi sửa cái gì đó nhé)

Bước 1: Tìm dòng <b:includable id='main' var='top'>.

Tìm đoạn code sau

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>

Rồi bạn thay nó bằng đoạn code bên dưới.

<b:loop values='data:posts' var='post'><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != "Z Label"'>
<b:include data='post' name='printPosts'/></b:if></b:if></b:loop></b:if><b:else/><b:include data='post' name='printPosts'/></b:if></b:loop>

Chú ý : Z Label : là tên nhãn bạn muốn hiển thị khuyến khích các bạn nên đặt chữ Z rồi mới ghi tên nhãn
Ví dụ như: Z Tin Tức ,Z thể thao ...

Lúc này mình tìm thẻ đóng </b:includable> cho thẻ <b:includable id='main' var='top'>. Thẻ đóng này nằm ngay trước dòng

<b:includable id='commentDeleteIcon' var='comment'>

Rồi đặt đoạn code bên dưới vào sau thẻ </b:includable> nói trên.

<b:includable id='printPosts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/>
</h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>

Vậy làm sao để áp dụng ẩn bài viết khi viết bài? Rất đơn giản trong khi viết bài nào bạn muốn ẩn thì cho vào nhãn có tên là: z lable thế là bài đó tự động sẽ ẩn ở trang chủ.

Chú ý: cái z lable thì bạn có thể đổi được nhé có thể là z tintuc, z new...

Mọi thắc mắc các bạn comment phí dưới để được giải đáp

Cách thêm nút Like và +1 Share cuối hoặc đầu mỗi bài viết, Hướng dẫn thêm nút Like +1 Share cuối bài viết Blospot. Thêm nút Like cho bài viết Blogspot.Hướng dẫn thêm nút Like G+ Share cho bài viết blogspot

Chào mọi người thấy có nhiều bạn hỏi về vấn đề này nên mình viết bài hướng dẫn các bạn luôn ai chưa biết thì đọc nhé.

Để tạo được nút Like +1 Share cuối bài viết Blospot bạn làm như sau:

Bước 1: Đăng nhập Blogspot ==> Templates(Mẫu) ==> Edit HTML (chỉnh sửa HTML)

==> Khuyến khích các bạn down toàn bộ code về rồi sửa bằng Notepad ++ . Chú ý trước khi sửa sao lấy 1 bản gốc để tránh trường hợp code lỗi ko khôi phục được

Bước 2:   Tìm một trong các đoạn code bên dưới:



Đoạn 1: Như blog của mình là đoạn này nhưng chú ý nó có mấy đạn như này bạn thử cho vào cái cuối cùng xem thế nào

<data:post.body/>

Đoạn 2:

<div class='post-footer'>

Đoạn 3:

<div class='post-footer-line post-footer-line-1'>

Đoạn 4:

<div class='post-footer-line post-footer-line-2'>

Đoạn 5:

<div class='post-footer-line post-footer-line-3'>

Rồi thêm đoạn code dưới đây xuống dưới đoạn code trên (chú ý thay lần lượt chứ không phải thay tất nhé. Bạn thay từng cái 1 lưu temp lại và ra load lại trang xem nó hiển thị đúng chưa nếu đúng rồi thì ok đã thành công nhé)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
                        <div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px Arial;color:#666'>
                          <strong>
                            LIKE and Share this article:
                          </strong>
                          :
                        </div>
                        <div class='addthis_toolbox addthis_default_style '>
                          <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
                          <a class='addthis_button_tweet'/>
                          <a class='addthis_button_google_plusone' g:plusone:size='medium'/>
                          <a class='addthis_counter addthis_pill_style'/>
                        </div>
                        <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
                      </div>
                    </b:if>

Các bạn lưu lại ra check lại xem hiển thị ok chưa

Chúc các bạn thành công ! Gặp vấn đề gì vui lòng comment xuống dưới để được hỗ trợ

Cách chỉnh sửa thay đổi Font chữ cho blogspot. Cách chỉnh sửa thay đổi Font chữ tiêu đề bài viết cho blogspot. Cách chỉnh sửa thay đổi Font chữ cho menu cho blogspot. Cách khắc phục lỗi Font chữ blogspot

Chào các bạn vấn đề chỉnh sửa thay đổi Font chữ cho blogspot là vấn đề mà video cach thấy có rất nhiều bạn ko am hiểu nhiều về code thường hay gặp phải khi download các tem có sẵn trên mạng về.

Nguyên nhân gây ra lỗi Font là do Tiếng Việt của chúng ta có dấu mà khi đó Font chữ mà tem chúng ta đang dùng lại dùng 1 loại font chữ không hỗ trợ tiếng Việt ,vậy cách khắc phục ra sao các bạn xem chi tiết nhé

Cách chỉnh sửa thay đổi Font chữ cho Blogspot

- Do mỗi temp blogspot có thể có những loại Font khác nhau vì vậy mình sẽ hướng dẫ sơ qua để các bạn có thể hiểu được và biết cách sửa với các trường hợp tương tự

Chú ý: Để sửa tốt các bạn lên cài đặt thêm addon tên là Firebug trên trình duyệt FireFox để tiện chỉnh sửa. Các bạn tải về cài đặt tại đây Các bạn có thể xem chi tiêt video hướng dẫn tại đây hoặc lên mạng tìm kiếm để có hướng dẫn chi tiết.
Vậy Firebug có chức năng gì nó là công cụ hỗ trợ rất tốt cho phép chúng ta chỉnh sửa trực tiếp các thuộc tính về css ngay trên website như: thay đổi font chữ, màu chữ, kích thước chữ khung ..... các bạn tự tìm hiểu thêm. 

- Để chỉnh sửa mình khuyên các bạn nên tải temp đó về rồi sao ra 1 bản làm gốc 1 bản để chỉnh sửa rồi sùng Notepad++ để chỉnh sửa

- Bình thường khi down tải các temp về  thường font chữ mà nước ngoài họ hay dùng là Font Oswald hoặc georgia vì vậy chúng ta cần phải thay nó thành Font chữ hỗ trợ tiếng Việt

- Cách 1: Các bạn tìm đọan code tương tự như đoạn code dưới

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>

- Các bạn hãy thay thế Oswald bằng một font chữ thông dụng trong tiếng Việt như: Arial hoặc các font chữ khác như: Times, New Times Roman,...

Lưu ý:
- Phần này chỉ được phép thay thế Oswald bằng một font chữ duy nhất!
- Nếu template không có đoạn mã:
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>. Các bạn có thể khắc phục bằng cách thêm đoạn mã trong khung dưới đây vào phía trên thẻ: ]]></b:skin>

- Cách 2: Thêm thuộc tính font-family giúp định dạng font chữ cho cả blog (body), cho header, sidebar, main-wrapper, post-body, footer… Chẳng hạn để định dạng font-family tiếng Việt cho phần post-body, chúng ta đặt code CSS bên dưới vào trước thẻ ]]></b:skin> trong mẫu của bạn:

.post-body {font-family:Arial, Veranda, Tahoma, Times, Times New Roman}

- Cách 3: Nếu vẫn chưa có sự thay đổi thì mẹo cho các bạn ko biết code là: Các bạn tìm Oswald rồi thay thế hết thành Arial

Do các bạn không biết code vì vậy hơi khó hướng dẫn

- Nói chung để chỉnh sửa tốt cái này bạn phải vận dụng tốt Addon Firebug và chút kiến thức về css
Một số thuộc tính css về text mà các bạn nên quan tâm:

- font-size:  Kích thước chữ
- font-family: Loại font chữ
- font-weight: Độ in đậm của chữ.

Ví dụ:

font-size:  18px ==> font chữ là 18pixel
font-family: Arial ==> font chữ dạng arial
font-weight: bold  ==> Chữ in đậm, chữ béo

Nhãn: Blogspot-tips, Thủ Thuật Blog

Recent Posts với hiệu ứng load đổi bài viết liên tục cho Blogspot. Bài viết mới nhất với hiệu ứng load đổi bài viết liên tục cho Blogspot

Hôm nay Bít Tuốt xin chia sẻ với các bạn 1 thủ thuật blog là cách thêm 1 widget: Recent Posts với hiệu ứng load đổi bài viết liên tục cho Blogspot

Widget này có gì đặc biệt: Nó sẽ hiển thị những bài viết mới nhất mà bạn viết. Ở đầu  widget này sẽ hiển thị một bài duy nhất cùng với tiêu đề (liên kết), tác giả, ngày và một bản tóm tắt ngắn gọn về nội dung của nó. Ngoài ra, bài viết này sẽ tự động xoay,chuyển bài viết trong danh sách bài viết mới đó lên top đầu widget này.

Ai có nhu cầu tìm kiếm templates đẹp miễn phí cho blogspot vui lòng ghé qua web sau để down temp: bit.templates

Demo: Recent Posts với hiệu ứng load đổi bài viết

List

Share Theme Blogspot: News Temp

by Sơn Nguyễn

-

Feb 26, 2014

Share theme Blogspot: News Temp - Template Blogspot FreeDemo       DownloadShare theme Blogspot: News Temp Templates này được ...

Grid Pin Theme Blogspot đẹp cho site làm hình ảnh

Share theme Blogspot: News Temp

Share Syahira Themeforest Responsive Blogger Template

Adamz Blogger Template

Maxxiz Blogger Template

Share Cody Blogger Template

Sevida Template Blogspot

Avoid Template Blogspot - Theme tin tức cho blogspot

Active Mag Template - Theme tin tức đẹp cho blogspot

Top News - Template Blogspot đẹp cho trang làm tin tức

Cách tạo widget: Recent Posts với hiệu ứng load đổi bài viết

Bước 1: Đăng nhập blogspot ==> Bố Cục (Layout)

Bước 2: Thêm 1 tiên ích HTML/Javascript vào vị trí bạn muốn hiển thị rồi copy code dưới đây vào

<style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.gfg-subtitle {
display: none;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://bittuot.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=15'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Bài Viết Mới Nhất', numResults : 12, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>

Các bạn nhấn lưu lại rồi ra xem kết quả

Chú ý: Các bạn cần thay đổi các thông tin dưới đây sao cho phù hợp

• http://bittuot.blogspot.com/: Các bạn sửa thành link blog của các bạn
• title: 'Bài Viết Mới Nhất' : Tên tiêu đề của Widget
• numResults : 12: Số bài viết bạn muốn hiển thị
• displayTime : 5000, hoverTime : 500 : Thời gian chuyển đổi giữa các bài viết
• Nếu ko thấy chạy các bạn thử thay http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js thành link sau https://sites.google.com/site/seovnpro/gfdynamicfeedcontrol.js .Thay http://www.google.com/jsapi thành https://sites.google.com/site/seovnpro/jsapi

Nếu các bạn ko muốn hiển thị cái tên Bài viết mới nhất thì các bạn thêm thuộc tính display:none vào  cái css tên là.gfg-title

Bài viết được viết bởi Bít Tuốt Blog - bittuot.blogspot.com .Chú ý ghi rõ nguồn khi copy bài viết này

Random Post nằm ngang có thumbnail ảnh cho blogspot.Widget bài viết ngẫu nhiên nằm ngang có ảnh đại diên cho blogspot. Như tiêu đề Bít Tuốt xin chia sẻ với các bạn cách tạo một widget Random Post nằm ngang có thumbnail ảnh cho blogspot các bạn làm theo hướng dẫn dưới đây nhé

Random Post nằm ngang có thumbnail ảnh cho blogspot

Bước 1: Đăng nhập blogspot ==> Bố Cục (Layout) 

Bước 2: Thêm 1 tiện ích HTML/Javascript rồi copy code dưới đây vào

<style type="text/css"> #random-posts li{width:60px;height:200px;margin-right:12px;float:left;list-style:none;position:relative} #random-posts li:last-child{margin-right:0} #random-posts li img{width:60px;height:60px} #random-posts li img a{border:#333 solid 2px}; #random-posts li .isinyako{position:absolute;width:250px;top:-150px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border-bottom:1px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0} #random-posts li:last-child .isinyako{right:0} #random-posts li:hover .isinyako{top:-40px;opacity:1;visibility:visible} .isinyako span{font-size:90%;color:#B30B0B} .isinyako p{font-size:90%;} </style> <span class="glap"> <ul id="random-posts"> <script type="text/javaScript"> var rdp_numposts = 7; var rdp_snippet_length = 0; var rdp_info = 'no'; var rdp_comment = 'Comments'; var rdp_disable = 'Turn off comments'; var rdp_current = []; var rdp_total_posts = 0; var rdp_current = new Array(rdp_numposts); function totalposts(a){rdp_total_posts=a.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"><\/script>');function getvalue(){for(var b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a}; </script> <script type="text/javaScript"> function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"&#133;"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiiewexl_38UXjnvmbU9z5WOjPTP02U-lrHlK6jvnm_Z-BjrwP4rnOPYm_Kkv_cAvE5HrdgZHr694IkM62XeOUrKceup7Ii13ccNLlx2jHxT0k8zeNES_w7_c8x_wCsma24XTcsf8w3Ts/s1600/no_image.jpg"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="isinyako"><h5>'+m+"</h5>");if(rdp_info=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"><\/script>')}; </script> </ul></span> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("random-posts",120); //]]></script>

- Sau khi copy nhấn Lưu và ra web xem thử

Chú ý: Các bạn thay đổi các thuộc tính dưới cho phù hợp

• width:60px;height:200px : hiểu là chiều ngang cà chiểu cao của từng phần bài viết
• width:60px;height:60px : chiều ngang và chiểu cao của ảnh hiển thị
• var rdp_numposts = 7: Hiểu là số bài viết sẽ được hiển thị
• var rdp_snippet_length = 0 Số kí tự mô tả bài viết
• Do nó là dạng nằm ngang để hiển thị đẹp thì các bạn phải cấu hình widget (đặt widget này vào nơi thích hợp có chiều ngang dài 1 chút để nó hiển thị tốt)