Exmanga Template Truyện tranh, Anime chuyên nghiệp cho Blogger

Exmanga Blogger Template

ExManga 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 như các trang truyện tranh khác. Với những fan của truyện tranh Exmanga Blogger Templates chắc chắn sẽ không làm bạn thất vọng.

Hướng dẫn

Responsive Meta Tag Heading Recomendation Manga Giới thiệu truyện Post từng chapter Trang Manga List Trang Genre

Responsive

Tắt giao diện mobile để chế độ responsive hoạt động.

Meta Tag

Vào Mẫu >> Chỉnh sửa HTML, tìm (CTRL + F)

<meta content='KEYWORDS' name='keywords'/> 

<meta content='DESCRIPTION' name='description'/> 

•Đổi Keywords thành keywords blog của bạn. Ví dụ : fansubs, watch anime, fansubs subtitle English, etc
•Đổi Description thành mô tả blog của bạn. Ví dụ: Fan Base Free Watch Anime Subtitle English

Heading

Vào Mẫu >> Chỉnh sửa HTML, tìm (CTRL + F)

.sidebar h2, .sidebar h3{

margin: 0 0 12px;

color: #333;

font-size: 13px;

font-weight: 700;

border-bottom: 1px solid #ddd;

padding-bottom: 7px;

}

sau đó đổi .sidebar h2, .sidebar h3 thành h2.title,.h3.title

Recomendation Manga

Tạo Bài đăng với nhãn "Manga" tối thiểu 20 bài để widget Recomendation manga series hoạt động. Nếu không sẽ bị treo template

Code giới thiệu truyện

<div class='pmanga-thmbs'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjth7tlbJ1Nhpyy6HQ3W_ATh84kt1287XKvJVGUM377gCtXQJ-QHNjDn6-ISWjtb5FJOsSh5Dg6FRrsoHcoDIjgQAiwLefurWPFIvddPe78Jo8S15RQicGHA427AFBiEZbx68aFLzOUFxWu/s1600/4176.jpg" /></div>
<div class='pmanga-info'>
<span class='synop'>A prototype that was with the first DVD & Blu-ray. It tells the story of Sinbad’s early life, when he captured the first Dungeon, Baal.</span>
<span class='lne'><b>Alternative Name</b> : Magi: Adventure of Sinbad (?? ?????????)</span>
<span class='lne'><b>Authors</b> : Ohtaka, Shinobu (Story), Ohtera, Yoshifumi (Art)</span>
<span class='lne'><b>Genres</b> : Action, Adventure, Fantasy, Shounen</span>
<span class='lne'><b>Published</b> : May 8, 2013 to</span>
<span class='lne'><b>Status</b> : Publishing</span>
<span class='lne'><b>Ranked</b> : #4232</span>
</div>

Code post từng chapter

1Chế độ xem từng trang:

<div id="manga_cover"><img src="http://3.bp.blogspot.com/-r58WZkymzDk/VTjQWzXoFLI/AAAAAAABut0/k8m9BPIOKKo/s1600/01asli.jpg"/></div>
<div id="manga_page">page <div class='clear'></div></div><span id="manga_caption">caption</span>
<script language="javascript">
addPhoto("http://2.bp.blogspot.com/-MJEt1nVsV4c/VUsB2q6mRDI/AAAAAAABwWg/LEvzaXXeQOs/s1600/1.jpg", "", "1");
addPhoto("http://2.bp.blogspot.com/-nV0PmOsmUgE/VUsB3Rt62DI/AAAAAAABwWo/0KZbE5L3L-I/s1600/2.jpg", "", "2");
addPhoto("http://2.bp.blogspot.com/-0hl3eqhLqCU/VUsB3Z-jaeI/AAAAAAABwWs/aLAdk2Dk-Sk/s1600/3.jpg", "", "3");
addPhoto("http://4.bp.blogspot.com/-XVW3cO9z8Ro/VUsB5CXXuUI/AAAAAAABwW4/Pq6Gt4kb8GU/s1600/4.jpg", "", "4");
addPhoto("http://3.bp.blogspot.com/-LZyPYSnF8nk/VUsB6LPnmXI/AAAAAAABwXE/IXcsy6px1zM/s1600/5.jpg", "", "5");
addPhoto("http://4.bp.blogspot.com/-MFq2uLSI8Ug/VUsFaRjXoDI/AAAAAAABwX0/GsMMasDzRik/s1600/12.jpg", "", "6");
addPhoto("http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg", "", "7");
</script>
<script language="javascript">initPhoto();</script>

Muốn đổi cover ảnh bìa thì bạn đổi code này

<div id="manga_cover"><img src="http://3.bp.blogspot.com/-r58WZkymzDk/VTjQWzXoFLI/AAAAAAABut0/k8m9BPIOKKo/s1600/01asli.jpg"/></div>

Muốn thêm hình trong chap thì thêm sau đoạn

addPhoto("http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg", "", "7");

Nhớ tăng số 7 lên thành các số tiếp theo, ví dụ:

addPhoto("http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg", "", "8");
addPhoto("http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg", "", "9");
addPhoto("http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg", "", "10");

2Chế độ xem đầy đủ:

<img src='http://3.bp.blogspot.com/-r58WZkymzDk/VTjQWzXoFLI/AAAAAAABut0/k8m9BPIOKKo/s1600/01asli.jpg' alt='Naruto'/>
<img src='http://2.bp.blogspot.com/-MJEt1nVsV4c/VUsB2q6mRDI/AAAAAAABwWg/LEvzaXXeQOs/s1600/1.jpg' alt='Naruto'/>
<img src='http://2.bp.blogspot.com/-nV0PmOsmUgE/VUsB3Rt62DI/AAAAAAABwWo/0KZbE5L3L-I/s1600/2.jpg' alt='Naruto'/>
<img src='http://2.bp.blogspot.com/-0hl3eqhLqCU/VUsB3Z-jaeI/AAAAAAABwWs/aLAdk2Dk-Sk/s1600/3.jpg' alt='Naruto'/>
<img src='http://4.bp.blogspot.com/-XVW3cO9z8Ro/VUsB5CXXuUI/AAAAAAABwW4/Pq6Gt4kb8GU/s1600/4.jpg' alt='Naruto'/>
<img src='http://4.bp.blogspot.com/-XVW3cO9z8Ro/VUsB5CXXuUI/AAAAAAABwW4/Pq6Gt4kb8GU/s1600/4.jpg' alt='Naruto'/>
<img src='http://3.bp.blogspot.com/-LZyPYSnF8nk/VUsB6LPnmXI/AAAAAAABwXE/IXcsy6px1zM/s1600/5.jpg' alt='Naruto'/>
<img src='http://4.bp.blogspot.com/-MFq2uLSI8Ug/VUsFaRjXoDI/AAAAAAABwX0/GsMMasDzRik/s1600/12.jpg' alt='Naruto'/>
<img src='http://2.bp.blogspot.com/-m7GBmQtLJ20/VUsFaG32SZI/AAAAAAABwXw/0i-lEft8sqk/s1600/13.jpg' alt='Naruto'/><div style='clear: both;'></div>

Code Trang Manga List

<script type='text/javascript'>
var showPostDate=!0,showComments=!0,idMode=!0,sortByLabel=!0,labelSorter="Manga",loadingText="Loading...",totalPostLabel="Total Post:",jumpPageLabel="Page",commentsLabel="Comments",rmoreText="Read More &#9658;",prevText="Prev",nextText="Next",siteUrl="http://datshineyo-bt.blogspot.com/",postPerPage=10,numChars=70,imgBlank="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC";
</script>
<script type='text/javascript'>//dte.web.id
function showPagePosts(t){var a,e,i,s,r,n,p,o,l="";0===pagernum&&(postsnum=parseInt(t.feed.openSearch$totalResults.$t),pagernum=parseInt(postsnum/postPerPage)+1);for(var u=0;postPerPage>u;u++)if("entry"in t.feed){if(u==t.feed.entry.length)break;a=t.feed.entry[u],e=a.title.$t;for(var c=0,g=a.link.length;g>c;c++)if("alternate"==a.link[c].rel){i=a.link[c].href;break}for(var m=0,d=a.link.length;d>m;m++)if("replies"==a.link[m].rel&&"text/html"==a.link[m].type){var v=a.link[m].title.split(" ")[0];break}r="summary"in a?a.summary.$t.replace(/<br ?\/?>/gi," ").replace(/<.*?>/g,"").replace(/[<>]/g,""):"",r.length>numChars&&(r=numChars>0&&numChars!==!1?r.substring(0,numChars)+"...":"");var f=a.published.$t,h=f.substring(0,4),_=f.substring(5,7),b=f.substring(8,10);p=idMode?["Jan","Feb","Mar","Apr","Mei","Jun","Jul","Agt","Sep","Okt","Nov","Des"]:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],o=showPostDate?b+" "+p[parseInt(_,10)-1]+" "+h+" - ":"",n=showComments?v+" "+commentsLabel:"",s="media$thumbnail"in a?a.media$thumbnail.url:imgBlank,l+='<div class="itemposts">',l+='<h3><a href="'+i+'" title="'+e+'">'+e+"</a></h3>",l+='<div class="iteminside"><div class="itmsd"><a class="itma" href="'+i+'"><img class="itmimg" src="'+s+'" /></a></div>',l+='<div class="summary">'+r+'<div class="itemfoot">'+o+n+"</div></div></div>",l+='<div style="clear:both;"></div>',l+="</div>"}_results.innerHTML=l,_create_pagination()}function _create_pagination(){output="";var t=0;if(output+=(actualpage>1?'<a title="'+prevText+'" class="prevjson" href="javascript:_init_script('+(actualpage-1)+')">'+prevText+"</a>":'<span class="prevjson hidden">'+prevText+"</span>")+'<em style="font:inherit;color:inherit;" class="pagernumber">',maxpage+1>pagernum)for(t=1;pagernum>=t;t++)output+=t==actualpage?'<span class="actual">'+t+"</span>":'<a href="javascript:_init_script('+t+')">'+t+"</a>";else if(pagernum>maxpage-1)if(minpage>actualpage){for(t=1;maxpage-2>t;t++)output+=t==actualpage?'<span class="actual">'+t+"</span>":'<a href="javascript:_init_script('+t+')">'+t+"</a>";output+=" ... ",output+='<a href="javascript:_init_script('+parseInt(pagernum-1)+')">'+parseInt(pagernum-1)+"</a>",output+='<a href="javascript:_init_script('+pagernum+')">'+pagernum+"</a>"}else if(pagernum-(minpage-1)>actualpage&&actualpage>minpage-1){for(output+='<a href="javascript:_init_script(1)">1</a>',output+='<a href="javascript:_init_script(2)">2</a>',output+=" ... ",t=actualpage-2;actualpage+2>=t;t++)output+=t==actualpage?'<span class="actual">'+t+"</span>":'<a href="javascript:_init_script('+t+')">'+t+"</a>";output+=" ... ",output+='<a href="javascript:_init_script('+(pagernum-1)+')">'+parseInt(pagernum-1)+"</a>",output+='<a href="javascript:_init_script('+pagernum+')">'+pagernum+"</a>"}else for(output+='<a href="javascript:_init_script(1)">1</a>',output+='<a href="javascript:_init_script(2)">2</a>',output+=" ... ",t=pagernum-(minpage+1);pagernum>=t;t++)output+=t==actualpage?'<span class="actual">'+t+"</span>":'<a href="javascript:_init_script('+t+')">'+t+"</a>";output+="</em>"+(t-1>actualpage?'<a title="'+nextText+'" class="nextjson" href="javascript:_init_script('+(actualpage+1)+')">'+nextText+"</a>":'<span class="nextjson hidden">'+nextText+"</span>"),_pagination.innerHTML=output,_totalposts.innerHTML=totalPostLabel+" "+postsnum+" - "+jumpPageLabel+" "+(actualpage*postPerPage-(postPerPage-1))+(t-1>actualpage?" - "+actualpage*postPerPage:"")}function _init_script(t){var a,e,i=t*postPerPage-(postPerPage-1),s=document.getElementsByTagName("head")[0],r=sortByLabel?siteUrl+"/feeds/posts/summary/-/"+labelSorter+"?start-index="+i:siteUrl+"/feeds/posts/summary?start-index="+i;1==firstpage&&(document.documentElement.scrollTop=_results.offsetTop-30,document.body.scrollTop=_results.offsetTop-30,a=document.getElementById("TEMPORAL"),a.parentNode.removeChild(a)),_results.innerHTML='<div id="loadingscript">'+loadingText+"</div>",_pagination.innerHTML="",_totalposts.innerHTML="",e=document.createElement("script"),e.type="text/javascript",e.src=r+"&max-results="+postPerPage+"&orderby=published&alt=json-in-script&callback=showPagePosts",e.id="TEMPORAL",s.appendChild(e),firstpage=1,actualpage=t}var minpage=6,maxpage=10,firstpage=0,pagernum=0,postsnum=0,actualpage=1;document.write('<div id="toc-outer"><div id="results"></div><div id="itempager" style="position:relative;"><div id="pagination"></div><div id="totalposts"></div><a title="Taufik Nurrohman" style="display:block!important;visibility:visible!important;opacity:1!important;position:absolute;bottom:10px;right:14px;font:normal bold 8px Arial,Sans-Serif!important;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.1);text-decoration:none;" href="http://hompimpaalaihumgambreng.blogspot.com/2012/03/daftar-isi-blogger-dengan-navigasi.html" target="_blank">&#9658;TN</a></div></div>');var _results=document.getElementById("results"),_pagination=document.getElementById("pagination"),_totalposts=document.getElementById("totalposts");window.onload=function(){_init_script(1)};
</script>

Code Trang Genre

<nav class='nav_genre'>
<input class='mnav_chck' type='checkbox'/>
<label class='mnav_name'>Genre Manga</label>
<ul>
<li><a href='/search/label/Action/'><span itemprop='name'>Action</span></a></li>
<li><a href='/search/label/Adventure/'><span itemprop='name'>Adventure</span></a></li>
<li><a href='/search/label/Comedy/'><span itemprop='name'>Comedy</span></a></li>
<li><a href='/search/label/Drama/'><span itemprop='name'>Drama</span></a></li>
<li><a href='/search/label/Ecchi/'><span itemprop='name'>Ecchi</span></a></li>
<li><a href='/search/label/Fantasy/'><span itemprop='name'>Fantasy</span></a></li>
<li><a href='/search/label/Harem/'><span itemprop='name'>Harem</span></a></li>
<li><a href='/search/label/Horror/'><span itemprop='name'>Horror</span></a></li>
<li><a href='/search/label/Magic/'><span itemprop='name'>Magic</span></a></li>
<li><a href='/search/label/Martial Arts/'><span itemprop='name'>Martial Arts</span></a></li>
<li><a href='/search/label/Mecha/'><span itemprop='name'>Mecha</span></a></li>
<li><a href='/search/label/Military/'><span itemprop='name'>Military</span></a></li>
<li><a href='/search/label/Music/'><span itemprop='name'>Music</span></a></li>
<li><a href='/search/label/Mystery/'><span itemprop='name'>Mystery</span></a></li>
<li><a href='/search/label/Psychological/'><span itemprop='name'>Psychological</span></a></li>
<li><a href='/search/label/Romance/'><span itemprop='name'>Romance</span></a></li>
<li><a href='/search/label/School/'><span itemprop='name'>School</span></a></li>
<li><a href='/search/label/Sci-Fi/'><span itemprop='name'>Sci-Fi</span></a></li>
<li><a href='/search/label/Slice of Life/'><span itemprop='name'>Slice of Life</span></a></li>
<li><a href='/search/label/Space/'><span itemprop='name'>Space</span></a></li>
<li><a href='/search/label/Sports/'><span itemprop='name'>Sports</span></a></li>
<li><a href='/search/label/Super Power/'><span itemprop='name'>Super Power</span></a></li>
<li><a href='/search/label/Supernatural/'><span itemprop='name'>Supernatural</span></a></li>
<li><a href='/search/label/Thriller/'><span itemprop='name'>Thriller</span></a></li>
</ul>
</nav>

• DOWNLOAD

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