QUẢNG CÁO TẠI ĐÂY WEBSITE - CLICK ĐỂ LIÊN HỆ

Sơ đồ web 2 cột có phân trang cho blogspot

Thảo luận trong 'Phát triển blogspot' bắt đầu bởi Admin, 24 Tháng mười 2015.

  1. Admin

    Làm thành viên từ:
    27 Tháng chín 2015
    Số bài viết:
    2,232
    Đã được thích:
    52
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Sitemap trong blog là một phần rất quan trọng, ngoài chức năng sắp xếp bài viết một cách khoa học, nó giúp điều hướng độc giả trên trang của bạn, một sitemap đạt yêu cầu phải gọi được số bài đăng nhiều và sắp xếp khoa học đẹp mắt.
    [IMG]
    Bài viết này mình sẽ chia sẻ một Sitemap dạng 2 cột, kèm theo tiện ích phân trang bên dưới danh sách bài viết (xem hình minh họa bên trên). Điểm đặc biệt của tiện ích này mà nhiều người đánh giá cao là khả năng load bài viết mà không cần phải tải lại trang (xem demo ở link bên dưới) nhờ sử dụng hiệu ứng từ thư viện Jquyery.
    Demo
    » Các bước tạo một sitemap đẹp 2 cột tích hợp phân trang cho blogspot.

    Bước 1: Tại trang quản trị, các bạn vào tab Trang, => Bấm chọn Tạo trang mới (nếu muốn bạn cũng có thể chèn vào trong bài viết hoặc tiện ích HTML/javascripts.
    Bước 2: Chuyển sang chế độ soạn HTML và dán đoạn code bên dưới vào phần nội dung:
    Mã:
    <!--2 Column Sitemap by http://forum.4rgameprivate.com-->
    <style scoped="" type="text/css">
    #toc-outer {
      color:black;
      font:normal 11px/14px Arial,Sans-Serif;
      height:auto;
      margin:0 auto;
      overflow:hidden;
      padding:0;
      text-align:left;
    }
     
    #loadingscript {
      padding:0px 0px;
      height:37px;
      text-indent:-9999px;
      color:transparent;
      background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%;
    }
     
    .itemposts {
        float: left;
        height: auto;
        overflow: hidden;
        width: 47%;
        box-shadow: 1px 1px 5px #C3C3C3;
        background: none repeat scroll 0% 0% #F9F9F9;
        border: 1px solid #FFF;
        margin: 3px 5px 8px;
        padding: 0px 3px;
    }
     
    .itemposts h6 {
        border-bottom: 1px solid #CCC;
        color: #333;
        font: bold 12px Arial;
        height: 15px;
        overflow: hidden;
        text-transform: none;
        margin: 0px 0px 5px;
        padding: 2px 6px !important;
    }
    .itemposts h6 a{color: red;}
    .itemposts h6 a:hover {
      color:#38f;
      text-decoration:none;
    }
     
    .itemposts img {
      background-color:#fff;
      border:1px solid #ccc;
      -moz-border-radius:3px;
      -webkit-border-radius:3px;
      border-radius:3px;
      float:left;
      height:65px;
      margin:0 7px 5px 0;
      padding:3px;
      width:65px;
      z-indent:99999px;
    }
     
    .itemposts .iteminside {}
     
    .itemposts .itemfoot {
        border-top: 1px solid #CCC;
        clear: both;
        overflow: hidden;
        padding: 4px 5px;
    }
     
    .itemposts .itemfoot a.itemrmore {
      color:#333;
      float:right;
      font-weight:bold;
      text-decoration:none;
    }
     
    .itemposts .itemfoot a.itemrmore:hover {text-decoration:underline}
     
    #itempager {
      clear:both;
      padding:10px 0;
    }
     
    #pagination,
     
    #totalposts {
      color:#000;
      display:block;
      font:bold 10px Verdana,Arial,Sans-Serif;
      margin-bottom:10px;
      text-align:center;
      padding:0;
    }
     
    #pagination span, #pagination a {
        color: #FFF;
        display: inline;
        margin: 0px 1px;
        padding: 2px 5px;
        text-indent: 0px;
        background-color: #068BC9;
        background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%);
        border: 1px solid #3161C2;
        text-decoration: none;
        border-radius: 10px;
    }
    #pagination a:hover {background-color:#333}
     
    #pagination span.actual {background-color:black}
     
    #pagination span.hidden {display:none}
    </style>
    <script>
    var showPostDate  = true,
        showComments  = true,
        idMode        = true,
        sortByLabel    = false,
        labelSorter    = "Blogspot-tips",
        loadingText    = "Loading...",
        totalPostLabel = "Tổng số bài viết:",
        jumpPageLabel  = "page",
        commentsLabel  = "comment",
        rmoreText      = "Chi tiết►",
        prevText      = "previous",
        nextText      = "next",
        siteUrl        = "http://kjmagic.blogspot.com",
        postPerPage  = 10,
        numChars      = 150,
        imgBlank      = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
    </script>
    <script src="http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js"></script>
    <!--/2 Column Sitemap by http://forum.4rgameprivate.com --> 
    »Tùy chỉnh code:
    • Đầu tiên lưu ý với các bạn do code chèn thẳng vào HTML của trang do vậy sau khi thêm code bạn không được chuyển đổi qua lại giữa 2 tab ViếtHTML nếu không code bị thay đổi sẽ dẫn tới lỗi không thể gọi bài viết.
    • Thay chỗ mình đánh dấu thành URL blog của bạn.
    • Để sử dụng lâu dài bạn hãy tải file 2col-sitemap.js màu xanh về và upload lên host riêng tránh tình trạng hết banwidth nha. Nếu chưa có host bạn có thể đọc bài viết này để tạo cho minh một host miễn phí nha từ Google drive hosts.
    • postPerPage = 10, là số bài viết tối đa hiển thị trên một trang. Vì site map dạng 2 cột do vậy để trông đẹp mắt bạn nên đặt nó là một số chẵn (chia hết cho 2) nha nếu không thì số lượng bài viết ở 2 cột sẽ không bằng nhau đâu.
    • numChars = 150, số ký tự mô tả sẽ hiển thị.
    • Thay link ảnh màu xanh thành link ảnh đại diện cho những bài viết không có hình ảnh.
    • Thay link ảnh màu tím thành hình ảnh loadding khi tải bài viết cho tiện ích này. bạn có thể tham khảo bài viết này để tìm cho mình hình ảnh loadding thích hợp nha.
    • color:black; màu chữ phần mô tả, phần ngày đăng và số nhận xét .
    • color:#38f; màu tiêu đề bài viết khi đê chuột vào tên tiêu đề.
    • color: red là màu tiêu đề bài viết khi chưa dê chuột vào tên tiêu đề
    • Để hiển thị bài viết theo nhãn bạn chỉnh sửa sortByLabel = false thành sortByLabel = true . Sau đó chỉnh sửa Blogspot-tips thành tên nhãn bạn muốn hiển thị nha.
    Bước 3: Xuất bản trang của bạn và truy cập vào blog để xem thành quả bạn đã đạt được nha.
  2. phugiatp2017

    Làm thành viên từ:
    23 Tháng mười 2016
    Số bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam

    Chúng tôi chuyên nhập khẩu, cung cấp phụ gia và hóa chất dùng trong công nghiệp, thực phẩm, thức ăn chăn nuôi, thuốc thú y, nuôi trồng thủy sản.

    Hiện tại chúng tôi đang có sản phẩm Clorin dùng trong nuôi trồng thủy sản.
    CLORIN
    Tính chất: Dạng bột màu trắng

    Quy cách: 45 kg/thùng mẫu mã đẹp.

    Nhà cung cấp: NANKAI

    Xuất xứ: Nhật Bản

    Công dụng của Clorin

    - Trong y học: sát trùng vết thương, chất gây mê chloroform (CHCl3).

    - Trong công nghệ hóa học: dùng trong nước sơn, chất hòa tan, chất tạo bọt, thuốc trừ sâu, hóa chất chống đong

    - Xử lý nước sinh hoạt, nước thải công nghiệp và khu đô thị. Trong thủy sản:

    + Tẩy trùng ao, hồ, trang thiết bị, dụng cụ…

    + Diệt vi khuẩn, virus, tảo, phiêu sinh vật trong môi trường nước.

    + Oxy hóa các vật chất hữu cơ và mầm bệnh ngoại lai trong sản xuất giống.

    - Trong ao nuôi tôm, cá việc sử dụng chlorine trực tiếp để khử trùng, loại bỏ chất hữu cơ hay amoniac mang lại hiệu quả không cao và thường gây độc cho đối tượng nuôi nếu lượng Clo sử dụng quá nhiều.

    Các phụ gia hóa chất khác ngoài Clorin

    - Thức ăn chăn nuôi, thủy sản: Sodium Bicarbonate, L-Lysine 98,5%, Dextrose Monohydrate ,…

    - Thực phẩm: Sobitol nước, sobitol bột, Sodium benzoate, Bột bắp, Calcium chloride, Bột bắp biến tính, Leval CA100, Maltose dextrin DE 10-15, Sodium metabisulphite,…

    Hàng nhập nguyên kiện + chất lượng đảm bảo + Giá cạnh tranh, ưu đãi khi mua số lượng lớn.

    Mọi chi tiết xin liên hệ Mr Đạt 0919758199

    Công ty TNHH Kiến Vương

    Địa chỉ: Lô 22, Đường số 7, KCN Tân Tạo, Tân Tạo A, Bình Tân, HCM

    SĐT/ZALO: 0919758199 – Skype: Biilbuck - Email: tiendat@kienvuong.com

    Giá và thông tin chi tiết sản phẩm:
    http://bicarz.blogspot.com/ - https://www.facebook.com/bicarz0919758199/
  3. tuanvan230191

    Làm thành viên từ:
    1 Tháng mười hai 2016
    Số bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    được đó bác
  4. yenbao778

    Làm thành viên từ:
    23 Tháng mười một 2016
    Số bài viết:
    49
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    Chi tiết xem tại : Chuyển nhà trọn gói
    Trong một bình luận trên Twitter vào hôm qua 27/11, Tổng thống đắc cử Mỹ Donald Trump viết: “Ngoài chiến thắng đại cử tri đoàn, tôi có thể thắng bầu cử phổ thông nếu không vì hàng triệu người bỏ phiếu bất hợp pháp". Tuy nhiên, ông không đưa ra bằng chứng cho cáo buộc "hàng triệu người bỏ phiếu bất hợp pháp".

    Ông nói rằng, ông có thể thắng bầu cử phổ thông “một cách dễ dàng và thuyết phục” nếu bầu cử tổng thống được quyết định theo cơ chế đó thay vì Đại cử tri đoàn.

    Trước cuộc bầu cử, tỷ phú New York này nhiều lần cho rằng kết quả bầu cử có thể bị sắp đặt và không có lợi cho ông. Tuy nhiên, kể từ sau cuộc bầu cử, ông đã thay đổi quan điểm và kêu gọi khối đoàn kết dân tộc.

    Cũng trong ngày hôm qua, Tổng thống đắc cử Trump đã lên tiếng chỉ trích những nỗ lực của ứng viên Đảng Xanh Jill Stein nhằm đề nghị kiểm lại phiếu bầu tổng thống ở 3 bang quan trọng gồm Michigan, Wisconsin, Pennsylvania. Ông cho rằng, đây là “một trò lừa đảo” và kêu gọi tất cả hãy thừa nhận kết quả.

    Được biết, Ủy ban bầu cử bang Wisconsin sẽ nhóm họp vào hôm nay để phê duyệt lịch trình cho việc kiểm lại phiếu. Trong khi đó, Pennsylvania và Michigan được cho là cũng sẵn sàng kiểm lại phiếu nếu nhận được khiếu nại trước hạn chót 30/11.
  5. yenbao778

    Làm thành viên từ:
    23 Tháng mười một 2016
    Số bài viết:
    49
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    Chi tiết xem tại : Chuyển nhà trọn gói
    Trong một bình luận trên Twitter vào hôm qua 27/11, Tổng thống đắc cử Mỹ Donald Trump viết: “Ngoài chiến thắng đại cử tri đoàn, tôi có thể thắng bầu cử phổ thông nếu không vì hàng triệu người bỏ phiếu bất hợp pháp". Tuy nhiên, ông không đưa ra bằng chứng cho cáo buộc "hàng triệu người bỏ phiếu bất hợp pháp".

    Ông nói rằng, ông có thể thắng bầu cử phổ thông “một cách dễ dàng và thuyết phục” nếu bầu cử tổng thống được quyết định theo cơ chế đó thay vì Đại cử tri đoàn.

    Trước cuộc bầu cử, tỷ phú New York này nhiều lần cho rằng kết quả bầu cử có thể bị sắp đặt và không có lợi cho ông. Tuy nhiên, kể từ sau cuộc bầu cử, ông đã thay đổi quan điểm và kêu gọi khối đoàn kết dân tộc.

    Cũng trong ngày hôm qua, Tổng thống đắc cử Trump đã lên tiếng chỉ trích những nỗ lực của ứng viên Đảng Xanh Jill Stein nhằm đề nghị kiểm lại phiếu bầu tổng thống ở 3 bang quan trọng gồm Michigan, Wisconsin, Pennsylvania. Ông cho rằng, đây là “một trò lừa đảo” và kêu gọi tất cả hãy thừa nhận kết quả.

    Được biết, Ủy ban bầu cử bang Wisconsin sẽ nhóm họp vào hôm nay để phê duyệt lịch trình cho việc kiểm lại phiếu. Trong khi đó, Pennsylvania và Michigan được cho là cũng sẵn sàng kiểm lại phiếu nếu nhận được khiếu nại trước hạn chót 30/11.
  6. leadtc109

    Làm thành viên từ:
    5 Tháng bảy 2016
    Số bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nữ
    Bài viết của bạn rất hay, mình sẽ lưu lại chia sẻ cho bạn bè người thân đọc, Mình có vài câu hỏi gửi bạn trong inb bạn kiểm tra giúp mình nhé. Nhân tiện bạn có nhu cầu mua chung cư, hay mua nhà, hay mua biệt thự khu lien ke thanh ha không?
  • Chia sẻ trang này