Howl Template

Hello,ini adalah postingan pertama saya dalam pembuatan template blogger,jadi bisa di bilang saya disini masih seorang Newbie.

Berbicara soal template,pada kesempatan kali ini saya akan meng-share template yang berbau "game".

Berikut SS

Warna utama dari template ini adalah "hitam",navbar yang kita gunakan adalah Slide,ada juga footer terdiri 2 kolom untuk kata-kata dan 3 kolom untuk Widget.Dan Framework css yang di gunakan adalah materialze

---

1.Pengaturan

Untuk pengaturan dari navbar,silahkan cari Code ini.

     
<ul class='side-nav' id='slide-out'>  
  <li><div class='userView center-align'>  
   <a href='#!user'><img class='asd responsive-img' expr:alt='data:blog.title' expr:title='data:blog.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuehjeUx1im8pcHGJuH56V54cMOTLF7obYQpNB4se06eaiGiFOK_LxRE1v-kpFUbJweTYoqhDAkUim4gVMZ_m7Fe6ZW0j9pAVxGJamJCduCNiHXszDIR1_liIpIWw8k9K_H4SdQvpk1AYs/s1600/FOX.png'/></a>  
   <a href='#!name'><span class='white-text name'>HOWL</span></a>  
  lt;/div></li>  
  <li><a class='waves-effect waves-red' expr:href='data:blog.homepageUrl' id='sideacd'><i class='material-icons' id='putih'>dashboard</i>HOME</a></li>  
  <li><a class='waves-effect waves-red' href='about.html' id='sideacd'><i class='material-icons' id='putih'>info_outline</i>ABOUT US</a></li>  
  <li><a class='waves-effect waves-red' href='game.html' id='sideacd'><i class='material-icons' id='putih'>games</i>GAME</a></li>  
  <li><a class='waves-effect waves-red' href='career.html' id='sideacd'><i class='material-icons' id='putih'>work</i>CAREER</a></li>  
  <li><a class='waves-effect waves-red' href='contact.html' id='sideacd'><i class='material-icons' id='putih'>contacts</i>CONTACT</a></li>  
</ul>
    
    

Untuk merubah logo.Pada Text warna biru dapat di ganti dengan link gambar.Dan pada text warna merah ganti dengan link halaman blog kamu.

Mengatur gambar header.

     
         <div class='parallax-container section- scrollspy' id='paralax'>  
           <div class='section- no-pad-bot'>  
             <div class='container'>  
               <br/><br/>  
               <h1 class='header center #f44336 red-text'><data:blog.title/></h1>  
               <div class='row center'>  
                <h5 class='header col s12 light' style='color:white; font-weight:bold'>[Enter the Descripsion]</h5>  
               </div>  
                <form action='/search' method='get'>  
                 <div class='input-field'>  
                  <input id='search' name='q' required='true' type='search'/>  
                  <label for='search'><i class='material-icons'>search</i> Cari disini...</label>  
                  <i class='material-icons'>close</i>  
                 </div>  
                </form>  
             </div><!-- contaienr -->  
           </div><!-- section -->  
           <div class='parallax'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqJMbR9CM0H62KQmPDhKywnY1a9K9ORsu3oGl75kNOIUQ9wtDOl8o6rEiMOVGQgb0qre6qdPhy844W2PUkCwoqgjhPgUL5WfFtnVgzp4g_qgcVfroEKW4TxvdGpEy48vdcMxy-x1GaYk6H/s1600/bg1.jpg'/></div>  
         </div><!--parallax1--> 
    
    

Cari <div class='parallax'>

Ganti Text berwarna pink menjadi Deskripsi blog mu,Text hijau untuk menganti background

Meta Tag SEO

Berada di bagian atas coding, coba cari <!-- tag title seo --> Atau <meta content='KEYWORD+BLOG_ANDA' name='keywords'/> .Kemudian atur sesuka hati.

     
<b:if cond='data:blog.pageType == &quot;index&quot;'>  
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>  
    <meta content='website' property='og:type'/>  
    <meta expr:content='data:blog.title' property='og:site_name'/>  
    <meta content='id_id' property='og:locale'/>  
    <meta expr:content='data:blog.pageTitle' property='og:title'/>  
    <meta expr:content='data:blog.metaDescription' property='og:description'/>  
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>  
    <title><data:blog.pageTitle/></title>  
    <meta content='KEYWORD+BLOG_ANDA' name='keywords'/>  
 </b:if>  
    
    

Jumlah Post/Page

Cari PAGE NUMBER sampai menemukan code ini dibawahnya.

     
 /*<![CDATA[*/  
     var perPage=6;  
     var numPages=6;  
     var firstText ='First';  
     var lastText ='Last';  
     var prevText ='« Previous';  
     var nextText ='Next »';  
     var urlactivepage=location.href;  
     var home_page="/";  
   /*]]>*/  
    
    

Va rperPage untuk menentukan jumlah post yang ditampilkan pada 1 halaman

Jika ingin di ubah harap samakan dengan peraturan jumlah posting pada tata letak

Error Page

Tertarik dengan Howl blogger template? silakan unduh template ini dan diterapkan pada blog anda,tapi ada baiknya untuk selalu membackup template anda sebelum menggunakan template ini.terima kasih.

Download
DEMO

Fitur
Header	done
Navbar
Slide-Navbar	done
Search	done
Col	1
Footer	done
Slidebar
Error page	done
Comment FB	done
Comment Diskus
Author	done
Breadcrumb	done
Related Post	done
Share Posts	done

selalu bijak menggunakan template gratis dan STOP aksi PLAGIAT ,karena itu perbuatan yang merugikan dan sungguh memalukan. Sankyuu minna-san~ :)

Jangan lupa share

Saya tidak meminta bayaran ataupun uang,tetapi luangkanlah waktu untuk share post ini kepada teman-teman kalian ^_<

Share on Facebook

Share on Twitter

Share on Google+

ExteraDex And Team.

Facebook Twitter Google+