RetroPop Template blogger

RetroPop Template blogger
Untuk sobat yang suka template simple,tapi bagus dan penuh warna,saya mau share template buatan saya sendiri nih n_n.daripada disimpen di flashdisk berhari2,mending saya share aja buat sobat.template ini full CSS3
tanpa menggunakan gambar sama sekali,kecuali untuk logo dan background'a.tpi untuk dapat merasakan css3,disarankan menggunakan browser versi terbaru yang mendukung css3 seperti google chrome dan mozilla,tetapi untuk fasilitas readmore css3 animation,tidak bisa dilihat dengan browser mozilla.
Preview


Fitur blog Retropop
1. Comment list yang stylist,dan dilengkapi dengan CSS3

2. Sharebar menggunakan CSS3 bila di hover

3. menggunakan Font google api:Philosopher,pada semua text
RetroPop Template blogger

4. Tombol readmore dilengkapi CSS3 animation dan Jquery text bubble



Pengaturan Blog:
1. untuk masalah UNDEFINED pada tanggal posting,sobat ganti format time pada
Pengaturan => Format,lalu ikuti pengaturan Format Header Tanggal,Format Tanggal Index Arsip dan Format Timestamp seperti gambar di bawah ini

RetroPop Template blogger


2.Untuk mengganti logo pada header blog, cari url dibawah ini pada template sobat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHVXeMz04BeHvSq2nyXhlKGxyieKZsug-2bWfhm5YZQWsE2tZdtjWq1fZBg0LYbNP1Swlf80OC0rXsvW5b8Qz0akye8eUL_sQf2qf8LQ1tAup90Apa1exkEchSyPuPwI98TZzGXsqB1R0/s1600/logo.png

lalu ganti dengan gambar milik sobat

3. Untuk mengganti Link pada category-nav,

sobat cari kode:
<ul id='menu'>
<li class='first'><a href='http://djogzs.blogspot.com/search/label/CSS' title='Css3'>CSS</a></li>
<li class='page_item page-item-8211'><a href='http://djogzs.blogspot.com/search/label/Jquery' title='Jquery'>Jquery</a></li>
<li class='page_item page-item-8227'><a href='http://djogzs.blogspot.com/search/label/HTML' title='HTML'>HTML</a></li>
<li class='page_item page-item-8227'><a href='http://djogzs.blogspot.com/search/label/Tips%20blog' title='Tips Blog'>Tips Blog</a></li>
<li class='page_item page-item-8227'><a href='http://djogzs.blogspot.com/search/label/Blogger%20Template' title='Template Blogger'>Template</a></li>
<li class='page_item page-item-8227'><a href='http://djogzs.blogspot.com/search/label/Software' title='Software'>Software</a></li>
</ul>

sobat tinggal ganti Url link'a


4. untuk navbar yang kedua,sobat cari kode ini pada template sobat:

<ul id='category-nav'>
<li class='cat-item cat-item-3'><a href='http://djogzs.blogspot.com/' title='Home Sweet Home'>Home</a>
</li>
<li class='cat-item cat-item-24'><a href='http://djogzs.blogspot.com/' title='About me'>About me</a>
</li>
<li class='cat-item cat-item-12'><a href='http://djogzs.blogspot.com/p/friend-chat.html' title='Chating dengan teman'>Chats</a>
</li>
<li class='cat-item cat-item-5'><a href='http://djogzs.blogspot.com/' title='View all posts filed under Blogging'>Blogging</a>
</li>
<li class='cat-item cat-item-1'><a href='http://djogzs.blogspot.com/p/contact-form.html' title='Contact dengan email'>Contact</a>
</li>

Sobat tinggal ganti juga url link'a.

5.untuk mengganti url RSS,Rss Comment dan facebook,sobat cari kode ini pada template sobat

<a href='http://feeds2.feedburner.com/djogzs' title='Subscribe to Blog Johanes'><img alt='Subscribe to Blog Johanes' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYuq5v0MIHWQEURzzM1zOgHeWo45LU3DroEvrUyNCq8xG0KiczpPJOZJInLDlTh_NQ7aGVHwlK7dmt4ZmDV0IKRsROGK6Uxe2QMkOpJh_4AZEu-YEB3Nab7g2oclWkyFH_EFaHr-B7BY/s1600/twitter-bubble.png'/>10<br/><small>subscribers</small></a>
<a href='http://www.facebook.com/johanes.djogan' title='Add Johanes on facebook'><img alt='Add me on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLLbYIrnhS6EXEJmhvEdu5ka25zge-Qd4jHDCst8UNYjvJzZKiiYLP0x3ZK6ncojGgicm1iSLn6UszQsX2Dzvc7Tm9jqhC_FJ0vRSE3pmzQDLlDlMk-_COW81QQKHYrV0WNdEbn4Zprd0/s1600/facebook-bubble.png'/>1261<br/><small>Friends</small></a>
<br/><a class='email' href='http://feedburner.google.com/fb/a/mailverify?uri=Djogzs&amp;loc=en_US'><img alt='Blog johanes dj' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW28RajGm5TrvG377AKGyAeBbC7PqMREW4M97Wkw5YD2FHG6HBycbXzwGOBSG-9nfUSsnd3wBRVcAnvhOIYtEODJ0Zxm5SFsoGC9iHU_gG6GmxrV792V8KAmGw0AohMsaMz9kD5FlEnaM/s1600/email.png'/>Get Updates by Email</a>

Sobat tinggal ganti url RSS blog sobat,url facebook dan Email RSS.



6. untuk mengganti pesan pada pengunjung pada tombol readmore,sobat pilih edit HTML,lalu Expand Template Widget.stelah itu,sobat cari kode
<li><a class='readmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><span><data:post.jumpText/></span></a><em>Di baca ya n_n<div class='clear'/>truz kasih komentarnya</em></li>

Sobat tinggal ganti pesan'a untuk pengunjung n_n


7.Bila sobat ingin menambahkan tombol readmore pada postingan,sobat tinggal menambahkan kode
<!--more-->
pada tiap posting editor sobat,atau dengan klik tombol insert jump break pada post editor sobat
RetroPop Template bloggerRetroPop Template blogger






RetroPop Template blogger RetroPop Template blogger


Silakan dicoba gan,thanks udah mengguanakan template buatan saya sob n_n
dan jangan lupa tinggalkan komenta'a.