KomikHP Blogger Templates

Posted on July 3rd, 2018

KomikHP Blogger Templates, Yuukithemes, Usagilabs, Theme Anime
Downloads Themes

Good night, this time I will share the manga template for blogger created by others, which I think the template is very good, simple, responsive and elegant. I have also requested permission to the template maker for me to share again on my blog.

The name of this template is KomikHP which is redesigned by Indrawan Leesanto (Blog Itolink) from the results of the Anime theme created by Zkreations.

And also this template has been modified by me a bit, which will be different if you download directly from the site (itolink).

See Also :How to Create Download Box Using Plugin Meta Box
How To Create Anime Genre Widget on Blog
RemIcy V2.2 WordPress Themes

How to use Theme

I suggest you first to read the basic guide blogger here, this basic guide is very helpful for you in improving the performance of your blog.

Fix Bug : Post Display Just 1 or 3 in Homepage

This is a bug that often happens from the beginning I create a manga template, this bug is from blogger, in my opinion this bug occurs because all the content contains only images. and on the release of the last manga template, I managed to get the solution that is by using a jumpbreak in blogger.

1. If you are using HTML Mode, add the code below right at the beginning of the post line.
<!--more-->
2. If you use Compose Mode, please click the jump break icon as example picture below.

Note :
when you want to publish more than two articles simultaneously. please pause for a few seconds. to avoid this bug.

Customize Themes

You can change the background, color and other look with ease.. use the customization feature provided by the original template (Zkreations – anime).
1. Choose your blog
2. Click Menu Theme
3. Click Button Customize

Meta Tag : Personalize

1. Choose your blog
2. Click Menu Theme
3. Click Button Edit HTML
4. Find this code <!-- Datos personalizados del usuario --> then you will see like the code below.

<!-- Datos personalizados del usuario -->
<link href='https://plus.google.com/112853821957963480938' rel='Publisher'/>
<meta content='@blogger' name='twitter:site'/>
<meta content='@google' name='twitter:creator'/>

Meta Tag : Thumbnail NoImage

1. Choose your blog
2. Click Menu Theme
3. Click Button Edit HTML
4. Find this code content='//blog-logo-url-square-size-is-good' then you will see like the code below.

<meta content='//blog-logo-url-square-size-is-good' itemprop='image'/>

Edit Menu

1. Choose your blog
2. Click Menu Layout
3. Click Edit MenuNav
4. Replace the link or menu name as you wish.
KomikHp Anime Blogger Themes

Edit Social Footer

1. Choose your blog
2. Click Menu Layout
3. Click Edit Link Social (Scroll at the bottom)
4. Follow as shown below.

Note :
Write down the name of the social site you want to appear. eg “Facebook” input “facebook” (Must use lowercase) in the New Site Name column.

Edit Link Footer

1. Choose your blog
2. Click Menu Layout
3. Click Edit Link Footer (Scroll at the bottom)
4. Replace the link or menu name as you wish.
KomikHp Anime Blogger Themes

Change System Comments

this is an interesting feature in my opinion made by zkreations.. where you can choose the comments system that will be used on your blog.

Using the Disqus Comments Box
1. Choose your blog
2. Click Menu Theme
3. Click Button Edit HTML
4. Search this code

<b:with value='[&quot;blogger&quot;,&quot;Shortname&quot;,&quot;10&quot;]' var='commentsType'>
komikhp-manga-templates-blogger

Note :
1. Replace Text blogger with disqus
2. Replace Shortname with your shortname disqus. click here to find out the shortname of your website on disqus.

Using the Facebook Comments Box
1. Choose your blog
2. Click Menu Theme
3. Click Button Edit HTML
4. Search this code

<b:with value='[&quot;blogger&quot;,&quot;Shortname&quot;,&quot;10&quot;]' var='commentsType'>
komikhp-manga-templates-blogger

Note :
1. Replace Text blogger with facebook
2. Replace Number 10 as you wish (that number is the limit of the number of comments that will appear)
3. Add the following code just below the <body class='index' itemscope='' itemtype='http://schema.org/WebPage'> code
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

How to Post Manga Series

One of my modifications to this template is the auto list chapter feature I took from my old mizumanga theme, which may be useful for those of you who want to bring up your chapter list automatically.

You can choose to use manual post manga series (list chapter filled by yourself) or automatic.

Auto
Enter into the theme folder then click Post - TOC Manga Auto.txt copy the code and paste when you create the manga series.

Manual
Enter into the theme folder then click Post - TOC Manga Manual.txt copy the code and paste when you create the manga series.

Here are some explanations below about the code in Post – TOC Manga.txt

Name Explanation
<!-- Here Thumbnail --> Replace with comic / manga cover image.
<!-- Info --> Replace according to the info title.
<!-- Here Synopsis --> Replace it with a manga synopsis.
<a href="<strong>XXXX</strong>">CHAPTER 1</a> Replace XXXX according to destination chapter link, and chapter numbers too
<a href="<strong>XXXX</strong>">Download</a> Replace XXXX with download link according chapter

Version

v1.0
- Release Template

v1.1
- Add List Chapter Auto for Post Manga Series
- Add Conditional Sidebar
- Add MaxWidget (Limit Widget) in Header
- Add MaxWidget (Limit Widget) in Slider
- Add RTL Mode / Support Arabic
- Change Language Indonesia to English
- Display Title in Slider Popular Post
- Restore Include comment-disqus and comment-facebook
- Restore Pagination
- Fix Arrow / Navigation Slider in Middle Position
- Fix Material Icon import_contacts
- Fix some HTML
- Fix Pagination
- Remove CSS Font Oswald
- Remove CSS Material Icons
- Minify CSS
- Add External CSS (for auto update from me)

Credit

– http://zkreations.com
– https://www.itolink.web.id/2018/05/template-manga-blogger-responsive-free.html
– https://varvy.com/pagespeed/render-blocking-css.html
– https://materialdesignicons.com
– http://template-data.blogspot.com/?variant=dark

Please wait....
Disqus comment box is being loaded