Thư viện

Trải nghiệm

Thứ Hai, tháng 7 15, 2013

Twelve million namkna template 3 cột ves 1 for blogspot

Twelve million namkna template 3 cột là template được namkna thiết kế với các tiêu chuẩn gồm 3 cột trong đó có 2 cột sidebar và một cột là bài viết. Về cơ bản phiên bản này có các tính năng và cài đặt tương tự như giao diện 1 cột. điều khác biệt duy nhất là tùy chỉnh thành 3 cột và thu nhỏ phần main cho cân đối với giao diện mới.

Chia sẻ:
Twelve million namkna template 3 cột ves 1 for blogspot
Twelve million namkna template 3 cột là template được namkna thiết kế  với các tiêu chuẩn gồm 3 cột trong đó có 2 cột sidebar và một cột là bài viết. Về cơ bản phiên bản này có các tính năng và cài đặt tương tự như giao diện 1 cột. điều khác biệt duy nhất là tùy chỉnh thành 3 cột và thu nhỏ phần main cho cân đối với giao diện mới.

¤ Các tính năng nổi bật của mẫu Twelve million namkna template 3 cột  này:

» Giao diện 3 cột
» Các cài đặt còn lại tương tự như dạng 2 cột mà mình giới thiệu trước đây ở bài Ves1.
» Các bạn có thể bấm vào hình ảnh bên cạnh để xem ảnh Demo.

¤  Tải Twelve million namkna template 3 cột về dùng:

Bạn có thể chọn một trong 2 link bên dưới để tải về dùng nha.

Download Link 1 Download Link 2

¤ Cách cài đặt Twelve million namkna template 3 cột:

1- Tùy chỉnh Recent posts trang chủ.

Để hiện thị các nhãn ở trang chủ bạn tìm các đoạn code như sau:

<div class='box2'>      
<ul class='menu-rp-namkna'>
    <li><a href='/search/label/Thread comment'>Blogger Template</a></li>
    <li><a href='/p/magazine-template.html'>Magazine Template</a></li>
    <li><a href='/p/shopping-template.html'>Shopping Template</a></li>
    <li><a href='/p/movie-template.html'>Movie Tempalte</a></li>
</ul>                                       
<script src='/feeds/posts/default/-/Thread comment?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=box2'/> 
<div style='clear:both;'/> 
</div>
<div class='box2'>                
<ul class='menu-rp-namkna'>
    <li><a href='/search/label/Design'>Design blogspot</a></li>
    <li><a href='/search/label/Blogger?max-results=5'>Blogger</a></li>
    <li><a href='/search/label/css-html?max-results=5'>CSS - HTML</a></li>
    <li><a href='/search/label/Tổng Hợp?max-results=5'>Tổng Hợp</a></li>
</ul>                             
<script src='/feeds/posts/default/-/Design?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=box2'/> 
<div style='clear:both;'/> 
</div>
<div class='box2'>                
<ul class='menu-rp-namkna'>
    <li><a href='/search/label/Layout'>Layout Template</a></li>
    <li><a href='/search/label/Blogger?max-results=5'>Blogger</a></li>
    <li><a href='/search/label/css-html?max-results=5'>CSS - HTML</a></li>
    <li><a href='/search/label/Tổng Hợp?max-results=5'>Tổng Hợp</a></li>
</ul>                             
<script src='/feeds/posts/default/-/Layout?max-results=5&amp;orderby=published&amp;alt=json-in-script&amp;callback=box2'/> 
<div style='clear:both;'/> 
</div>
</div>
Trong đó:
  • Thay thế các phần màu vàng thành tên nhãn của bạn. Lưu ý tên này phải chính xác.
  • Phần màu cam là tên hiển thị ứng với mỗi label, phần này có thể thay đổi theo ý muốn.
  • Phần màu xanh là phần label hiển thị trên menu.
2- Tủy chỉnh author box 
xem bài này

3- Tùy chỉnh phân trang 
xem bài này
Lưu ý: Tất cả mọ chỉnh sửa không giữ liên kết tác giả ở phần copyright sẽ không được suppost
Phần hướng dẫn cài đặt xem ở blog demo nha.

57 nhận xét:

  1. http://khanhal.blogspot.com/2013/07/download-game-death-track-resurrection.html
    để mất viền đen của ảnh ở bài viết thì mình sửa chỗ nào vậy, giúp mình vs

    Trả lờiXóa
    Trả lời
    1. bạn vào chỉnh sửa HTMl tìm đoạn code:

      .post-info img{max-width:600px;padding:2px;border:1px solid #ccc}

      và xóa phần border:1px solid #ccc hoặc đổi thành đoạn bên dưới

      .post-info img{max-width:600px;padding:2px}

      Xóa
    2. bữa chỉ biết tìm 1px để sửa khi search thì ra nhiều chỗ quá nên bó tay. Qua nhờ bạn giờ thì sửa đc rồi, thanks nhiều nhé

      Xóa
    3. cho mình hỏi luôn, làm sao để chỉnh sửa font tên của các widget

      Xóa
    4. và làm sao để tích hợp ô search vào menu

      Xóa
    5. Nam oi sao vao phan bo cuc thi no hien co 2 cot thoi lam sao de hoen 3 cot

      Xóa
    6. Sửa:

      .sidebar h2{margin:0; padding: 2px 0; text-align: center; border-bottom: 2px solid #aaa; margin-bottom:5px;background:#3B5998;color:#fff}


      thành:

      .sidebar h2{margin:0; padding: 2px 0; text-align: center; border-bottom: 2px solid #aaa; margin-bottom:5px;background:#3B5998;color:#fff;font:Arial,}

      Xóa
    7. Hiện tại hãy chỉnh trực tiếp trên blog. Bố cục mình sẽ cập nhật trong vài ngày tới.

      Xóa
    8. Ô search đã được tích hợp rùi bạn nha.

      Xóa
    9. ý mình là với tempalte của mình, làm thế nào để tích hợp ô search vào menu http://khanhal.blogspot.com/

      Xóa
    10. Nhận xét này đã bị tác giả xóa.

      Xóa
    11. tìm đoạn:

      <li><a href='/'>Blogger</a>
      <ul>
      <li><a href='/'>Blogger Templates</a></li>
      <li><a href='/'>Blogspot tip</a></li>
      </ul></li>
      <g:plusone></g:plusone>

      - thêm vaod sau nó code sau:

      <style>
      /* http://namkna.blogspot.com/ */
      .menusearch{float:right;padding:5px 8px 0 0;}
      .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ddd}
      .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
      .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
      .searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}
      </style>
      <div class='menusearch'>
      <form action='/search' class='searchform' method='get'>
      <input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Search here....'/>
      <input class='searchbutton' src='http://1.bp.blogspot.com/-N_4TWVUmXv4/UDdKJf5NwCI/AAAAAAAAIgY/AGrKXgwkrTo/s1600/tombolcari.gif' style='cursor:pointer;vertical-align:top' type='image' value='Go'/>
      </form>
      </div>
      <!-- search namkna -->

      Xóa
    12. bạn coi có thiếu gì ko, nó báo lỗi thế này "Element type "input" must be followed by either attribute specifications, ">" or "/>""

      Xóa
    13. Hiện tại đã được rồi đó bạn,

      Xóa
  2. Chào Namkna!
    Blog mình đang gặp một vấn đề mà trước giờ mình chưa bị lần nào
    Không hiểu tại sao blog mình tất cả các label hiện thị bình thường và đầy đủ
    Riêng label Hình ảnh thì chỉ hiện thị được một bài và là bài mới nhất của label này.
    Điều khó hiểu nữa là cứ mỗi lần đăng bài mà có label Hình ảnh thì chỉ hiện thị duy nhất bài viết đó.
    Mình có dùng auto readmore mặc định của Blogger và có chỉnh sửa đôi chút trong đó.
    Không hiểu có đụng chạm đến phần nào mà bị lỗi khó hiểu như vậy
    Nếu Namkna biết thì vui lòng giúp mình nhé.
    Cảm ơn bạn trước

    Trả lờiXóa
    Trả lời
    1. nhiều khả năng do bạn không đặt dấu ngắt nên dung lượng của tổng các bài viết lớn hơn 576kb của feed thôi.

      Xóa
    2. Mình đã thử đặt dấu ngắt ở đầu trang và đã hiện thị ok.
      Dung lượng của tổng bài viết lớn hơn 576kb
      Có phải một lần load trang index thì số dung lượng của các bài viết nhỏ hơn 576kb à

      Xóa
    3. Đúng vậy. Với các blog mới không dăng ký được feed cũng là do lỗi này gây ra mà :)

      Xóa
  3. a nam ơi e muốn game này vào blog của mình thì phải làm như thế nào , http://game.24h.com.vn/tinh-diem/thoat-khoi-mo-hoang-3-c145g1889b108.html ,

    Trả lờiXóa
    Trả lời
    1. Nam oi sao vao phan bo cuc thi no hien co 2 cot thoi lam sao de hoen 3 cot

      Xóa
    2. Của em đây:

      <embed bgcolor="#FFFFFF" height="300" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://game.24h.com.vn/upload/game/2013-07-12/1373608629_Game_ThoatKhoiMoHoang3_Secure.swf" type="application/x-shockwave-flash" width="500"></embed>

      tải về upload lên host riêng: http://game.24h.com.vn/upload/game/2013-07-12/1373608629_Game_ThoatKhoiMoHoang3_Secure.swf

      Xóa
    3. Phần bố cục anh sẽ chỉnh sớm. hiện tại chỉnh trực tiếp trên blog nha em.

      Xóa
  4. trong cái template này của bạn , mình muốn tắt cái phân trang không muốn giống như trên thì làm sao vậy bạn ! tại cái phân trang của bạn nó không hiển thị hết tất cả các bài trong label đó. Ví dụ label đó có 100 bài thì nó chỉ hiển thị tối đa được 80 bài là cùng , mất đi 20 bài trong label đó rồi

    Trả lờiXóa
  5. chào bạn, cuối tuần vừa rồi mình có gửi mail cho bạn chỉnh giúp Twelve million namkna template 2 cot ves 1 for blogspot của Blog tin tức, nhưng chưa thấy bạn hồi âm, bạn cố gắn giúp mình nhé :)
    cảm ơn bạn trước nha :)

    Trả lờiXóa
    Trả lời
    1. Mấy hôm nay mình hơi bận lát mình sẽ check mail ngay :)

      Xóa
  6. Một số bạn xóa liên kết tác giả cuối bài viết nên các hỗ trợ qua mail mình không giải đáp nha :)

    Trả lờiXóa
    Trả lời
    1. Nhận xét này đã bị tác giả xóa.

      Xóa
    2. bạn vào xem giúp mình với http://www.hoisuccapcuu103.com bị lỗi phần slide bài viết nó không chạy nữa

      Xóa
    3. File carousellite.js hết banwith. lỗi này do bạn không tải file carousellite.js về cho lên host riêng.

      Xóa
  7. Anh Nam làm sao để cái ảnh Cách vào Facebook ở đầu trang blog e nó căn vào lề bên phải hả anh
    http://khanhal.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Em thêm code của nó vào:

      <div style="clear: both; float:left;">
      code ảnh
      <div>

      Xóa
    2. right chứ anh, nhưng thêm thẻ này vào thì nó xuống dòng rồi mới căn, em muốn nó căn vào bên phải cùng hàng với logo luôn

      Xóa
    3. Uk anh đánh máy nhầm :)

      Em bỏ thuộc tính clear: both; đi nó sẽ ko xuống dòng nữa nha.

      Xóa
    4. div style="float:left;">
      ko được anh ơi :(

      Xóa
    5. Để float:right như em phát hiện ra mà em.

      Xóa
    6. à em nhầm, hehe được rồi
      Anh để liên kết với em nhé

      Xóa
    7. Oke em để url blog lại đây cho anh nha.

      Xóa
    8. http://khanhal.blogspot.com/
      e đặt liên kết vs a rồi đó

      Xóa
    9. Anh đã add rồi em kiểm tra lại nha,

      Xóa
    10. anh làm sao trong bài viết tạo đc khung chú ý màu vàng,màu xanh...khung code. Anh có bài nào hướng dẫn ko

      Xóa
    11. Em xem ở đây: KHUNG CODE. Có rất nhiều các cho em lựa chọn đó.

      Xóa
  8. anh Nam cho em hỏi làm sao để phần ảnh trên tiêu đề được khít giống anh vậy. anh ghé qua giúp em với:http://tienganhgioi123.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. EM chỉnh lại các thuộc tính margin trong các thẻ #header nha.

      Xóa
  9. Độ rộng phần thân và khung bên phải của template 2 cột là bao nhiêu hả a?

    Trả lờiXóa
    Trả lời
    1. Từ trái qua ohair lần lượt là:

      rộng 200px:
      #sidebar-wrapper2{width:200px;float:left;margin:0 10px}

      rộng 550px
      #main-wrapper{padding-left:0px;width:550px;float:left;word-wrap:break-word;overflow:hidden}

      rộng 240px:
      #sidebar-wrapper{width:240px;float:left}


      Xóa
  10. sao ko tải về được vậy a nam

    Trả lờiXóa
  11. sao ko tải về được vậy a nam

    Trả lờiXóa
  12. Em vào trang này: https://app.box.com/s/ays1b8dzggvpqkkbpp2i

    Bấm download là được mà em. nếu vẫn không được thì comment để anh cập nhật thêm link nha em.

    Trả lờiXóa
  13. cảm ơn a nhiều nhé , a ơi e muốn phần bài viết của e giống phần bài bài viết bên a hoặc giống trang trollbongda.thienhieu.com thì e phải thay đổi như thế nào hả a http://tintucmoi24.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Ý em là bài viết khi xem theo trang chủ hay trang nhãn hay là khi em xem một bài viết cụ thể.

      Xóa
  14. The user hosting this content is out of bandwidth. ko download được >.<

    Trả lờiXóa
  15. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  16. anh cho em hỏi tí
    cái tem của em

    http://duyhungfft.blogspot.com/

    nó loading cực kỳ chậm ,không thể load đc.mac dù em copy cùng một tem khác thì tem đó chạy nhanh.mà em copy ra tem nào cũng chạy không được -còn tem gốc thì chạy nhanh

    xem hộ em với

    Trả lờiXóa
    Trả lời
    1. Blog đó đâu có tồn tại hả em. Em gắn nhầm link rồi :)

      Xóa