Breaking News
Loading...
Selasa, 28 Mei 2013

Farhan Side - Template Blogger yang Stylish & Minimalis

11.52
Selamat pagi sahabat Blogger semua, bagaimana kabar anda hari ini? semoga baik-baik semua dan selalu dilimpahkan rahmat yang banyak oleh Tuhan YME, Aamiin. Pada pagi hari yang cerah ini, seperti biasanya, saya bangun tepat pukul 7 WIB, lalu saya bergegas membuka laptop untuk mengelarkan pekerjaan-pekerjaan dunia nyata (karena kebetulan saya sedang libur), dan tak lupa juga saya ingin membuatkan template bertema minimalis yang mana adalah hasil dari modifikasi template Johny See Book Sekali karya Maskolis.

Pada template ini saya mengusung tema warna oranye, karena 'terkesan' lebih ceria dan lebih elegan, hehe. Berbeda dengan template yang sudah saya buat sebelumnya (farhan simple), template Farhan Side kali ini lebih membawa perubahan ke arah minimalis dan sederhana, seperti halnya tulisan, saya banyak memakai font seperti Open Sans dan Century Gothic, agar aroma minimalisnya lebih menggelegar (lebaaay), hehe.

Dibagian penutup/closing postingan, saya merombak widget-widget lama dengan widget yang saya terapkan di blog ini, dan tak lupa juga untuk memberikan efek shadow seperti tutup kardus pada bagian bawa widget related post, agar terlihat lebih elegan. Lain halnya dibagian footer, saya tidak terlalu merombaknya, karena saya fikir modelnya sudah bagus dan matching dengan oranye, pasalnya warna hitam adalah warna 'netral' yang cocok untuk di mixing dengan warna apa saja.

Selain itu, saya juga merombak tampilan widget di sidebar agar lebih terlihat minimalis dan elegan, yakni dengan memberikan sedikit border berwarna oranye dibawah judul masing-masing widget, dan menghilangkan latar belakang widget yang tadinya berwarna keabu-abuan menjadi putih. Jika anda berminat untuk menggunakan template ini, langsung sajaaa.... Sundul Gaaan...!

Fitur Farhan Side Blogger Template

  1. Menu navigasi Drop Down
  2. Header Ads 468x60
  3. Sidebar width : 250px (Ads Ready)
  4. Footer 3 coloumn
  5. Related Posts with Thumbnails
  6. Berlangganan Via E-mail (feedburner)
  7. Rainbow Share Button
  8. Easy Loading
  9. Breadcrumbs SEO Friendly
  10. Navigasi Halaman / Page Number
  11. 80%+ Seo Score on Chkme
  12. SEO Friendly Tag h1, h2, h3

Demo & Download

Farhan Side - Template Blogger yang Minimalis
DEMO | Download


















Catatan: Jika ada yang ditanyakan, silahkan menghubungi saya di muhammad.farhan.mf@gmail.com.

Cara Instalasi/Pemasangan


1. Menu Navigasi / Navbar


<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Drop Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Drop Menu 3</a>
<ul>
<li><a href='#'>Sub Drop Menu 3.1</a></li>
<li><a href='#'>Sub Drop Menu 3.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Drop Menu 2</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
</ul>

Keterangan:
  • Ganti kode yang berwarna biru dengan URL tujuan
  • Ganti kode yang berwarna merah dengan Judul dari URL tujuan 

2. Widget Berlangganan Via E-mail

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/tuliskancom' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>TULISKAN.com</font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='tuliskancom'/>
<input name='title' type='hidden' value='tuliskancom'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/tuliskancom'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/tuliskancom?bg=9b9b9b&amp;fg=000000&amp;anim=0' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
  <!-- End Artikel Berlangganan -->

Keterangan:
  • Ganti kode yang berwarna biru dengan Judul blog anda
  • Ganti kode yang berwarna merah dengan ID Feedburner blog anda

3. Meta tag description dan keyword

<meta content='Your Blog Description' name='description'/>
<meta content='Your Blog Keywords' name='keywords'/>

Keterangan:
  • Ganti kode yang berwarna merah dengan deskripsi blog anda
  • Ganti kode yang berwarna biru dengan kata kunci blog anda

Demikian informasi terbaru tentang Farhan Side - Template Blogger yang Minimalis, baca juga artikel menarik lainya seputar blogger template tentang download Download Template Blogger Responsive, semoga bermanfaat, dan selamat mencoba.

0 komentar:

Posting Komentar

 
Toggle Footer