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

[Blogspot] Nhờ mọi người hướng dẫn chỉnh sửa

Chủ đề thuộc danh mục 'Blogspot' được đăng bởi Trần Bá Đạt, 1/4/14.

Lượt xem: 2,277

  1. Trần Bá Đạt Thành viên cấp 2

    Đây là trang blogspot mình vừa làm (Dùng 1 template có sẵn, chỉ chỉnh sửa tí):
    http://tran-badat.blogspot.com/
    Miêu tả vấn đề:

    [​IMG]

    Mình có 1 vấn đề tìm hiểu 2 ngày nay không hiểu được (Mình không phải coder, chưa học qua 1 môn lập trình nào):
    Đó là mình muốn tạo 1 cái giống "Bài đăng mới" nằm ngay bên dưới nó trong trang chủ.

    Ví dụ như mình muốn tạo 1 cái (tạm thời mình gọi là box vì chẳng biết nó là gì) mang tên "Thủ thuật CNTT" liên kết tới các nhãn (labels) có sẵn của mình, và hiển thị như của cái "Bài đăng mới" kia. Thì làm thế nào?

    Mong a,c,e chỉ giáo :-s

    ...
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Trần Bá Đạt thích bài viết này
  3. Trần Bá Đạt

    Trần Bá Đạt Thành viên cấp 2

    Dạ, đúng rồi đó a Phạm Hữu Dư :D Các chuyên mục như mấy tờ báo ấy :)
  4. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

  5. Trần Bá Đạt

    Trần Bá Đạt Thành viên cấp 2

    Cái này với cái template e đang dùng cùng 1 chủ, mà e xem cái Live Preview trên themeforest của nó cũng có những cái chuyên mục như ý của e, nhưng download về thì không có :D

    Thế là hết cách! :))
  6. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Àh đúng là temp này cũng là dạng temp tin tức! Thế thì vào tìm cái file hướng dẫn xem đi, nó có hướng dẫn cách tạo block bài viết theo chuyên mục đấy!
    Trần Bá Đạt thích bài viết này
  7. Trần Bá Đạt

    Trần Bá Đạt Thành viên cấp 2

    À, e còn 1 cái muốn hỏi nữa.
    E tìm ở trang nước ngoài có 1 đoạn code để add vào tiện ích HTML/CSS tạo slide ảnh như thế này:
    Code:
    <style type="text/css"/>
     /* dimpost.com - Basic Style */
    body{
     background: transparent;
     font:15px/2 'Adobe Caslon Pro', Georgia, Serif;
     margin:0;
     padding:0;
    }
    a{outline:0 none}
    #pagewrap{
     margin:0px auto;
     padding:0;
     position:relative;
     height:400px;
     width: 640px;
    }
    #slidewrap{position:absolute;}
    #slider {
      border-color: #b00a0a;
      border-radius: 0px 0px 0px 0px;
      border-style: solid;
      border-width: 10px 10px 30px;
      box-shadow: 0 0 0px #2F2F2F;
      height: 300px;
      margin: 10px;
      position: relative;
      width: 600px;
    }
    #slider images{
      position:absolute;
      top:0px;
      left:0px;
      display:none;
    }
    /* The Nivo Slider styles */
    .nivoSlider {
     position:relative;
    }
    .nivoSlider images {
     position:absolute;
     top:0px;
     left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     border:0;
     padding:0;
     margin:0;
     z-index:6;
     display:none;
    }
    /* The slices and boxes in the Slider */
    .nivo-slice {
     display:block;
     position:absolute;
     z-index:5;
     height:100%;
    }
    .nivo-box {
     display:block;
     position:absolute;
     z-index:5;
    }
    .nivo-directionNav{display:none!important}
    .nivo-html-caption {
      display:none;
    }
    .nivo-caption{
     position:absolute;
     right:20px;
     text-align:center;
     top:130px;
     width:192px;
     z-index:60;
    }
    .nivo-caption p{margin:0}
    .nivo-caption .title{font-style:italic}
    .nivo-controlNav {
      bottom: -23px;
      display: block;
      height: 15px;
      left: 204px;
      position: absolute;
      text-align: center;
      width: 192px;
      z-index: 51;
     opacity: 0.6;
    }
    .nivo-controlNav a{
     background:transparent url(http://upanh.kienthuchay.org/images/62button1.png) no-repeat center center;
     display:inline-block;
     height:14px;
     width:14px;
     text-indent:-9999px;
     cursor:pointer;
    }
    .nivo-controlNav .active{
     background:transparent url(http://upanh.kienthuchay.org/images/68button_active1.png); 
    }
     </style>
     <script src="http://project.dimpost.com/image-slider/jquery-1.6.1.min.js" type="text/javascript"></script>
     <script src="http://project.dimpost.com/image-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
     <script type="text/javascript">
     $(window).load(function() {
     $('#slider').nivoSlider();
     });
     </script>
     <!--[if IE]>
     <script src="modernizr-2.0.min.js"></script>
     <![endif]-->  
    <div id="pagewrap">
    <div id="slidewrap">
     <div id="slider">
     <a href="http://tran-badat.
    	
    blogspot.com/2014/03/Truyen-ngan-Nghieng.html" target="_blank"><img alt="" title="#[Truyện ngắn] Nghiêng" src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-frc1/s720x720/401477_275813755869383_761561192_n.jpg" /></a>
     <a href="http://tran-badat.
    	
    blogspot.com/2014/03/Adobe-Photoshop-CC-14-0-Full-Trinh-xu-ly-chinh-sua-anh-chuyen-nghiep.html" target="_blank"><img alt="" title="#Photoshop CC 14" src="http://upanh.kienthuchay.org/images/96photoshop_cc_welcome_s.png" /></a>
     <a href="http://tran-badat.
    	
    blogspot.com/2014/03/Key-Kaspersky-Internet-Security-2014-KIS-2014-con-khoang-1-nam.html" target="_blank"><img alt="" title="#Kaspersky Internet Security" src="http://upanh.kienthuchay.org/images/35Kaspersky.png" /></a>
     <a href="http://tran-badat.
    	
    blogspot.com/2014/03/Huong-dan-chuyen-giao-dien-Facebook-moi-ve-giao-dien-cu.html" target="_blank"><img alt="" title="#Facebook" src="http://upanh.kienthuchay.org/images/42Screenshot_929_.png" /></a>
     <a href="#" target="_blank"><img alt="" title="#caption5" src="http://project.dimpost.com/image-slider/images/sample4.jpg" /></a>
     <a href="#" target="_blank"><img alt="" title="#caption6" src="http://project.dimpost.com/image-slider/images/sample5.jpg" /></a>
     </div>
    </div>
    </div>
    
    E có chỉnh sửa vài cái ảnh theo ý mình rồi.
    Nhưng khi add vào thì show bình thường, nhưng lại dẫn tới lỗi mấy cái bên phải trang: Chuyên mục, kết nối, Nơi lưu trữ... Các cái Widget trong đó 1 là bị đẩy ra ngoài, 2 là biến mất hoàn toàn, trong khi trong Bố cục thì vẫn còn đó. Với lại mất hiệu ứng trượt khi click vào mấy cái này nữa.

    Không biết có bị lỗi trùng code gì với code gốc ko?
Từ khóa:

Ủng hộ diễn đàn