Noval Bintang Blogger Template Redesign

Published by : Rz Bot    Blogger Template

Demo

Update 6 Maret 2014: Final Version - Silahkan download filenya

Fitur Template Noval Bintang Blogger Template Redesign  :

• Responsive
• Valid HTML 5 Cek
• SEO 100% Cek
• FullScreen
• Simple
• Grid Layout
• Breadcrumbs
• Related Posts
• SearchBox
• Share Button
• Threaded Comment
• Top Menu
• Scroll Page (By. www.kompiajaib.com)
• Social Bookmark Bottom (By. fikrismea.blogspot.com)

Pengaturan Template

<div class='tab'>
     <input id='tab-1' name='tab-group-1' type='radio'/>
        <label for='tab-1'>Show <i>+</i></label>
        <div class='tab close-tab'>
          <input id='tab-close2' name='tab-group-1' type='radio'/>
            <label for='tab-close2'>Hide <i>-</i></label>
        </div>
<nav id='menu' role='navigation'>
  <ul>
      <li><a href='#'>Aisuka Musik</a></li>
      <li><a href='#'>Blogger</a></li>
      <li><a href='#'>Humor</a></li>
      <li><a href='#'>Relationship</a></li>
      <li><a href='#'>Template</a></li>
      <li><a href='#'>Lainnya</a>
    <ul>
          <li><a href='#'>Gambar Lucu</a></li>
          <li><a href='#'>Infografis</a></li>
          <li><a href='#'>Inspirasi</a></li>
          <li><a href='#'>Motivasi</a></li>
          <li><a href='#'>Photoshop</a></li>
          <li><a href='#'>Teka-teki</a></li>
          <li><a href='#'>Tips</a></li>
          <li><a href='#'>Ucapan</a></li>
        </ul>
        </li>
  </ul>
<form action='/search' id='search-top' method='get'>
  <input name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value='GO'/></form>
</nav>
</div>

Pengaturan Sosial Media

Ganti tanda "#" dengan link anda

<div id='social-bar'>
<a class='social-rss mar10t' href='#' target='_blank' title='Follow us on Rss'><i class='rss-24'></i><span class='phapus'><br/>Rss</span></a>
<a class='social-googleplus mar10t' href='#' target='_blank' title='Follow us on G+'><i class='googleplus-24'></i><span class='phapus'><br/>Google+</span></a>
<a class='social-facebook mar10t' href='#' target='_blank' title='Follow Us on Facebook'><i class='facebook-24'></i><span class='phapus'><br/>Facebook</span></a>
<a class='social-twitter mar10t' href='#' target='_blank' title='Follow us on Twitter'><i class='twitter-24'></i><span class='phapus'><br/>Twitter</span></a>
<div style='clear: both;'></div>
</div>

Merubah Link pada kode Javascript

Cara merubah link ganti "http://darklicious.blogspot.com/" dengan url blog anda

<script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;SEO&quot;, &quot;http://darklicious.blogspot.com/&quot;);
f.startScript();
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new window.
    var href = jQuery(this).attr('href');
  
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("target", "_blank");
    }
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new window.
    var href = jQuery(this).attr('href');
  
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("rel", "nofollow");
    }
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
    var $img = $(this);
    var filename = $img.attr('src')
    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

Info Template:

Template Name	:	Noval Bintang Blogger Template Redesign
Designer/Author	:	Noval Bintang
Redesign	:	Kiki Dee
Url	:	http://noval.web.id - http://aisukablog.blogspot.com
Publisher	:	Maonesia
License	:	Creative Commons Attribution 3.0