vietnamese Tiếng Việt english English
Hôm nay:
  • RSS
  • Hotline: 0987834487
Tin mới đăng:
Thursday, May 15, 2014 | 12:14:00 AM


24h-Day viết bài này là vì vừa đưa cái banner làm bằng flash vào blog nên viết bài này cho những bạn chưa biết và cần chèn flash vào blog.

Cách upload file Flash

Nếu bạn nào có host riêng thì cứ thỏa mái mà up lên thôi. Còn bạn nào chưa cs thì có thể dung dropbox, google site..... Nhưng hôm nay mình sẽ hướng dẫn các bạn cách up file Flash lên Google site vì nó không giới hạn băng thông cho file cùng xem chi tiết nhé

Bước 1: Bạn truy cập link sau bằng tài khoản gmail ==> sites.google.com

Bước 2: Nếu bạn chưa tạo blog nào trên trang này thì nhấn vào chữ Tạo ở góc trái điền đầy đủ thông tin thôi cho đến khi hoàn chỉnh hết

Cách upload và chèn Flash vào Blogspot


Bước 3: Upload file Flash lên

- Các bạn để ý trên cùng góc phải click vào chữ Thêm ==> Quản lý trang web

Cách upload và chèn Flash vào Blogspot


- Tiếp tục các bạn nhìn thanh bên trái rồi click vào phần Tải tệp đính kèm
- Các bạn up file flash cảu bạn lên vậy là ok
- Muốn lấy link Flash thì các bạn click vào xem và lấy link đó là ok (Chú ý các bạn xóa phần ?attredirects=0 ở cuối link đi nhé)

Ví dụ: https://sites.google.com/site/seovnpro/300x300-2932.swf?attredirects=0
Các bạn xóa chữ màu đỏ đi

Cách chèn Flash vào Blogspot

- Để chèn vào Blog, bạn dán link của file flash lúc nãy vào code phía dưới đây.

<embed bgcolor="#FFFFFF" height="300" width="300"pluginspage="http://www.macromedia.com/go/getflashplayer" src="Dán link file flash của bạn ở đây" type="application/x-shockwave-flash" >
</embed>

- Sau đó, bạn copy tất cả các code trên và đăng nhập vào Blog > chọn Thiết kế > thêm tiện ích HTML/Javacript rồi dán vào và bấm Lưu lại là xong,

Chú ý: height="300" là chiêu cao của flash  . width="300" là độ dài của flash. Và các bạn chèn link flash cảu bạn vào nhé

Bây giờ, bạn quay trở lại Blog sẽ thấy có một file flash "đẹp" được hiển thị trên Blog của mình.

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

Đọc tiếp...
12:11:00 AM

Code javascript khi click chuột vào web sẽ nhảy ra nhiều new tab. Sau đây 24h-Day  xin chia sẻ với các bạn bộ Code popup mở ra nhiểu new tab khi click vào web mình check thử thì thấy cũng ok.

Code này chạy như sau: Click vào web laan1 f mở ra 1 tab, click vào lần 2 nhày ra 1 tab. Các bạn thử làm sẽ thấy.

Bài viết bạn có thể quan tâm:

- Tổng hợp các loại code popup cho web - blog

Code popup mở ra nhiều new tab khi click vào web

Trước tiên bạn phảo vào phẩn chỉnh sửa code của web site và blog cảu bạn và làm theo bước sau

Bước 1: Copy đoạn code dưới đây lên trên thẻ đóng </head>


<script language='javascript'>
//<![CDATA[

var bittuot=0;
function ADS_GetCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]);
return ""
}

function ADS_SetCookie(name, value, days){
if (typeof days!="undefined"){
var expireDate = new Date()
var expstring=expireDate.setDate(expireDate.getDate()+days)
document.cookie = name+"="+decodeURIComponent(value)+"; expires="+expireDate.toGMTString()
}
else document.cookie = name+"="+decodeURIComponent(value);
}

function vtlai_popup()
{

var cookie_popup_ads = ADS_GetCookie('bittuot_popup_ads');
if (cookie_popup_ads=='') {
if(bittuot==0)
{
bittuot=1;
var Time_expires = 24 * 3600 * 1000;
ADS_SetCookie('bittuot_popup_ads','true',Time_expires);
var params = 'width=' + '600';
params += ', height=' + '500';
params += ',scrollbars=yes,status=1,toolbar=1,menubar=1,resizable=1,location=1,directories=1';

var vtlai_popup_0 = window.open('http://24h-day.blogspot.com/', 'vtlai_popup_0', params +', top=0,left=0');

var vtlai_popup_1 = window.open('http://24h-day.blogspot.com/', 'vtlai_popup_1', params +', top=0,left=0');

var vtlai_popup_2 = window.open('link web 3', 'vtlai_popup_2', params +', top=0,left=0');

var vtlai_popup_3 = window.open('link web 4', 'vtlai_popup_3', params +', top=0,left=0');

}

}
}
//]]>
</script>

Chý ý : Các bạn sửa lại link popup nhé

Bước 2: Tìn thẻ <body> rổi sauwr nó thành <body onclick='vtlai_popup();'>

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

Đọc tiếp...
12:08:00 AM


Xin chào các bạn hôm trước có bạn hỏi mình làm sao ẩn hay xóa link trỏ đến Youtube trong video khi chèn vào website - Blogspot

Như các bạn biết khi chèn video vào website hay blog thì thường video sẽ có cái logo chứa link của youtube, Vậy để xóa logo chứa link của Youtube khi đăng bài thì bạn có thể dùng đoạn code sau để chèn vào bài viết hay web -blog, logo youtube và link trỏ đến youtube sẽ được ẩn hoàn toàn cho dù người dùng có click chuột phải để tìm Url.

Code xóa link logo trỏ đến Youtube trong video chèn vào web blogspot


Link nhúng bình thường: <iframe width="560" height="315" src="//www.youtube.com/embed/nDcQ-2f57W4" frameborder="0" allowfullscreen></iframe>

Link nhúng xóa link và logo: <iframe width="560" height="315" src="//www.youtube.com/embed/nDcQ-2f57W4?modestbranding=1" frameborder="0" allowfullscreen></iframe>



Một số thủ thuật khi up video khác

<iframe width="532" height="300" src="http://www.youtube.com/watch?v=ka-LfjkddnI?theme=light&hl=en_US&fs=0&hd=1&ap=%2526fmt%3D22&showsearch=0&showinfo=0&modestbranding=0&rel=0&disablekb=1&iv_load_policy=3&cc_load_policy=1&autoplay=1&start=0&loop=1&autohide=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe>


?theme=light là giao diện (màu trắng), có thể đổi thành ?theme=dark (màu đen).


&hl=en_US bộ mã la tinh.

&fs=0 tắt chế độ xem toàn màn hình.

&hd=1 mở chế độ xem phim HD.

&ap=%2526fmt%3D22 xem với độ phân giải tối đa.

&showsearch=0 tắt khung tìm kiếm.

&showinfo=0 tắt thông tin và tiêu đề clip.

&modestbranding=0 tắt logo thương hiệu nếu có.

&rel=0 tắt các gợi ý về video khác nếu có.

&disablekb=1 tắt sự điều chỉnh từ bàn phím nếu có.

&iv_load_policy=3 tắt chú thích nếu có.

&cc_load_policy=1 tắt phụ đề nếu có.

&autoplay=1 tự động chạy video khi truy cập.

&start=0 bắt đầu chạy từ giây thứ 0.

&loop=1 tự động lặp lại video khi xem hết.

&autohide=1 tự động ẩn thanh điều khiển khi rời chuột khỏi clip.

Ngoài ra bạn còn có thể tùy chình chiểu rộng, chiều cao của video qua 2 thuốc tính là width và height .

Đọc tiếp...
Wednesday, May 14, 2014 | 11:50:00 PM

Cách thêm widget vào vị trí bất kỳ trong blogspot. Cách thêm widget vào blogspot.Cách thêm một tiện ích vào vị trí bất kỳ trên blogspot.Cách thêm một widget vào vị trí bất kỳ trong blogspot. Cách thêm widget HTML/Javascripts vào blogspot. Code widget blogspot

Các bạn thường download những template blogspot với một form định sẵn, nên đôi khi các bạn muốn thêm một hay nhiều tiện ích ở một vị trí bất kỳ khác với những vị trí đã có sẵn thì làm thế nào?

24h-day xin chia sẻ một cách làm đơn giản cho những bạn mới biết về blogspot. 

Thường thì trong bố cục blogspot sẽ phân ra một số vị trí như header,footer,sidebar, main,...và các bạn có thể thêm widget vào vị trí bất kỳ bằng cách copy đoạn code bên dưới và đặt cho phù hợp

Để thêm một hay nhiều widget vào vị trí bất kỳ trong blogspot thì bạn làm theo các bước sau :



Đăng nhập blog => Mẫu (cái thứ 2 từ dưới lên) => Chỉnh sửa HTML

Tới đây bạn có thể thêm phần code bên dưới vào phần bạn muốn hiển thị
(Ngoài ra bạn có thể down trực tiếp code về rồi dùng notepad ++ để chỉnh sửa cho dễ)

Cách thêm một widget thông thường vào Blogspot

Code này thì widget này sẽ hiển thị trên tất cả các trang trong blog như: trang chủ,trang bài viết,trang label....

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='Bài Viết Hay' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>
<div class='title-left'><data:title/></div>
</b:if>
<div class='box-left'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>

Chú ý phần chữ màu đỏ là phần bạn cần thay đổi:
- sidebar1 , HTML99: phần này bạn cần thay đổi nếu bạn thêm > 2 widget vào blogspot (Nếu bạn thêm > 2 cái thì 2 cái bạn thêm phải có phần này đặt tên khác nhau)

Ví dụ: Cái 1 bạn đặt là : id='sidebar1' và id='HTML99' thì cái sau bạn phải đặt khác đi đổi thành id='sidebar2' và id='HTML100' chẳng hạn

Các bạn chú ý thay  id='sidebar1' và id='HTML99'  cho đỡ trùng với 1 Widget đã có sẵn trên blog. Nếu bạn nào thấy trùng thì thay bằng số khác nhé.

- title='Bài Viết Hay' : Tên Widget của bạn cái này bạn có thể bỏ trống được (bạn có thể để là title='' )


Một số cách hiển thị tùy biến bạn có thể áp dụng với Widget

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- 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>
</b:section>

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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>
</b:section>

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Link của bạn"'>
<!-- 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>
</b:section>

Bạn hãy thay phần Link của bạn đường link mà bạn muốn widget đó hiển thị

Ví dụ: http://24h-day.blogspot.com/2014/05/recent-posts-voi-hieu-ung-load-oi-bai.html

hoặc: http://24h-day.blogspot.com/search/label/X%C3%A3%20H%E1%BB%99i .. tùy ý thích của bạn

Khi bạn chọn đường link như vậy thì khi bạn click đến link đó widget mới hiển thị, còn những đường dẫn khác widget đó sẽ không hiển thị

4. Widget chỉ hiển thị trên các trang Label

Trang label là trang có định dạng kiểu: http://24h-day.blogspot.com/search/label/Video

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchLabel'> 
<!-- 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>
</b:section>

5. Widget chỉ hiển thị trên các trang Static pages 

Trang Static pages là trang có định dạng kiểu:  http://bittuot.blogspot.com/p/index.html

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- 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>
</b:section>

6. Widget hiển thị trên trang tìm kiếm

Trang Static pages là trang có định dạng kiểu:  http://bittuot.blogspot.com/search?q=collagen
Là trang hiển thị các kết quả tìm kiếm trên trang của bạn.

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchQuery'>
<!-- 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>
</b:section>

7. Widget chỉ hiển thị tại trang lưu trữ

Trang lưu trữ là trang có dạng kiểu: http://bittuot.blogspot.com/2013/06

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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>
</b:section>


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

Đọc tiếp...
11:46:00 PM


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/AVvXsEjDlTQ9cFCYMDLTF5lRpeaVnflieGWOiGXVTEQA8jSFQJSjkUEiliiPZp5zMuJoWiT2xDgL8ojgww5pPjpImUYdxop1eRrbLNlj1v6Yr9DwAhhhXSe_zTSPVAUR15NeGw7VIwnkd_Xb7F8/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)
Bài viết bạn có thể quan tâm: Cách thêm widget vào vị trí bất kỳ trong blogspot



Mọi thắc mắc vui lòng comment phía dưới để được hỗ trợ. Chúc các bạn thành công !


Đọc tiếp...
11:40:00 PM

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 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




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://24h-day.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://24h-day.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:nonevào  cái css tên là .gfg-title

Đọc tiếp...
Sâu Ciu Blog