Hot Post

Yamanga Responsive Blogger Template - Template Truyện tranh - Anime cho Blogger


Yamanga Responsive Template

Yamanga là một Blogger Template dành cho truyện tranh với Full Responsive với nhiều chức năng ưu việt, được tối ưu hóa riêng dành cho thể loại truyện tranh như Trang Giới thiệu truyện, Trang Manga List, Trang Genre và đặc biệt là Trang Post từng chapter truyện với thanh chuyển chapter chuyên nghiệp tương tự như Exmanga Blogger Template. Với những fan của truyện tranh Yamanga Blogger Templates chắc chắn sẽ không làm bạn thất vọng.

Yamanga Template Truyện tranh - Anime cho Blogger

  • DOWNLOAD
  • http://yamanga-btemplate.blogspot.com

Hướng dẫn

Picture Header Responsive Page Manga List Post Manga Post Chapter Manga Widget Genre Footer Widget Recent Post
1Vào Bố cục >> Header >> Chỉnh sửa và thay đổi Header Picture như hình bên dưới.



Password: iris-tips.blogspot.com

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by BlogFrozen/Iris Tips
Đăng ký nhận tin khuyến mãi, thủ thuật mới

Mẹo nhỏ khi bình luận
  • - Để viết chữ in đậm hãy sử dụng thẻ <b>chữ in đậm</b>
  • - Để viết chữ in nghiêng hãy sử dụng thẻ <i>chữ in nghiêng</i>
  • - Để viết code hãy sử dụng công cụ Conversion ở bên dưới để mã hóa và sau đó dán vào khung bình luận.
  • - Để chèn hình ảnh, video chỉ cần dán link trực tiếp của hình ảnh hoặc video vào khung bình luận (hỗ trợ: jpg, gif, png, bmp, Youtube).
  • - Bạn có thể upload hình ảnh, tập tin trực tiếp từ máy tính bằng cách sử dụng công cụ Up ảnh hoặc Up file ở bên dưới.
  • - Bạn có thể check vào ô Notify me ở khung nhận xét để nhận thông báo qua email khi ai đó trả lời bình luận của bạn.

59 Comments

  1. HTML Page manga list chèn vào đâu vậy anh!

    Trả lờiXóa
    Trả lời
    1. Bạn tạo 1 Trang mới >> chuyển qua Tab HTML rồi dán code đó vào nhé.

      Xóa
  2. AD xem lại cái link download,download

    Trả lờiXóa
    Trả lời
    1. Link download vẫn hoạt động bình thường bạn. Bạn nhấn Skip Ads rồi nhấn vào nút FB hình bên dưới và làm theo hướng dẫn trong đó.
      http://imageshack.com/a/img923/2616/Ya6Y07.png

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

    Trả lờiXóa
  4. Khô xem trên điện thoại không thấy menu nào cả (demo cũng ko có luôn) mặc dù làm đúng hướng dẫn rồi

    Trả lờiXóa
    Trả lời
    1. Menu template này k hỗ trợ responsive trên mobile nên tác giả đã ẩn menu đi.
      @media screen and (max-width:640px){
      ...
      #nav-wrapper ul{display:none}
      ...
      }

      Nếu muốn hiện menu trên điện thoại thì bạn xóa dòng css đó đi #nav-wrapper ul{display:none} nhưng khả năng cao menu sẽ bị vỡ do không hỗ trợ giao diện mobile.

      Xóa
    2. Như vậy cả cái trang web nó dài ko cân xứng rồi
      AD biết các tạo riêng 1 cái menu cho đt ko

      Xóa
    3. Bạn truy cập vào link bên dưới tìm thử xem, mình thấy cũng có 1 vài menu khá nhỏ gọn thích hợp cho mobile.
      http://iris-tips.blogspot.com/search/label/Menu?&max-results=6

      Code xong nếu muốn chỉ xuất hiện trên mobile thì kết hợp thêm thẻ điều kiện IF vào
      http://iris-tips.blogspot.com/2015/04/tong-hop-cac-truong-hop-su-dung-the-dieu-kien-if-else-trong-blogger.html

      Xóa
    4. http://imageshack.com/a/img922/2513/S9poaN.png
      Làm sao để thêm fanpag giống thế này vào trang anh

      Xóa
    5. Vào trang này tạo 1 ứng dụng (nhớ public nó ra). Rồi lấy code của ứng dụng và fanpage nhúng vào website.
      https://developers.facebook.com/docs/plugins/page-plugin?locale=vi_VN

      Còn nếu không thì có thể iframe để thay thế cũng được.

      Xóa
    6. Anh cho em hỏi làm sao để cài menu rơ chuột vô thì sẽ có list menu nữa jong như thanh menu của anh ấy
      Hì hỏi quài ngại quá

      Xóa
    7. À mà ý em hỏi cài áp dụng cho cái templa đó nha vẫn là cái menu đó luôn nhưng rơ vào thì nó sẽ xổ xuống

      Xóa
    8. Cái đó là dropdown menu bạn. Bạn có thể tham khảo thử template này cũng của cùng nguồn tác giả.
      http://iris-tips.blogspot.com/2015/09/tokyo-gahoel-manga-responsive-template.html

      Tải template về rồi bạn tìm .fnav chỗ đó sẽ chứa CSS thanh menu, bạn có thể chỉnh sửa class và id cho phù hợp với template này.

      Bạn thử xem, tại đầu tuần mình khá là bận, vài ngày nữa mới ok được.

      Xóa
    9. Gía như em biết đến cái template này sớm hơn tý :(
      Em đã làm web em ra thế này rồi:truyen3k.com

      Xóa
    10. Mỗi template có 1 ưu diểm riêng bạn có thể nghiên cứu kỹ rồi hãy quyết định. Hiện tại mình thấy bạn cũng chưa đăng bài nhiều nên vẫn có thể đổi được, chứ về sau là phải dùng cố định luôn vì đặc thù template manga mỗi template có 1 code đăng bài khác nhau mà. Cái này mình từng bị rồi nên cũng khá rõ, về sau khi bài nhiều rồi muốn đổi cũng lực bất tòng tâm...

      Về template manga bạn có thể tham khảo thêm tại đây
      http://iris-tips.blogspot.com/search/label/Manga%20Anime%20Blogger%20Template?&max-results=6

      Còn nếu vẫn thích dùng template Yamanga thì bạn đợi vài ngày nữa xong việc mình sẽ thử edit dropdown menu cho bạn.

      Xóa
    11. Tìm kiếm và thay thế các đoạn code
      /* MENU */
      #nav-wrapper{margin:0 auto;position:relative;float:right;background-color:#222;line-height:36px;border-radius:3px;}
      #nav-wrapper ul{margin:0;padding:0;}
      #nav-wrapper li{float:left;margin:0;list-style:none;margin-right:1px;-webkit-transition:all .7s;-moz-transition:all .7s;-o-transition:all .7s;transition:all .7s;}
      #nav-wrapper li a i{padding-right:5px;}
      #nav-wrapper li a{color:#fff;display:inline-block;padding:0 14px;}
      #nav-wrapper li:first-child a{background-color:#E24A37;border-radius:3px 0 0 3px;}
      #nav-wrapper li:last-child:hover a{border-radius:0 3px 3px 0;}
      #nav-wrapper li:hover a{background-color:#E24A37;}

      thành
      /* MENU */
      #nav-wrapper{margin:0 auto;position:relative;float:right;background-color:#222;line-height:36px;border-radius:3px;}
      #nav-wrapper ul{margin:0;padding:0;}
      #nav-wrapper li{float:left;margin:0;list-style:none;margin-right:1px;-webkit-transition:all .7s;-moz-transition:all .7s;-o-transition:all .7s;transition:all .7s;}
      #nav-wrapper li a i{padding-right:5px;}
      #nav-wrapper li a{color:#fff;display:inline-block;padding:0 14px;width:100%}
      #nav-wrapper li:first-child a{border-radius:3px 0 0 3px;}
      #nav-wrapper li:last-child:hover a{border-radius:0 3px 3px 0;}
      .nav-home{background-color:#E24A37;border-radius:3px 0 0 3px;}
      .dropdown{position:absolute;background:#222;margin:0;list-style:none;padding:2px 0!important;display:none;z-index:999;}
      .dropdown:before{content:"";border:6px solid transparent;position:absolute;top:-12px;left:25px;border-bottom-color:#333;}
      .dropdown li a{color:#fff;display:block;font-size:12px;}
      .dropdown li:hover{background:#E24A37;}
      .idrop{padding-left:5px;top:0px;position:relative;}
      #nav-wrapper>ul>li{float:left;margin:0;list-style:none;position:relative;}
      #nav-wrapper>ul>li>a{color:#fff;display:inline-block;font-size:12px;}
      #nav-wrapper>ul>li:first-child>a{padding:9px 15px;font-size:12px!important;line-height:18px;}
      #nav-wrapper>ul>li:hover .dropdown{display:block;}
      #nav-wrapper li:hover{background-color:#E24A37;}
      #nav-wrapper li .nav-drop:hover{width:100%!important;}

      Xóa
    12. Thay tiếp
      <nav id='nav-wrapper' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
      <ul>
      <li class='nav-home'><a expr:href='data:blog.homepageUrl'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
      <li><a href='/search/label/?max-results=25'><span itemprop='name'><i class='fa fa-bars'/> Last Release</span></a></li>
      <li><a href='/p/manga-list.html'><span itemprop='name'><i class='fa fa-book'/> Manga List</span></a></li>
      <li><a onclick='feelingLucky();' style='cursor:pointer;'><span itemprop='name'><i class='fa fa-random'/> Random</span></a></li>
      <li><a href='/p/staff.html'><span itemprop='name'><i class='fa fa-users'/> Staff</span></a></li>
      </ul>
      <span class='clear'/>
      </nav>

      thành
      <nav id='nav-wrapper' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
      <ul>
      <li class='nav-home'><a expr:href='data:blog.homepageUrl'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
      <li><a href='/search/label/?max-results=25'><span itemprop='name'><i class='fa fa-bars'/> Last Release</span></a></li>
      <li><a href='#' title='Anime'><span itemprop='name'>Anime <i class='fa fa-caret-down idrop'/></span></a>
      <ul class='dropdown'>
      <li class='nav-drop'><a href='/search/label/Completed' title='Completed'>Completed</a></li>
      <li class='nav-drop'><a href='/search/label/Ongoing' title='Ongoing'>Ongoing</a></li>
      <li class='nav-drop'><a href='/search/label/PV' title='MV/PV'>MV/PV</a></li>
      <li class='nav-drop'><a href='/search/label/OVA' title='Ova/Special'>OVA/SPECIAL</a></li>
      </ul>
      </li>
      <li><a onclick='feelingLucky();' style='cursor:pointer;'><span itemprop='name'><i class='fa fa-random'/> Random</span></a></li>
      <li><a href='/p/staff.html'><span itemprop='name'><i class='fa fa-users'/> Staff</span></a></li>
      </ul>
      <span class='clear'/>
      </nav>

      Xóa
  5. Xin lỗi ad bây giờ em mới nhớ tới cái câu tl của ad em cảm ơn ad đã bỏ công ra để viết code,trước đó em đã chọn một template tokyo rồi nhưng bây giờ đã tuyệt vọng khi mà đăng truyện thì trong trang đăng list mà tới mấy trăm trang thì làm sao mà thêm vào đây,nếu thêm thì phải vào từng trang mà thêm rồi hôm sau đăng tiếp chap nữa lại phải đi lại từng trang mà bổ sung thêm kể cả list ko có tự động qua trang nữa chả biết nên làm gì hay đành bỏ cuộc đây.

    Trả lờiXóa
    Trả lời
    1. Template Tokyo Gahoel cấu trúc nó thế rồi bạn, bởi vậy mình đã khuyên bạn nên nghiên cứu kỹ rồi hãy chọn template.

      Bạn có thể khắc phục tạm bằng cách ghi từng chapter truyện trong bài chính như vậy, có link chuyển đến từng chapter và tất nhiên là phải làm thủ công thôi.
      http://imageshack.com/a/img924/619/RT2bni.png

      Còn về phần thanh chuyển hướng qua chapter khác thì chỉ có 2 template là Yamanga với Exmanga có thôi, dùng mấy template khác thì phải chịu thôi.

      Nếu bạn định hướng làm 1 website chuyên nghiệp và có sự đầu tư thì bạn nên qua Wordpress, theo mình biết thì bên Wordpress có template chuyên về manga, có tính năng grab truyện từ trang khác, thống kê, báo link die... và tất nhiên là template premium, bạn phải bỏ ra 1 khoản phí nhất định.

      Còn nếu bạn vẫn thích dùng bên Blogger thì vẫn ok, nhưng vì nó là mã nguồn mở miễn phí, tính năng có thể không bằng các mã nguồn khác nên phải bỏ 1 ít công sức ra bạn ah.

      Xóa
    2. Cuộc sống chật vật,dân youtuber như em cuối cùng cũng có ngày tàn vì chính sách của gg,nên mèn mò qua bên website nhưng biết bao nhiêu khó khăn khi không hiểu 1 ngôn ngữ nào,chắc có lẽ phải dời sang 1 hướng đi mới,AD có thể cho mình link fb cá nhân ae giao lưu được ko ạ
      Fb:https://www.facebook.com/ngo.khong.391
      Rất muốn được lw với anh

      Xóa
    3. Cá nhân thì nên để cá nhân thôi bạn, có gì trao đổi trực tiếp trên website hay qua email chắc cũng được rồi ^^

      Xóa
  6. cảm ơn bạn bài viết rất có ích

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

    Trả lờiXóa
  8. bạn ơi, mình page manga list được r nhưng mấy cái ảnh nó không hiện lên

    Trả lờiXóa
    Trả lời
    1. Bạn ơi bạn thông cảm cho mình vài hôm nhé, mình đang bận công tác đến khoảng cuối tuần mới xong lận. Bạn thông cảm đợi vài hôm nữa nhé.
      Trước mắt bạn có thể xem ảnh phải tự bạn upload trực tiếp lên blog nhé, nhớ chỉnh label và url blog lại cho đúng, để blog ở trạng thái Công cộng...

      Xóa
  9. Bạn có mã làm next chap tiếp theo ở cuối mỗi chap không ạ

    Trả lờiXóa
    Trả lời
    1. Mình không có đoạn code riêng về phần này bạn, lúc trước hình như tác giả của template cũng có chia sẻ đoạn code mà giờ webiste đó đóng cửa rồi bạn. Để mình thử liên hệ, ok thì mình sẽ đăng bài viết lên Iris Tips để chia sẻ cho bạn nhé.

      Xóa
  10. Giống như cái web truyện này http://truyentranh.net/witch-hunter/Chap-166 , nó có phần gi đầy đủ các chap, người đọc có thể lùi hoặc next chap tiếp theo

    Trả lờiXóa
    Trả lời
    1. Nếu bạn thích thanh chuyển chapter giống như vậy bạn có thể tham khảo thử template này nhe
      http://iris-tips.blogspot.com/2015/05/exmanga-template-truyen-tranh-chuyen-nghiep-cho-blogger.html

      Xóa
  11. code khác đề mô ad ơi

    Trả lờiXóa
  12. file:///storage/emulated/0/photowonder/IMG_20180217_2.jpg

    Trả lờiXóa
  13. Lộn. Cơ mà a ơi đăng kiểu j để ngoài trang chủ nó chỉ hiện ra tiêu đề cùng ảnh bìa nghĩa là đầu truyện ý rồi khi ấn vào nó mới hiện ra danh sách chapter. Cái post manga với post chaper manga e tạo 2 bài đăng mới rồi dán code như a chỉ nhưg mà nv thì đầu truyện cùng chapter lẫn hết vào nhau. E muốn làm như kiểu trang này https://luctruyen.blogspot.com/?m=1
    Hay a3manga ấy mà đăng mãi không hiểu nó đăng kiểu j

    Trả lờiXóa
    Trả lời
    1. Giống trang đó thì bạn tạo thêm 1 blog nữa nhé. 1 cái post tên truyện thôi (blog chính) với 1 blog chỉ post các chapter truyện rồi dẫn link qua bài ở blog chính nhé.

      Xóa
  14. A ơi a ơi vậy a biết cách đăng truyện như blog này k ạ
    truyencuayy.blogspot.com/?m=1

    Trả lờiXóa
    Trả lời
    1. Sr bạn mình check sót cmt này.
      Giống bên đó bạn dùng template này nhé
      https://iris-tips.blogspot.com/2015/05/exmanga-template-truyen-tranh-chuyen-nghiep-cho-blogger.html

      Xóa
    2. Khong. Ý e là cách đăng truyện như thế ấy.không phải tạo 1 blog khác mà trang chủ vẫn chỉ hiện lên trang truyện không lẫn vs chap ấy

      Xóa
    3. Bạn xem lại cmt trên nhé, đó là chức năng của theme đấy. Bạn đọc kỹ phần hướng dẫn sử dụng và tùy biến 1 chút là sẽ được.

      Xóa
  15. em muốn chuyển template trên từ trang truyện thành trang xem phim với mã nhúng trên yotube thì làm như thế nào ạ? Mong anh hướng dẫn cụ thể cho e với

    Trả lờiXóa
    Trả lời
    1. Trả lời bạn ở đây luôn nhé.
      Nếu muốn post thêm video trên Youtube thì chỗ Post Chapter Manga bạn chỉ cần sao chép mã nhúng của youtube vào thôi, không cần post code theo như mẫu trên bài viết nhé.
      Còn về việc có thanh chuyển các video như chuyển chapter manga thì không được nhé, post video thì sẽ như các post thông thường do không thể post đúng mẫu code của theme nên không thể có thanh chuyển chapter được nhé. Đây là theme cho manga nên bạn post video thì có thể không phù hợp nhé, bạn có thể tham khảo thêm các theme chuyên dụng cho video thì ok hơn nhé.

      Xóa
  16. Dạ cho em hỏi làm sao tạo cái widget "Recent Post" ạ ?
    Nếu thay từng ảnh thì làm sao nó auto update mỗi khi mình đăng truyện mới ạ? :(
    Trang của em: http://vi-touhoudoujin.blogspot.com/

    Bị bí khúc đó quá :(

    Trả lờiXóa
    Trả lời
    1. Mình xem trên website bạn hình như làm thành công cái widget này rồi mà bạn? Cái này này khi bạn đăng bài mới nó tự động update nhé, nhớ đặt blog ở chế độ công cộng nhé.

      Xóa
    2. Với lại ad cho em hỏi, cái đoạn "load more chapter" ý, bấm vào nó không load thêm mà chỉ hiển thị nhiêu đó thôi ạ, làm sao để sửa ? :(

      Xóa
    3. Bạn đăng tổng cộng bao nhiêu bài rồi? Mình thấy hiện khoảng 14-15 bài thấy ok rồi mà? Bạn đăng thêm bài rồi test lại nhé

      Xóa
    4. Tổng cộng khoảng 50 bài ạ, test lại rồi mà nó không hiện hơn ; ;

      Xóa
    5. Với lại em post thêm truyện mà cái ảnh recent post nó cũng không update ạ

      Xóa
    6. Mình mới check lại cái recent post bạn phải edit thủ công nhé. Tìm nav id='mangakun' kéo xuống dưới chỉnh sửa nhé.
      Còn cái load more vẫn hoạt động bình thường nhe bạn. Khi đăng bài bạn nhớ sử dụng dấu ngắt trang nhé.

      Xóa
    7. Em có thêm ngắt nhảy hết rồi mà nó cũng không load hết ạ...

      Xóa
    8. Bài này hình như còn thiếu nè bạn, bạn kiểm tra lại nhé
      http://vi-touhoudoujin.blogspot.com/2017/11/nakanai-kimi-ni.html

      Xóa
  17. làm sao để dán HTML chỗ post manga vậy ad

    Trả lờiXóa
    Trả lời
    1. Bạn vào chỗ đăng bài mới rồi chuyển qua tab html nhe bạn.

      Xóa
  18. ad cho em hỏi là add mấy đoạn code trên vào chỗ nào ak. thứ tự ra sao. vào mục head hay là body, em dân gà mờ ak. thanks

    Trả lờiXóa
    Trả lời
    1. Page Manga List thì bạn vào tạo trang mới --> tab html rồi dán vào.
      Post Manga và Post Chapter Manga thì bạn vào đăng bài viết mới cũng qua tab html.
      Còn 2 cái widget cuối thì bạn vào Bố cục rồi chèn vào nhé.

      Xóa
  19. Ad ơi tại sao web em lại load cực chậm sau khi đổi giao diện này ạ? ad có thể hướng dẫn cách khắc phục giúp em được không ạ?

    Trả lờiXóa
  20. Cái teplate này load lâu dã man, có cách nào tối ưu cho nó load nhanh hơn k ad?

    Trả lờiXóa

Đăng nhập bằng Google


Cùng tham gia bình luận bài viết này nhé!