Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Xin hướng dẫn về lỗi widget "Bài viết mới" trong blogspot.

Chủ đề thuộc danh mục 'Blogspot' được đăng bởi anhsvc, 23/3/17.

Lượt xem: 1,307

  1. anhsvc Mới đăng kí

    Chào mọi người!
    Mình đang mày mò làm blogspot. Hiện mình đang cố gắng tạo một widget chứa các bài viết mới nhất bằng CODE tìm được trên mạng. Mình đã làm đúng theo hướng dẫn trên mạng nhung khi lưu lại xong ra ngoài trang mình xem thì widget "bài viết mới" của mình chỉ hiện ra TIÊU ĐỀ của cái widget thôi chứ không hiển thị các bài viết mới nhất theo ý mình.
    Mình xin hỏi có ai đã gặp lỗi này chưa và cách khắc phục ra sao?
    Xin cảm ơn ạ!

  2. quangpro1610

    quangpro1610 Thành viên cấp 2

    úp link lên xem nào?
    anhsvc thích bài viết này
  3. quangpro1610

    quangpro1610 Thành viên cấp 2

    anhsvc bỏ code cái widget vào xem nào ?
    anhsvc thích bài viết này
  4. anhsvc

    anhsvc Mới đăng kí

    Code:
    <link href="https://fileitviet360.googlecode.com/svn/trunk/style.css" type="text/css" rel="stylesheet" />
     <script src="https://fileitviet360.googlecode.com/svn/trunk/json.js"></script>
      <script type='text/javascript'>
    var numposts = 3;
    var showpostthumbnails =  false;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100;</script>
      <script type="text/javascript" src="http://www.vuongkhangtour.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>
    Đây ạ. Bạn xem giúp
  5. quangpro1610

    quangpro1610 Thành viên cấp 2

    anhsvc code trên 2 cái link lỗi not found rồi, do đó code ko chạy được nhé :)
    anhsvc thích bài viết này
  6. anhsvc

    anhsvc Mới đăng kí

    quangpro1610 Nghĩa là 2 file css và js link bị die rồi hả bạn? Uầy không biết bạn có code nào link còn sống không cho mình xin với ạ. Cảm ơn!
  7. quangpro1610

    quangpro1610 Thành viên cấp 2

    anhsvc cái này mình bó tay, tại ko biết code này do người nào viết ra :D
    anhsvc thích bài viết này
  8. anhsvc

    anhsvc Mới đăng kí

    quangpro1610 bạn xem cái code này thì thế nào? link nó vẫn sống, vẫn download được file .js về mà sao cũng chẳng được thế nhỉ?
    Code:
    <style type='text/css'>
    img.recent_thumb {padding:1px;width:60px;height:60px;border:0;
    float:left;margin-right:10px;border:1px solid #999;}
    .recent_posts_with_thumbs {float:left;width: 100%;min-height: 70px;padding: 0;font-size:12px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
    .recent_posts_with_thumbs a {text-decoration:none;}
    .recent_posts_with_thumbs strong {font-size:10px;}</style>
    <script style='text/javascript' src='https://sites.google.com/site/seovnpro/recent-post.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = true;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 100;</script>
    <script src='http://www.vuongkhangtour.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
    
    Còn đây là cái code .js
    Code:
    function showrecentpostswiththumbs(json){document.write('<ul class="recent_posts_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://www.webaholic.co.in/other/no-image.jpg';}
    var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
    document.write('<img class="recent_thumb" src="'+thumburl+'"/>');document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');if("content"in entry){var postcontent=entry.content.$t;}
    else
    if("summary"in entry){var postcontent=entry.summary.$t;}
    else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('<i>');document.write(postcontent);document.write('</i>');}
    else{document.write('<i>');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('</i>');}}
    var towrite='';var flag=0;document.write('<br><strong>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
    if(showcommentnum==true)
    {if(flag==1){towrite=towrite+' | ';}
    if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
    if(displaymore==true)
    {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';flag=1;;}
    document.write(towrite);document.write('</strong></li>');if(displayseparator==true)
    if(i!=(numposts-1))
    document.write('<hr size=0.5>');}document.write('</ul>');}
    
  9. quangpro1610

    quangpro1610 Thành viên cấp 2

    anhsvc bạn thử dùng đoạn code này xem :D
    B1: Bỏ đoạn css này trước thẻ
    Code:
    ]]></b:skin>
    HTML:
    #post-gallery{
    width:100%;
    margin:0 auto;
    font:normal 11px Arial,Sans-Serif;
    color:#000;
    padding:8px
    }
    #post-gallery .rp-item{
    float:left;
    display:inline;
    position:relative;
    margin:2px;
    padding:0;
    background:url(https://i.imgur.com/Xgup3Hw.gif) no-repeat 50% 50%;
    width:79px;
    height:79px
    }
    #post-gallery .rp-item img{
    width:69px;
    height:69px;
    border:2px solid silver;
    border-radius:50%;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    display:none;
    -webkit-transition-duration:.8s;
    -moz-transition-duration:.8s;
    -o-transition-duration:.8s;
    transition-duration:.8s;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:O-transform;
    transition-property:transform;
    overflow:hidden
    }
    #post-gallery .rp-item img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg)
    }
    #post-gallery .rp-item .rp-child{
    position:relative;
    top:10%!important;
    left:10%!important;
    z-index:1000;
    width:200px;
    background-color:#fff;
    border:2px solid #f56954;
    -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.7);
    -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.7);
    box-shadow:5px 5px 10px rgba(0,0,0,0.7);
    padding:10px 15px;
    overflow:initial;
    word-wrap:break-word;
    display:none;
    opacity:.9
    #post-gallery .rp-item .rp-child h4{
    font-size:12px;
    margin:0 0 5px;
    color:#1BA1E2
    }
    #post-gallery .rp-item:hover .hidden{
    display:block
    }
    
    B2: Thêm 1 tiện ích HTML/Javascript, bỏ đoạn code này vào
    HTML:
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'
    </script>
    <script type="text/javascript">
    var rpTitle     = "Recent Posts",
    numposts    = 14,
    numchar     = 200,
    rcFadeSpeed = 600,
    pBlank      = "https://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
    blogURL     = "http://your-blog.blogspot.com/";
    </script>
    <script src="https://ms-design.googlecode.com/svn/animated-recent-posts.js" type="text/javascript"></script>
    Nhớ thay địa chỉ tại blogURL = "http://your-blog.blogspot.com/"; .
    Chỉnh sửa lần cuối: 23/3/17
  10. anhsvc

    anhsvc Mới đăng kí

    Cảm ơn bạn quangpro1610 . Nhưng code này cũng không ăn thua. Đã làm theo hướng dẫn của bạn rồi. Cơ mà hình như cái link
    Code:
    https://ms-design.googlecode.com/svn/animated-recent-posts.js
    nó cũng not found luôn rồi. Buồn vãi!
  11. quangpro1610

    quangpro1610 Thành viên cấp 2

    anhsvc bạn thử 2 cái này xem sao, đợt này google nó remove link ghê quá :D
    Code:
    http://www.helperblogger.com/2012/02/scrollingticker-recent-post-gadget-for_26.html
    http://www.helperblogger.com/2012/06/scrolling-recent-posts-widget-for.html
    anhsvc thích bài viết này
  12. anhsvc

    anhsvc Mới đăng kí

    Mình làm theo hướng dẫn này thì được rồi bạn ơi
    Code:
    http://www.helperblogger.com/2012/06/scrolling-recent-posts-widget-for.html
    
    Phải úp thẳng cái jquery vào thẻ head mới chịu. Cảm ơn bạn quangpro1610 nhiều lắm!
    quangpro1610 thích bài viết này
  13. quangpro1610

    quangpro1610 Thành viên cấp 2

Ủng hộ diễn đàn