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.
- 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
3Page Manga List
Chỉnh sửa: Thay http://yamanga-btemplate.blogspot.com thành địa chỉ website của bạn.
<script>
var showPostDate= true,
showComments= true,
idMode = true,
sortByLabel= false,
labelSorter= "Manga",
loadingText= "Loading...",
totalPostLabel = "Total Post:",
jumpPageLabel = "Page",
commentsLabel = "Comments",
prevText= "Prev",
nextText= "Next",
postPerPage= 10,
numChars= 370,
siteUrl= "http://yamanga-btemplate.blogspot.com",
imgBlank= "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('N 1J(t){A a,e,i,s,r,p,n,o,l="";0===q&&(Z=I(t.V.31$2H.$t),q=I(Z/D)+1);F(A u=0;D>u;u++)C("16"S t.V){C(u==t.V.16.P)18;a=t.V.16[u],e=a.J.$t;F(A c=0,g=a.G.P;g>c;c++)C("2C"==a.G[c].1e){i=a.G[c].k;18}F(A m=0,d=a.G.P;d>m;m++)C("2B"==a.G[m].1e&&"11/1s"==a.G[m].1t){A v=a.G[m].J.2z(" ")[0];18}r="K"S a?a.K.$t.O(/<2p ?\\/?>/2n," ").O(/<.*?>/g,"").O(/[<>]/g,""):"",r.P>Q&&(r=Q>0&&Q!==!1?r.R(0,Q)+"...":"");A f=a.1u.$t,h=f.R(0,4),1v=f.R(5,7),b=f.R(8,10);n=2g?["1G","1H","1I","1K","2f","1c","1d","2d","1f","2c","1h","2b"]:["1G","1H","1I","1K","29","1c","1d","28","1f","27","1h","23"],o=20?b+" "+n[I(1v,10)-1]+" "+h+" - ":"",p=1Z?v+" "+1Y:"",s="1q$1r"S a?a.1q$1r.1X.O(/\\/s\\d+(\\-c)?\\//,"/1W-c/"):1V,l+=\'<9 z="1U">\',l+=\'<1w><a k="\'+i+\'" J="\'+e+\'">\'+e+"</a></1w>",l+=\'<9 z="1T"><a k="\'+i+\'"><1S 1z="\'+s+\'" /></a>\',l+=\'<y z="K">\'+r+"</y></9>",l+=\'<9 U="1Q:2w;"></9><9 z="1P">\'+o+p+"</9>",l+="</9>"}L.H=l,1F()}N 1F(){3="";A t=0;C(3+=(j>1?\'<a J="\'+1a+\'" z="1o" k="x:w(\'+(j-1)+\')">\'+1a+"</a>":\'<y z="1o 1M">\'+1a+"</y>")+\'<1N U="1C:1B;1A:1B;" z="1R">\',W+1>q)F(t=1;q>=t;t++)3+=t==j?\'<y z="X">\'+t+"</y>":\'<a k="x:w(\'+t+\')">\'+t+"</a>";14 C(q>W-1)C(M>j){F(t=1;W-2>t;t++)3+=t==j?\'<y z="X">\'+t+"</y>":\'<a k="x:w(\'+t+\')">\'+t+"</a>";3+=" ... ",3+=\'<a k="x:w(\'+I(q-1)+\')">\'+I(q-1)+"</a>",3+=\'<a k="x:w(\'+q+\')">\'+q+"</a>"}14 C(q-(M-1)>j&&j>M-1){F(3+=\'<a k="x:w(1)">1</a>\',3+=\'<a k="x:w(2)">2</a>\',3+=" ... ",t=j-2;j+2>=t;t++)3+=t==j?\'<y z="X">\'+t+"</y>":\'<a k="x:w(\'+t+\')">\'+t+"</a>";3+=" ... ",3+=\'<a k="x:w(\'+(q-1)+\')">\'+I(q-1)+"</a>",3+=\'<a k="x:w(\'+q+\')">\'+q+"</a>"}14 F(3+=\'<a k="x:w(1)">1</a>\',3+=\'<a k="x:w(2)">2</a>\',3+=" ... ",t=q-(M+1);q>=t;t++)3+=t==j?\'<y z="X">\'+t+"</y>":\'<a k="x:w(\'+t+\')">\'+t+"</a>";3+="</1N>"+(t-1>j?\'<a J="\'+12+\'" z="1p" k="x:w(\'+(j+1)+\')">\'+12+"</a>":\'<y z="1p 1M">\'+12+"</y>"),1b.H=3,15.H=21+" "+Z+" - "+22+" "+(j*D-(D-1))+(t-1>j?" - "+j*D:"")}N w(t){A a,e,i=t*D-(D-1),s=B.24("25")[0],r=26?1l+"/1k/1j/K/-/"+2a+"?1i-1g="+i:1l+"/1k/1j/K?1i-1g="+i;1==17&&(B.2e.1L=L.1E-30,B.2h.1L=L.1E-30,a=B.T("1x"),a.2i.2j(a)),L.H=\'<9 E="2k">\'+2l+"</9>",1b.H="",15.H="",e=B.2m("1n"),e.1t="11/x",e.1z=r+"&2o-19="+D+"&2q=1u&2r=2s-S-1n&2t=1J",e.E="1x",s.2u(e),17=1,j=t}A M=6,W=10,17=0,q=0,Z=0,j=1;B.2v(\'<9 E="1O-2x"><9 E="19"></9><9 E="2y" U="1y:2A;"><9 E="1m"></9><9 E="1D"></9><a J="2D 2E" U="2F:2G!Y;2I:2J!Y;2K:1!Y;1y:2L;2M:2N;2O:2P;1C:2Q 2R 2S 2T,2U-2V!Y;1A:#2W;11-2X:0 2Y 0 2Z(13,13,13,.1);11-32:33;" k="34://35.36.37/38/39/3a-3b-3c-3d-3e.1s" 3f="3g">h;3i</a></9></9>\');A L=B.T("19"),1b=B.T("1m"),15=B.T("1D");3j.3k=N(){w(1)};',62,207,'|||output||||||div||||||||||actualpage|href||||||pagernum||||||_init_script|javascript|span|class|var|document|if|postPerPage|id|for|link|innerHTML|parseInt|title|summary|_results|minpage|function|replace|length|numChars|substring|in|getElementById|style|feed|maxpage|actual|important|postsnum||text|nextText|255|else|_totalposts|entry|firstpage|break|results|prevText|_pagination|Jun|Jul|rel|Sep|index|Nov|start|posts|feeds|siteUrl|pagination|script|prevjson|nextjson|media|thumbnail|html|type|published|_|h6|TEMPORAL|position|src|color|inherit|font|totalposts|offsetTop|_create_pagination|Jan|Feb|Mar|showPagePosts|Apr|scrollTop|hidden|em|toc|itemfoot|clear|pagernumber|img|iteminside|itemposts|imgBlank|s105|url|commentsLabel|showComments|showPostDate|totalPostLabel|jumpPageLabel|Dec|getElementsByTagName|head|sortByLabel|Oct|Aug|May|labelSorter|Des|Okt|Agt|documentElement|Mei|idMode|body|parentNode|removeChild|loadingscript|loadingText|createElement|gi|max|br|orderby|alt|json|callback|appendChild|write|both|outer|itempager|split|relative|replies|alternate|Taufik|Nurrohman|display|block|totalResults|visibility|visible|opacity|absolute|bottom|10px|right|14px|normal|bold|8px|Arial|Sans|Serif|666|shadow|1px|rgba||openSearch|decoration|none|http|hompimpaalaihumgambreng|blogspot|com|2012|03|daftar|isi|blogger|dengan|navigasi|target|_blank|9658|TN|window|onload'.split('|'),0,{}))
//]]>
</script>
<style>.comments-fb{display:none}#comments,.comments{display:none}h1.entry-title{background:#FF6B58;position:relative;padding:20px 0 30px;overflow:hidden;box-shadow:inset 0 -30px 30px -35px rgba(0,0,0,0.2);text-align:center;color:rgba(255,255,255,0.8);margin:0}h1.entry-title:after{content:"";background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjE4h_S16kmO8haXzVJcyDSp7Go930B_foYO4_T0B3DtPCU5nO8DWohRLWd4LB3EKuE2J886b8GhqmbWu-whub525rqV5B5L_5FyDBYZZ3APeBzG49tQkbQGcob-mpMVw1SWtGldTaGzsX/s1600/tp_slide.png)no-repeat center;position:absolute;left:0;width:100%;height:100%;top:0;opacity:.05}</style>
Chỉnh sửa: Thay http://yamanga-btemplate.blogspot.com thành địa chỉ website của bạn.
4Post Manga
<div class='mg-post'>
<div class='mg-post-thmb'>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVES0QYe3WGlAwezmbMDD6MG59ietM2SqwkS-SdcxBBEq1-KvAi39NwMYsMnSA8Aib6Brm5f4eIUOqIlspzciXtVh-la_i2V11ASY8YNELiBE7u1iibNxYxH5pl1pIS-veSg12vHllKA0z/s1600/one+piece.jpg" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVES0QYe3WGlAwezmbMDD6MG59ietM2SqwkS-SdcxBBEq1-KvAi39NwMYsMnSA8Aib6Brm5f4eIUOqIlspzciXtVh-la_i2V11ASY8YNELiBE7u1iibNxYxH5pl1pIS-veSg12vHllKA0z/s320/one+piece.jpg" /></a>
</div>
<div class='mg-post-inf'>
<p><b>Name :</b> One Piece of shit</p>
<p><b>Realased :</b> Jul 22 1997</p>
<p><b>Genre :</b> Shit, Adventure, Fantasy</p>
<p><b>Status :</b> Ongoing</p>
<p><b>Description : </b>
Gol D. Roger was known as the Pirate King, the strongest and most infamous being to have sailed the Grand Line. The capture and death of Roger by the World Government brought a change throughout the world. His last words before his death revealed the location of the greatest treasure in the world, One Piece. It was this revelation that brought about the Grand Age of Pirates, men who dreamed of finding One Piece (which promises an unlimited amount of riches and fame), and quite possibly the most coveted of titles for the person who found it, the title of the Pirate King.
</p>
</div>
<div class='clear'></div></div>
<div class='mg-alist'>
<table id="mg_pglist">
<thead>
<tr><th>Chapter</th><th>Read</th></tr>
</thead>
<tbody>
<tr>
<td>One Piece Chapter 01</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 02</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 03</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 04</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 05</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 06</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 07</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 08</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 09</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 10</td>
<td><a href="#">Read Now</a></td>
</tr>
<tr>
<td>One Piece Chapter 11</td>
<td><a href="#">Read Now</a></td>
</tr>
</tbody>
</table>
<div class='clear'></div></div>
<style>.post-options {display:none}@media screen and (max-width:770px){#outer-top{margin-top:40px}}</style>
5Post Chapter Manga
<ul class="dte-gl">
<li><a href="http://3.bp.blogspot.com/-USCPJr4JlDQ/VcWhX2sluXI/AAAAAAAB3VM/0xivv2FjaUY/s1600/17.jpg">1</a></li>
<li><a href="http://1.bp.blogspot.com/-wcZiaQWJbWo/VcWhVAWxrOI/AAAAAAAB3Uo/RRefOSWRb-s/s1600/11.jpg">2</a></li>
<li><a href="http://3.bp.blogspot.com/-USCPJr4JlDQ/VcWhX2sluXI/AAAAAAAB3VM/0xivv2FjaUY/s1600/17.jpg">3</a></li>
<li><a href="http://3.bp.blogspot.com/-jamKYz9EtvA/VcWhTyhQrII/AAAAAAAB3UY/mMx-G_c_20Q/s1600/10.jpg">4</a></li>
<li><a href="http://3.bp.blogspot.com/-USCPJr4JlDQ/VcWhX2sluXI/AAAAAAAB3VM/0xivv2FjaUY/s1600/17.jpg">5</a></li>
<li><a href="http://1.bp.blogspot.com/-wcZiaQWJbWo/VcWhVAWxrOI/AAAAAAAB3Uo/RRefOSWRb-s/s1600/11.jpg">6</a></li>
<li><a href="http://3.bp.blogspot.com/-USCPJr4JlDQ/VcWhX2sluXI/AAAAAAAB3VM/0xivv2FjaUY/s1600/17.jpg">7</a></li>
<li><a href="http://3.bp.blogspot.com/-jamKYz9EtvA/VcWhTyhQrII/AAAAAAAB3UY/mMx-G_c_20Q/s1600/10.jpg">8</a></li>
</ul>
6Widget Genre Footer
<div class='genre-type'>
<a href='/search/label/Action/'>Action</a>
<a href='/search/label/Adventure/'>Adventure</a>
<a href='/search/label/Comedy/'>Comedy</a>
<a href='/search/label/Demons/'>Demons</a>
<a href='/search/label/Drama/'>Drama</a>
<a href='/search/label/Ecchi/'>Ecchi</a>
<a href='/search/label/Fantasy/'>Fantasy</a>
<a href='/search/label/Game/'>Game</a>
<a href='/search/label/Harem/'>Harem</a>
<a href='/search/label/Historical/'>Historical</a>
<a href='/search/label/Horror/'>Horror</a>
<a href='/search/label/Kids/'>Kids</a>
<a href='/search/label/Magic/'>Magic</a>
<a href='/search/label/Martial Arts/'>Martial Arts</a>
<a href='/search/label/Mecha/'>Mecha</a>
<a href='/search/label/Military/'>Military</a>
<a href='/search/label/Music/'>Music</a>
<a href='/search/label/Mystery/'>Mystery</a>
<a href='/search/label/Parody/'>Parody</a>
<a href='/search/label/Police/'>Police</a>
<a href='/search/label/Psychological/'>Psychological</a>
<a href='/search/label/Romance/'>Romance</a>
<a href='/search/label/Samurai/'>Samurai</a>
<a href='/search/label/School/'>School</a>
<a href='/search/label/Sci-Fi/'>Sci-Fi</a>
<a href='/search/label/Seinen/'>Seinen</a>
<a href='/search/label/Shoujo/'>Shoujo</a>
<a href='/search/label/Shoujo Ai/'>Shoujo Ai</a>
<a href='/search/label/Shounen/'>Shounen</a>
<a href='/search/label/Shounen Ai/'>Shounen Ai</a>
<a href='/search/label/Slice of Life/'>Slice of Life</a>
<a href='/search/label/Space/'>Space</a>
<a href='/search/label/Sports/'>Sports</a>
<a href='/search/label/Super Power/'>Super Power</a>
<a href='/search/label/Supernatural/'>Supernatural</a>
<a href='/search/label/Thriller/'>Thriller</a>
<div class='clear'/></div></div>
7Widget Recent Post
<div id='dte-runus'></div>
<script>//<![CDATA[
// thx to taufik nurrohman
var rp_numPosts=10,
rp_monthNames=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Okt","Nov","Des"],
rp_newTabLink=!0;
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('B v(e){q(9 t=0;H>t&&t!=e.o.g.x;t++){q(9 s,r,n=e.o.g[t],a=n.6.$t,i=n.F.$t.2(0,10),l="",c=i.2(0,4),m=i.2(5,7),p=i.2(8,10),d=0;d<n.f.x;d++)N("S"==n.f[d].U){s=n.f[d].u;A}r=C?\' D="E"\':"",l=\'<w 3="h-G">\',l+=\'<z 3="g-6"><a 3="h-6" u="\'+s+\'"\'+r+">"+a+"</a></z>",l+=\'<b 3="h-I">J K \'+p+" "+L[M(m,10)-1]+" "+c+"</b>",l+="</w>",j.O("P-Q").R+=l}}9 k=j.T("y");k.V="/W/X/Y?Z=11-12-y&13=v",j.14("15")[0].16(k);',62,69,'||substring|class|||title|||var||||||link|entry|ymr||document|rp_script||||feed||for||||href|showRecentPosts|div|length|script|h2|break|function|rp_newTabLink|target|_blank|published|item|rp_numPosts|date|Release|on|rp_monthNames|parseInt|if|getElementById|dte|runus|innerHTML|alternate|createElement|rel|src|feeds|posts|summary|alt||json|in|callback|getElementsByTagName|head|appendChild'.split('|'),0,{}))
//]]>
</script>
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
HTML Page manga list chèn vào đâu vậy anh!
Trả lờiXóaBạn tạo 1 Trang mới >> chuyển qua Tab HTML rồi dán code đó vào nhé.
XóaAD xem lại cái link download,download
Trả lờiXóaLink 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 đó.
Xóahttp://imageshack.com/a/img923/2616/Ya6Y07.png
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaKhô 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óaMenu template này k hỗ trợ responsive trên mobile nên tác giả đã ẩn menu đi.
Xóa@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.
Như vậy cả cái trang web nó dài ko cân xứng rồi
XóaAD biết các tạo riêng 1 cái menu cho đt ko
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.
Xóahttp://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
http://imageshack.com/a/img922/2513/S9poaN.png
XóaLàm sao để thêm fanpag giống thế này vào trang anh
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.
Xóahttps://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.
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
XóaHì hỏi quài ngại quá
À 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óaCá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ả.
Xóahttp://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.
Gía như em biết đến cái template này sớm hơn tý :(
XóaEm đã làm web em ra thế này rồi:truyen3k.com
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...
XóaVề 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.
Tìm kiếm và thay thế các đoạn code
Xóa/* 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;}
Thay tiếp
Xóa<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>
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óaTemplate 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.
XóaBạ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.
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 ạ
XóaFb:https://www.facebook.com/ngo.khong.391
Rất muốn được lw với anh
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óacảm ơn bạn bài viết rất có ích
Trả lờiXóaCảm ơn bạn nhé ^^
XóaNhận xét này đã bị tác giả xóa.
Trả lờiXóabạ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óaBạ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é.
XóaTrướ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...
Bạn có mã làm next chap tiếp theo ở cuối mỗi chap không ạ
Trả lờiXóaMì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óaGiố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óaNế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
Xóahttp://iris-tips.blogspot.com/2015/05/exmanga-template-truyen-tranh-chuyen-nghiep-cho-blogger.html
code khác đề mô ad ơi
Trả lờiXóaNói chi tiết hơn đi bạn ;-?
Xóafile:///storage/emulated/0/photowonder/IMG_20180217_2.jpg
Trả lờiXóaLộ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
Trả lờiXóaHay a3manga ấy mà đăng mãi không hiểu nó đăng kiểu j
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À tks a nhé
Xóa/-st
XóaA ơi a ơi vậy a biết cách đăng truyện như blog này k ạ
Trả lờiXóatruyencuayy.blogspot.com/?m=1
Sr bạn mình check sót cmt này.
XóaGiố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
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óaBạ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óaem 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óaTrả lời bạn ở đây luôn nhé.
XóaNế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é.
Dạ cho em hỏi làm sao tạo cái widget "Recent Post" ạ ?
Trả lờiXóaNế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á :(
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óaVớ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óaBạ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óaTổng cộng khoảng 50 bài ạ, test lại rồi mà nó không hiện hơn ; ;
XóaVới lại em post thêm truyện mà cái ảnh recent post nó cũng không update ạ
XóaMì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é.
XóaCò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é.
Em có thêm ngắt nhảy hết rồi mà nó cũng không load hết ạ...
XóaBài này hình như còn thiếu nè bạn, bạn kiểm tra lại nhé
Xóahttp://vi-touhoudoujin.blogspot.com/2017/11/nakanai-kimi-ni.html
làm sao để dán HTML chỗ post manga vậy ad
Trả lờiXóaBạn vào chỗ đăng bài mới rồi chuyển qua tab html nhe bạn.
Xóaad 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óaPage Manga List thì bạn vào tạo trang mới --> tab html rồi dán vào.
XóaPost 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é.
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óaCá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