Breaking News
Loading...
Senin, 01 April 2013

Free Farhan Simple Blogger Template

22.01
Free Farhan Simple Blogger Template - Apa kabar teman-teman blogger semua? semoga sehat-sehat selalu ya, pada kesempatan kali ini saya tidak akan membahas apapun seputar pernak-pernik tentang blogger, tetapi kali ini saya akan coba memberikan template perdana buatan saya yang terinspirasi dari blog sahabat bamz, pada template kali ini saya memang sengaja membuat template ini agak mirip dengan desain blog saya, namun saya tambahkan sedikit slider artikel di halaman awal agar terlihat lebih proffesional dan futuristik, tak terlepas dari itu, sebenarnya template ini hanya saya buat untuk 'iseng' sambil nonton pertandingan Chelsea vs Manchaster United yang akhirnya dimenangkan oleh Chelsea, horeee....KTBFFH! jadi semakin semangat saya membuat template ini setelah Demba ba membawa chelsea unggul 1-0 atas The Red Devils.

Mungkin ini bukan hanya faktor ke-isengan saja ya rekan-rekan blogger, dari sisi lain saya juga sedang tidak ada inspirasi untuk menulis artikel, karena saya bingung apalagi yang harus ditulis, memang sih sebenarnya masih banyak sekali tutorial blogger yang belum saya paparkan di blog ini, namun di sisi lain, mungkin dengan rekan-rekan 'bersedia' untuk memakai template blog saya ini, kedepanya saya akan lebih semangat lagi untuk menulis artikel dan melanjutkan kegiatan blogging, Salam Blogger Nusantara! (*sok nasionalis... hehe...). Baik, untuk fitur-fitur template, cara installasi, dan sebagainya silahkan anda simak yang berikut ini.

Fitur Farhan Simple Blogger Template
  1. Menu (Navigasi)
  2. Breadcrumbs
  3. Tombol Social Sharing di bawah postingan (G+, digg, twitter, facebook)
  4. Ads 468x60 banner (header kanan)
  5. Related Post / Artikel terkait with Bullets
  6. Slide show artikel di home page
  7. Sidebar 300x250 (ads ready)
  8. Newer Post dan Older Post dengan judul artikel
  9. Judul Postingan berlink (bisa diklik)
  10. Easy Loading
Demo & Download 
Free Farhan Simple Blogger Template
 Demo | Download 




















Pemasangan / Instalasi

1. Menu (Navigasi)

Free Farhan Simple Blogger Template





Masuk ke Blogger > Template > Edit HTML, lalu cari kode seperti di bawah ini.

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu Navbar 1</a></li>
<li><a href='#'>Menu Navbar 2</a></li>
<li><a href='#'>Menu Navbar 3</a></li>
<li><a href='#'>Menu Navbar 4</a></li>

Keterangan:
  • Ganti kode pagar (#) dengan URL label/laman blog sobat.
  • Ganti kode menu navbar 1, dengan judul dari URL label/laman blog sobat tadi, begitu juga dengan menu navbar 2, dst.
2. Slider / Slide Show Artikel di Homepage
Free Farhan Simple Blogger Template












Masuk ke Blogger > Tata Letak > Klik add gadget pada elemen seperti di bawah ini.

Free Farhan Simple Blogger Template








Lalu masukkan kode di bawah ini kedalamnya.

<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default/-/kategori?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default/-/kategori?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){  
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 405,
        navigatorWidth: 83,
        maxItemDisplay:5,
        easing:'easeInOutQuad',
        auto:true,
        isPreloaded: false
    });
});  
</script>

Keterangan:
  • Ganti kode yang berwarna merah dengan label dari postingan yang ingin ditampilkan pada slider.
NB : Teman-teman blogger yang baik hatinya, tolong jangan menghapus credit link di footer ya, anggap saja itu sebuah apresiasi kepada saya agar kedepanya saya lebih semangat lagi dalam nge-blog dan membuat template :)

Bagi sobat yang belum tahu cara mengganti template, tutorialnya bisa dibaca diartikel sebelumnya tentang cara mengganti template blog. Demikian free farhan simple blogger template yang sudah saya bagikan diatas, semoga bermanfaat ya... Happy Nice Blogging!

0 komentar:

Posting Komentar

 
Toggle Footer