Popolulu Pro Responsive Blogger Template

Popolulu Pro Responsive Blogger Template - Kali ini saya akan share template redesign nya Mas Fian MT a.k.a fianetmu.com . Template ini saya rasa " Template gratis rasa premium" Hehe ya mau gimana lagi. Dilihat dari fitur dan tampilannya yang keren.

FITUR POPOLULU PRO TEMPLATE

1. Super Responsive
2. Kecepatan loading template di atas rata-rata
3. Size template yang kecil dan tidak banyak menggunakan javascript
4. Telah divalidasi HTML5
5. Telah divalidasi CSS3
6. Breadcrumb SEO

Selain itu, terdapat beberapa widget unggulan, diantaranya:

1. Tampilah halaman awal warna-warni menurut kategori
2. Widget Subscribe Via Email terlihat di sidebar blog
3. Artikel terkait dengan thumbnail terletak di bawah postingan
4. Modifikasi kolom komentar yang elegan dan beda dari blog lainnya
5. Halaman static dengan tampilan penuh (tanpa sidebar)
6. Modifikasi halaman error 404
7. Modifikasi Recent Post

Widget Tambahan :

1. Widget Readme
2. Postmeta Dengan Author Box Google+ Badge dari Kompiajaib
3. Dsb.

Modifikasi!

Tutorial :

1. Silahkan cari Image berikut dan ganti dengan Image Anda

http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFwSu1gFDsa75YpIosXZCz3-N7gNfpQuwTWTht3ew6j6wX3yP4Yp0smBSwfM0lMHgO8MhQhWUPalceA7eOI3DSM_NnJpW9Cl2R6JmWWpkPGuWjRDzWGGzTOVs2krPgzmiVW61wDoBZSqaA/s1600/redesign.png

dan

http://echoboys.files.wordpress.com/2011/07/gambar-muka-lucu.jpg

2. Jika ingin memasang Advertise pada sidebar sesuai dengan demo, silahkan masukkan kode berikut didalam Javascript/Html

<div style='background:#009999; text-decoration: none; ; width:300px;height:258px;margin:0 auto;padding:0;text-align:center;position:relative'>
<div style="padding-top:45px;">
<span style="font:30px Oswald;color:#fff">Advertise </span><br/>
<span style="font:40px Oswald;color:#fff">300x250 </span><br/>
<span style="font:30px Oswald;color:#fff">Here</span></div><br/>
<a style="text-decoration: none; padding:20px 5px 0 0;float: right;color:#fff;" href="/" target="_blank" title="Pasang Iklan Murah Newbanie Blog"><small>Ads by Cindy Nailla</small></a><br /></div>

3. Sharing Pada bagian header
Silahkan cari

<div style='width:90%; margin:0 auto 0;'>
<a class='social-googleplus mar10t' href='https://plus.google.com/xxxx' target='_blank' title='Follow us on G+'><i class='googleplus-24'/><span class='phapus'><br/>Google+</span></a>
<a class='social-facebook mar10t' href='https://www.facebook.com/xxx' target='_blank' title='Follow Us on Facebook'><i class='facebook-24'/><span class='phapus'><br/>Facebook</span></a>
<a class='social-pinterest mar10t' href='http://pinterest.com/xxxx' target='_blank' title='Follow us on Pinterest'><i class='pinterest-24'/><span class='phapus'><br/>pinterest</span></a>
<a class='social-twitter mar10t' href='http://twitter.com/xxxx' target='_blank' title='Follow us on Twitter'><i class='twitter-24'/><span class='phapus'><br/>Twitter</span></a>
<a class='social-rss mar10t' href='http://feeds2.feedburner.com/xxxx' target='_blank' title='Follow us on Facebook'><i class='rss-24'/><span class='phapus'><br/>Rss</span></a>
<div id='nav-right'>

4. About Us bagian Footer masukkan kode berikut

<div class='autor-fianmt'>
<img alt='Tutorialnes' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLcQrFKCRr0w9da38bdxSg2rBpHJlPJrxpGb9cfQq6Ch6_aTAgxQ0GW4dmPcr_stj83VKlMIwlCVafEcDpc72L1h4yjUZKnvsU8x4Nd8ixRSoxqABumdptStPtMWXa4Ury2SplU_olVp74/s1600/images+(2).jpg' title="Tutorialnes" class='image-fianmt' />
<a class='fianfb' href='https://www.facebook.com/xxx' title="Facebook" rel='nofollow' target="_blank">f</a>
<a class='fiangplus' href='https://plus.google.com/xxx' title="Gplus" rel='nofollow' target="_blank">G</a>
<a class='fiantwee' href='https://twitter.com/xxx' title="Twitter" rel='nofollow' target="_blank">t</a> 
<div class='fiandescript'>
Newbanie Blog yang berisikan tentang Trik Tutorial Template Blog SEO. More About Us <a title="Tutorialnes" rel="author" href="/" target='_blank'><b style='color:#ccc'>Disini &#187;</b></a> Anda Juga Dapat Melihat Profil Kami Lewat Facebook, Twitter, Dan G+.
</div></div>

5. Jika ingin menampilkan Label Cloud sesuai demo buat widget label dan centang bagian Cloud

Popolulu Pro Responsive Blogger Template