Tokyo Gahoel Manga Responsive Template - Template Truyện tranh

Tokyo Gahoel Responsive Template v2

Tokyo Gahoel 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 với verson 2 Template đã Trang chủ đã được nâng cấp với việc phân chia ra các phần dành cho từng thể loại truyện riêng biệt, rất chuyên nghiệp như các trang truyện tranh khác. Với Tokyo Gahoel Blogger Templates chắc chắn sẽ không làm bạn thất vọng.

DOWNLOAD
http://phrozen1-bt.blogspot.com

Hướng dẫn

Responsive Ảnh Cover Bố cục Vùng F1 Vùng F2 Vùng F3 Trang Calendar Trang Staff Code đăng bài Box download 1 Box download 2 Random Post

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

3Vùng F1

<script type='text/javascript'>var numposts =10;var showpostthumbnails = false;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Anime?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>

Bạn có thể thay Anime thành tag khác

4Vùng F2

<script type='text/javascript'>var numposts =10;var showpostthumbnails = true;var displaymore = true;var displayseparator = false;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>

<a class='mrpbt' href='/search/label/?max-results=10' title='Load More'>see all latest update »</a>

Đổi numposts = 10 nếu bạn muốn thay đổi số truyện hiện ở trang chủ

5Vùng F3

<script type='text/javascript'>var numposts =5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 80;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Ongoing?orderby=updated&
alt=json-in-script&callback=labelthumbs"></script>

Tìm Ongoing và thay nó thành tag bạn muốn.

6Trang Calendar

<div class='critem'>
<h3>Monday</h3>
<ul>
<li>Ai Tenchi Muyo!</li>
<li>Girl Friend BETA</li>
<li>Gugure! Kokkuri-san</li>
<li>Hero Bank</li>
<li>Orenchi no Furo Jijo</li>
<li>Shingeki no Bahamut Genesis</li>
</ul>
</div>

<div class='critem'>
<h3>Tuesday</h3>
<ul>
<li>Ai Tenchi Muyo!</li>
<li>Gigant Shooter Tsukasa</li>
<li>Ino-Battle wa Nichijo-kei no Naka de</li>
<li>Majin Bone</li>
<li>Narihero www</li>
</ul>
</div>

<div class='critem'>
<h3>Wenesday</h3>
<ul>
<li>Ai Tenchi Muyo!</li>
<li>Akatsuki no Yona</li>
<li>Gundam Build Fighters Try</li>
<li>Hi sCoool! SeHa Girl</li>
<li>KutsuDaru.</li>
<li>Marvel Disk Wars: The Avengers.</li>
<li>Trinity Seven</li>
</ul>
</div>

<div class='critem'>
<h3>Thursday</h3>
<ul>
<li>Ai Tenchi Muyo!</li>
<li>Aikatsu!</li>
<li>Daitoshokan no Hitsujikai</li>
<li>Denkigai no Honya-san</li>
<li>Hitsugi no Chaika Avenging Battle</li>
<li>Kiseiju: Sei no Kakuritsu</li>
<li>Naruto Shippuuden</li>
</ul>
</div>

<div class='critem'>
<h3>Friday</h3>
<ul>
<li>Ore, Twintail ni Narimasu!</li>
<li>Psycho-Pass 2</li>
<li>Shigatsu wa Kimi no Uso</li>
<li>Yokai Watch</li>
<li>Yuki Yuna wa Yusha de Aru</li>
</ul>
</div>

<div class='critem'>
<h3>Saturday</h3>
<ul>
<li>Ai Tenchi Muyo!</li>
<li>Donten ni Warau</li>
<li>Fate/stay night: Unlimited Blade Works</li>
<li>Garo: Honoo no Kokuin</li>
<li>Orenchi no Furo Jijo</li>
<li>Lady Jewelpet</li>
<li>Madan no o to Vanadis</li>
<li>Log Horizon 2</li>
</ul>
</div>

<div class='critem'>
<h3>Sunday</h3>
<ul>
<li>Nanatsu no Taiza</li>
<li>Yu-Gi-Oh! Arc-V</li>
<li>World Trigger</li>
<li>Sora no Method</li>
<li>Mushishi: The Next Chapter</li>
</ul>
</div>

<style type='text/css'>
#main-wrapper {float:none!important;width:100%;}
#content-wrap {width:100%!important;}
#sidebar-wrapper{display:none!important;}
.critem ul{list-style:none;margin:0!important;padding:0!important}.critem{float:left;width:135px;margin-right:4px}.critem h3{background:#e74c3c;color:#fff;padding:6px 5px 5px;font-size:13px;text-align:center;border-left:2px solid #d23b2c;margin:0}.critem li:nth-child(2n+2){background:#fcfcfc}.critem li{background:#f2f3f4;padding:4px 3px 2px!important;font-size:12px;border-left:2px solid #e9ecef;line-height:17px;margin:0!important;border-bottom:1px solid #ddd}h1.entry-title{font-size:25px;font-weight:400;text-align:center;border-bottom:4px double #ddd;border-top:4px double #ddd;text-transform:uppercase;padding:5px;letter-spacing:5px}
@media screen and (min-width:430px)and (max-width:700px){.critem{float:none!important;display:inline-block;width:100%;margin-bottom:10px}.post-body{-webkit-column-count:2;-moz-column-count:2;-o-column-count:2}}
@media screen and (max-width:430px){.critem{float:none!important;display:inline-block;width:100%;margin-bottom:10px}}
</style>

7Trang Staff

<div class='staff_blog acv'>
<img class='staff_pic' alt='' src='http://1.bp.blogspot.com/-sf8WlGm25wY/U7oCOPH-0vI/AAAAAAAAFBI/cNwdCGOivoM/s69-c/akame+-+01.jpg' />
<div class='staff_inf'>
<span><i class='fontawesome-user'></i> <b>Name</b> : Zulfikar</span>
<span><i class='fontawesome-star'></i> <b>Job</b> : Penyunting</span>
</div>
</div>

<div class='staff_blog acv'>
<img class='staff_pic' alt='' src='http://4.bp.blogspot.com/-jQwIE4jimtQ/U_p-qlWqkAI/AAAAAAAAGC8/godt5w5imaE/s69-c/akame%2B-%2B08.jpg' />
<div class='staff_inf'>
<span><i class='fontawesome-user'></i> <b>Name</b> : Zulfikar</span>
<span><i class='fontawesome-star'></i> <b>Job</b> : Penyunting</span>
</div>
</div>

<div class='staff_blog acv'>
<img class='staff_pic' alt='' src='http://3.bp.blogspot.com/-79BTwpfx4Sk/U_H-NzwuS0I/AAAAAAAAF6E/jc8MpaoPt-Y/s69-c/akame%2B-%2B07.jpg' />
<div class='staff_inf'>
<span><i class='fontawesome-user'></i> <b>Name</b> : Zulfikar</span>
<span><i class='fontawesome-star'></i> <b>Job</b> : Penyunting</span>
</div>
</div>

<div class='staff_blog nacv'>
<img class='staff_pic' alt='' src='http://1.bp.blogspot.com/-rBvvYKtypRk/U-lZKc7HWRI/AAAAAAAAFyM/sv9sxP9AcUQ/s69-c/akame+-+06.jpg' />
<div class='staff_inf'>
<span><i class='fontawesome-user'></i> <b>Name</b> : Zulfikar</span>
<span><i class='fontawesome-star'></i> <b>Job</b> : Penyunting</span>
</div>
</div>

<style type='text/css'>
h1.entry-title,.comments,.comment_form{display:none;}
</style>

8Code đăng bài

<div class='synop_top'>
<div class='synop_thumbs'>
<a href="http://4.bp.blogspot.com/-6NSGG6-FQMk/VJKLlE_-YtI/AAAAAAAADJA/IPZ8c8K2qOM/s1600/2483.jpg" imageanchor="1" ><img border="0" src="http://4.bp.blogspot.com/-6NSGG6-FQMk/VJKLlE_-YtI/AAAAAAAADJA/IPZ8c8K2qOM/s320/2483.jpg" /></a>
</div>

<ul class='synop_infs'>
<li><b>English:</b> <span>Steins;Gate</span></li>
<li><b>Japanese:</b> <span>xxxxx</span></li>
<br/>
<li><b>Type:</b> <span>TV</span></li>
<li><b>Episodes:</b> <span>24</span></li>
<li><b>Status:</b> <span>Finished Airing</span></li>
<li><b>Aired:</b> <span>Apr 6, 2011 to Sep 14, 2011</span></li>
<li><b>Producers:</b> <span>Frontier Works, FUNimation EntertainmentL, Media Factory, Movic, AT-X, White Fox, Kadokawa Pictures Japan, Nitroplus</span></li><li><b>Genres:</b> <span>Sci-Fi, Thriller</span></li>
<li><b>Duration:</b> <span>24 min. per episode</span></li>
</ul>
</div><!-- END -->

<div class='synopsis'><p>The eccentric mad scientist Okabe, his childhood friend Mayuri, and the otaku hacker Daru have banded together to form the "Future Gadget Research Laboratory," and spend their days in a ramshackle laboratory hanging out and occasionally attempting to invent incredible futuristic gadgets. However, their claymore is a hydrator and their hair dryer flips breakers, and the only invention that's even remotely interesting is their Phone Microwave, which transforms bananas into oozing green gel. But when an experiment goes awry, the gang discovers that the Phone Microwave can also send text messages to the past. And what's more, the words they send can affect the flow of time and have unforeseen, far-reaching consequences—consequences that Okabe may not be able to handle...</p></div>

9Box download 1

<div class='synop_down'>
<table>
<tr>
<td>Episode</td>
<td>480P</td>
<td>720P</td>
</tr>
<tr>
<td>Episode 1</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 2</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 3</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 4</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 5</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 6</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 7</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 8</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
<tr>
<td>Episode 10</td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
<td><a href='#'>MF</a> | <a href='#'>TS</a> | <a href='#'>SF</a> | <a href='#'>OTH</a></td>
</tr>
</table>
</div>

10Box download 2

<div class='dl-box'>
<h3 class='dl-title'>[AWSubs] Jinsei – 04</h3>
<div class='dl-item'><span class='item-dl'>MKV [720P]</span>
<div class='dl-anime'>
<a href='#'>Mediafire</a>
<a href='#'>Tustfiles</a>
<a href='#'>Sharebeast</a>
<a href='#'>Mirror</a>
</div>
</div>

<div class='dl-item'>
<span class='item-dl'>MKV [480P]</span>
<div class='dl-anime'>
<a href='#'>Mediafire</a>
<a href='#'>Tustfiles</a>
<a href='#'>Sharebeast</a>
<a href='#'>Mirror</a>
</div>
</div>

<div class='dl-item'>
<span class='item-dl'>MKV [360P]</span>
<div class='dl-anime'>
<a href='#'>Mediafire</a>
<a href='#'>Tustfiles</a>
<a href='#'>Sharebeast</a>
<a href='#'>Mirror</a>
</div>
</div>

<div class='dl-item'>
<span class='item-dl'>3GP [480P]</span>
<div class='dl-anime'>
<a href='#'>Mediafire</a>
<a href='#'>Tustfiles</a>
<a href='#'>Sharebeast</a>
<a href='#'>Mirror</a>
</div>
</div>
</div>

11Random Post

Lưu ý: Phải đăng ít nhất 20 bài với tag Anime mới thêm tiện ích này nếu không sẽ bị treo template.

Vào Mẫu >> Chỉnh sửa HTML >> tìm đoạn code <div id='main-wrapper'> và dán đoạn code dưới đây vào sau nó.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='contentanime'>
<script type='text/javascript'>
//<![CDATA[
var rdnumposts=6;
var rdsnippet_length=150;
var rdcomment='Comments';
var rddisable='Comments Disabled';
var rdinfo='no';
var rdcurpost=[];var rdtotal_posts=0;var rdcurpost=new Array(rdnumposts);function totalposts(json){rdtotal_posts=json.feed.openSearch$totalResults.$t}document.write('<scr'+'ipt type="text/javascript" src="/feeds/posts/default/-/Anime?alt=json-in-script&max-results=0&callback=totalposts"></scr'+'ipt>');function getvalue(){for(var i=0;i<rdnumposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdcurpost.length;j++){if(rdcurpost[j]==rndValue){found=true;break}};if(found){i--}else{rdcurpost[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdtotal_posts-1));return ranNum};
document.write('<ul class="rdpost">');
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function random_posts(json){for(var i=0;i<rdnumposts;i++){var entry=json.feed.entry[i];var rdposttitle=entry.title.$t;if('content'in entry){var rdget_snippet=entry.content.$t}else{if('summary'in entry){var rdget_snippet=entry.summary.$t}else{var rdget_snippet=entry.title.$t;}};rdget_snippet=rdget_snippet.replace(/<[^>]*>/g,"");if(rdget_snippet.length<rdsnippet_length){var rdsnippet=rdget_snippet}else{rdget_snippet=rdget_snippet.substring(0,rdsnippet_length);var space=rdget_snippet.lastIndexOf(" ");rdsnippet=rdget_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdcommentsNum=entry.thr$total.$t+' '+rdcomment}else{rdcommentsNum=rddisable};if(entry.link[j].rel=='alternate'){var rdposturl=entry.link[j].href;var rdpostdate=entry.published.$t;if('media$thumbnail'in entry){var rdthumb=entry.media$thumbnail.url}else{rdthumb="http://4.bp.blogspot.com/-oqePaQMPPQg/UqB5akeuCDI/AAAAAAAABvE/n7Ak_DS3vhg/s72/noimage.png"}}};var monthNames=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var mname=rdpostdate.substring(5,7);E=monthNames[parseInt(mname,10)-1];document.write('<li>');document.write('<a class="rdthumbs" href="'+rdposturl+'" title="'+rdposttitle+'"><img class="rdthumb" title="'+rdposttitle+'" alt="'+rdposttitle+'" src="'+rdthumb+'"/></a>');document.write('<strong class="rdtitle"><a href="'+rdposturl+'" title="'+rdposttitle+'">'+rdposttitle+'</a></strong>');if(rdinfo=='yes'){document.write('<span class="date">'+rdpostdate.substring(8,10)+' '+E+' '+rdpostdate.substring(0,4)+' | '+rdcommentsNum+'</span>')}document.write('<p class="rdsnippet">'+rdsnippet+'</p></li>')}};getvalue();for(var i=0;i<rdnumposts;i++){document.write('<scr'+'ipt type=\"text/javascript\" src=\"/feeds/posts/default/-/Anime?alt=json-in-script&start-index='+rdcurpost[i]+'&max-results=1&callback=random_posts\"></scr'+'ipt>')};document.write('<span class="clear"/></ul>');
//]]>
</script>
<div class='clear'/>
</div>
</b:if>

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 cmonfrozen/Iris Tips