Fastest Magz VS EVO Magz Templates

Halo sob, pagi ini saya akan share template hasil persilangan antara template Fastest Magz v3 dengan template Evo Magz. Saya tau padahal kedua template ini berbayar sob, tapi karena di Internet juga sudah banyak yang membaginya, Saya harap Mas Sugeng juga memakluminya.

Template ini saya design ulang dengan template dasar Fastest Magz v3. Fastest Magz v3 cukup tenar dikalangan para Blogger karena design dan perfomanya dibanding template lain. Sedangkan Evo Template juga memiliki tampilan yang tidak kalah keren dan cantik ibaratnya.

Jika sobat tertarik, sobat bisa lihat demo atau bisa langsung Download dibawah ini.

Untuk widget Label Thumbail nya, sobat bisa masukkan ini ke HTML/Javascript di Widget

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Label?published&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

• 4 adalah jumlah pos yang ditampilkan
• 100 adalah jumlah karakter pada title yang akan ditampilkan
• Label silahkan ganti dengan label sobat, jika menggunakan spasi formatnya adalah seperti Nama%20Label.

Dan untuk Widget Social media seperti pada Demo Fastest Magz, ini codenya

<div class='social-box'>
<div class='social-item-outer'>
<a class='social-item-box facebook-box' href='https://www.facebook.com/nughticleblog'>
<div class='counter'>
</div>
<span class='social-title'>Facebook</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box twitter-box' href='http://twitter.com/naughticle'>
<div class='counter'>
</div>
<span class='social-title'>Twitter</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box googleplus-box' href='https://plus.google.com/u/0/108090466681521728958/posts'>
<div class='counter'>
</div>
<span class='social-title'>Google+</span>
</a>
</div>
<div class='social-item-outer'>
<a class='social-item-box rss-box' href='http://naughticle.blogspot.com/feeds/posts/default'>
<div class='counter'>
</div>
<span class='social-title'>Feedburner</span>
</a>
</div>
</div>

Dan ganti link berwarna merah dengan Link sobat

Perbaikan:

• Header tidak muncul karena widget header terhapus oleh saya. Silahkan download ulang atau menambahkan kode:

<b:widget id='Header1' locked='true' title='Naughticle Blog (Header)' type='Header'> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != "item"'> <h1 class='title'> <b:include name='title'/></h1> <b:include name='description'/> <b:else/> <p class='title'> <b:include name='title'/></p> <b:include name='description'/> </b:if> </div> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'> <span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget>
dibawah kode:

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

Template telah di Update, lihat Disini

Tweet

Subscribe to receive free email updates: