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.

• 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.

2Vào Mẫu và tắt chế độ mobile để responsive hoạt động.

3Page Manga List

<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">&#3h;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(http://4.bp.blogspot.com/-uCvqypLwH8A/VeV8F3H9CwI/AAAAAAAAElI/FgPlZg_b0D4/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="http://1.bp.blogspot.com/-gKFVLcZHnY4/Veltt8afMLI/AAAAAAAAEmo/byLpAV6T-30/s1600/one%2Bpiece.jpg" ><img src="http://1.bp.blogspot.com/-gKFVLcZHnY4/Veltt8afMLI/AAAAAAAAEmo/byLpAV6T-30/s320/one%2Bpiece.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

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm