Template Blogger Makin Wusss Modifikasi dari Johny Ribet - Template Johny Ribet merupakan template karya dari Maskolis dan kini sudah dimodifikasi oleh Leony Li. Tampilan tempate ini sederhana sekali tapi sudah Responsive dan Valid HTML5 dan fast loading, penambahan threaded comment dan Related Post dengan thumbnail yang Responsive. Tentunya dengan blog yang mempunyai kecepatan loading akan disenangi pengunjung karena tidak perlu lama dalam membuka artikel blog. Template Johny Ribet ini oleh Leony Li diberi nama Template Makin Wusss karena template ini cepat loadingnya.
Download juga : Template Blogger Responsive Moteor Shark Valid HTML5 dan CSS3
Fitur Template Makin Wusss :
- Breadcrumbs Seo
- Threaded Comment Hack 3.
- Responsive
- Valid HTML5
- Fast Loading
- Author Box.
- Postmeta di homepage dan postingan.
- Email Subscribe Flat Ui.
Catatan :
1. Untuk menambah Email Subscribe Flat Ui caranya pilih Tata Letak => Tambah Gadget => HTML/Javascript dan copypaste kode dibawah ini dan juga ganti Terlintas dengan alamat Feed anda.
<div id="subscribe-css">
<div class="subscribe-wrapper">
<p>Blog ini selalu update, silahkan berlangganan dengan emasukan Email anda dibawah ini</p>
<div class="subscribe-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=Terlintas" class="subscribe-form" method="post" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=Terlintas', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="Terlintas" /><input name="loc" type="hidden" value="en_US" /><input class="subscribe-css-email-field" name="email" autocomplete="off" placeholder="Enter your email address "/><input class="subscribe-css-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div>
</div>
</div>
2. Cari kode dibawah ini didalam template dan ganti teks yang berwarna merah :
<b:if cond='data:blog.pageType == "item"'>
<div class='masadmin'>
<h3>Written by : <a href='http://lintas-tutor.blogspot.com/'>Terlintas</a> - Describe about you </h3>
<div class='isi'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIfq_YsUntm3iQQ_omy_tJrGpN-UUxT_ezZIjDsaXLNx1OCt4gqP2S8RWmxuIVVv2GSq1nchzagyXtIfcftiamtoTApj0SSmgZYWpsHk52D-ghyagI3dJxNXyQgByAUUAVta4cn5vdVyYM/s1600/leony.jpg'/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus.
<p><span style='float:left;text-align:left;'>
Join Me On: <a href='http://www.facebook.com/you facebook' rel='nofollow'>Facebook</a> | <a href='http://www.twitter.com/your twitter' rel='nofollow'>Twitter</a> | <a href='https://plus.google.com/your G+/' rel='nofollow'>Google Plus</a></span>
<span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://lintas-tutor.blogspot.com/' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
3. Cari kode dibawah ini didalam template untuk Menu Navigasi Dropdown dan ganti aja
<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Navigation</span></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='prett' href='#'>Drop Menu</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a class='prett' href='#'>Drop Menu 1</a>
<ul class='menus'>
<li><a href='#'>Drop Menu 1</a></li>
<li><a href='#'>Drop Menu 2</a></li>
<li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
</ul>
</nav>
Itulah template blogger fast loading makin wuss modifikasi johny ribet, silahkan terapkan di blog kesayangan anda.
