Tạo tiện ích chèn bài viết của một trang web, blog khác vào trang blogger

Tutorial thời gian này để trả lời các câu hỏi từ một người bạn blogger Haz Issac trong bài viết làm cho một số phụ tùng nhãn với một hình ả...

Tutorial thời gian này để trả lời các câu hỏi từ một người bạn blogger Haz Issac trong bài viết làm cho một số phụ tùng nhãn với một hình ảnh thu nhỏ duy nhất , bài viết gần đây hoặc tạo ra các bài viết mới với các chức năng trước và sau như bạn có thể nhìn thấy trong bài Template Johny một blog . Ngay lập tức, bởi vì nó là đêm và sáng ngày mai bình minh, có thể không có được. Dưới đây là ảnh chụp màn hình và demo xin vui lòng bấm vào để thấy rõ hơn.




  1. Đăng nhập vào blogger với tài khoản của bạn
  2. Sau đó chọn blog bạn muốn thêm widget này.
  3. Tới >> Edit HTML mẫu và kiểm tra mở rộng mẫu tiện ích con
  4. Như là một biện pháp phòng ngừa để tránh những sai lầm trong tương lai chỉnh sửa, sao lưu mẫu của bạn đầu tiên.
  5. Sau khi tất cả các bước trên, bạn làm, đặt đoạn code sau đây trên mã ]]> </ b: skin> :
    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(http://1.bp.blogspot.com/-vBDcLG_CXzU/UBqEMTknKcI/AAAAAAAAIHE/pZTfBZLbPwY/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
    Xem xét việc viết màu xanh ở trên, đó là chiều rộng và chiều cao của hình ảnh thu nhỏ.
  6. Sau đó vẫn còn ở vị trí HTML Sửa , nhập mã sau đây trên mã </ head> :
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://www.clbinternetmarketingvietnam.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    Mô tả:
    numfeed var = 5; >> Số tiền bài viết hiển thị trên các widget
    var urlblog = " http://www.clbinternetmarketingvietnam.com/ ", >> thay thế với blog URL của bạn
    đặc var = 100; >> số lượng ký tự hoặc thư bưu điện.
  7. Sau đó lưu mẫu , và sau đó đi đến hộp chọn bố trí được thêm vào công cụ này. Nhấp vào thêm tiện ích >> HTML / Javascript nhập đoạn mã sau vào:
    <div id="terbaru"> </ div>
    <div id="mas-navigasifeed"> </ div>
    Kéo lưu và xem kết quả.
Chúc bạn thành công.

Bài viết được dịch lại Tiếng Việt bằng tiện ích dịch của Google dịch nên không chính xác lắm nhưng đủ để các blogger thực hành tiện ích.

Nguồn bài viết http://www.maskolis.com/2012/08/membuat-widget-artikel-terbaru-joss.html

COMMENTS

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Tạo tiện ích chèn bài viết của một trang web, blog khác vào trang blogger
Tạo tiện ích chèn bài viết của một trang web, blog khác vào trang blogger
http://2.bp.blogspot.com/-8QP_5-dZUR8/UPa-Pd4uyLI/AAAAAAAAH1Q/6CnC1uiS8vU/s400/TaoTienIchBaiVietGanDay.png
http://2.bp.blogspot.com/-8QP_5-dZUR8/UPa-Pd4uyLI/AAAAAAAAH1Q/6CnC1uiS8vU/s72-c/TaoTienIchBaiVietGanDay.png
Khám Phá Blogger
http://blogger.affimart.com/2013/01/tao-tien-ich-chen-bai-viet-cua-mot.html
http://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2013/01/tao-tien-ich-chen-bai-viet-cua-mot.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy