FARTHANET: Blogger Template

Showing posts with label Blogger Template. Show all posts

Johny Darkgamer Template

agi teman-teman yang suka dengan game, kali ini saya menyediakan satu lagi template untuk para gamer mania. Template ini saya beri nama Johny Darkgamer, sesuai dengan warnanya yang hitam dan hanya sedikit warna kuning orange sekedar memperindah tampilan. Fitur template ini sangat sederhana, di bawah header saya meletakkan slider carousel dan di sidebar terdapat tabber yang tinggal memasang empat widget yang ingin ditampilkan disana. Berikut ini screenshot tampilan dari template Johny Darkgamer (klik untuk memperbesar gambar) :

Home Page

Postpage

Fitur yang terdapat pada template ini :

Slider Carousel, untuk mengganti dengan gambar dan URL anda tinggal cari kode di bawah ini :

<a href="http://farthanet.blogspot.com/" title="God of War: Ghost of Sparta Review"><img alt="God of War: Ghost of Sparta Review" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTiEwEQbAnab9pfGL5o8Sk8OEtSkrFV0TDIi9wQ_qv8nV1zZ9xI68OQqgfAXpAYz3TO1aRKLFZ_4-oSeHZviLNbGWabP1Nvu6xfo_EIg7U5oC3AbGu4PcvsNvJfgHikXqn_jFWwYHfU1Y/s1600/index8.jpg" width="143" /></a>
<h2 class="titleg"><a href="http://farthanet.blogspot.com/" rel="bookmark" title="Permanent Link to God of War: Ghost of Sparta Review">God of War: Ghost of Sparta Review</a></h2>
Keterangan :
- Warna merah : URL post
- Warna kuning : URL gambar
- Warna biru : Keterangan dan judul gambar
SEO friendly, Anda tinggal memasukkan meta tag yang sudah saya sediakan di bawah kode<head>
Tabber sidebar, Anda tinggal memasukkan empat widget yang otomatis akan menjadi tabber sidebar
Menu navigasi dropdown dengan sub menu transparan
Breadcrumb ready
Sharing artikel via FB, twitter dan Google+ yang juga sudah ada di bawah tiap postingan
Twitter follower count di bawah navigasi kedua
Dan tentunya kolom untuk pemasangan iklan bagi Anda yang ingin memonetisasi blog

Demo | Download

Johny Simple Music Template

3:24 PM Blogger Template

Template ini saya beri nama Johny Simple Music, anda bisa kira-kira sendiri kenapa template ini saya beri nama demikian. Tapi kalau mau digunakan untuk konten yang lain juga silahkan saja. Fitur yang ada pada template ini adalah sebagai berikut :

Recent Post Slider Image

Image slider otomatis, kerja slider ini adalah setiap Anda membuat postingan baru akan muncul dalam slider. Jadi tidak perlu lagi susah-susah memasukkan satu persatu keterangan gambar dan URL nya. Klik Tambah Gadget >> pilih HTML/Javascript, masukkan kode berikut pada kolom di bawah header (ada dua kolom pilih yang atas) :

<div id="slider">
<script style="text/javascript" src="http://creatingwebsite.googlecode.com/files/slidergallery.js"></script>
<script style="text/javascript">
var numposts_gal = 6;
var numchars_gal = 150;
var random_posts = false; // random posts
</script>
<script src="http://johny-simplemusic.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>

Ganti URL warna merah dengan URL anda, selanjutnya slider sudah bekerja secara otomatis memuat postingan terbaru Anda.

Kategori dengan thumbnail
Seperti terlihat pada sidebar kanan atas, masukkan kode di bawah ini pada kolom sidebar :

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/top music?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Ganti tulisan warna biru dengan kategori atau label yang ingin anda tampilkan di sidebar.

Kategory tanpa thumbnail
Contohnya seperti pada sidebar kanan di bawah top music. Masukkan kode ini pada kotakHTML/Javascript template anda :

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://johny-simplemusic.blogspot.com/feeds/posts/summary/-/jazz?max-results=8&alt=json-in-script&callback=recentpostslist"></script>

<a href="http://johny-simplemusic.blogspot.com/search/label/jazz" style="float:right;font:normal 10px Arial;padding:5px 0;">More Post »</a>

Keterangan :
Warna merah : URL blog
Warna biru : kategori atau label

Demo | Download

Johny Portal 2 Template

3:22 PM Blogger Template

Template ini merupakan lanjutan dari versi pertama, Johny Portal. Seperti template terdahulu pada home page template ini dibagi menjadi 3 kolom dan 2 kolom pada post page. Template ini hanya berkapasitas 76.0 kb mungkin agak ringan menurut saya, karena tidak banyak fitur yang saya pasang kali ini. Di bawah ini screenshot dari template Johny Portal 2 :

Fitur-fitur yang ada pada template ini antara lain :

Slider Image Otomatis
Untuk mengganti image pada slider, cari kode berikut :
```
numposts1 = 5;
label1 = "sport";
```
Keterangan :

Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. Sport adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
Kategory dengan thumbnail (Category with thumbnail)

Letaknya di sidebar kiri, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna biru : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
Warna merah : Ganti URL dengan URL blog anda.
Kotak feedburner di bawah postingan
Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :

<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.
Latest Post
Untuk mengatur lates post yang ada di homepage caranya sebagai berikut :

Di dashboard blogger pilih setting, kemudian klik formatting. Pada bagian paling atas pilih berapa posts yang ingin ditampilkan pada homepage.
Untuk mengatur jarak antara akhir postingan dengan kotak komen, yang biasanya terlalu lebar caranya adalah klik design, biarkan pada posisi page element setelah itu anda pilih blog post(kolom paling besar) kemudian klik edit. Setelah terbuka halaman baru centang hanya tanggal, comments dan label biarkan yang lain kosong.
Untuk membuat widget yang ada di bawah latest post, Anda tinggal memasukkan script yang sudah saya sertakan jika anda sudah mendownloadnya.
Satu lagi hampir lupa, template ini tanpa disertai dengan fitur static page (halaman statis). Karena memang tidak ada script summary and thumb pada template ini. Jika diantara Anda ada yang bisa menambahkan fitur static page pada template ini saya akan sangat berterima kasih.
Satu lagi ada yang lupa, untuk mengaktifkan fungsi reply pada kotak komentar, cari kode ini pada edit HTML template :

<a expr:href='"https://www.blogger.com/comment.g?blogID=7984474047226005820&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
Perhatikan kode yang berwarna merah, itu adalah ID blog demo template ini. Anda harus ganti dengan ID blog anda yang terletak pada browser.

Pada dasarnya semua script yang saya jelaskan sudah ada jika anda download template ini. Anda tinggal memasukkan ke dalam kotak HTML/javascript. Jika masih ada yang kurang paham bisa ditanyakan pada kotak komentar. Dan jika ada yang tertarik untuk mencobanya silahkan klik link download yang ada di bawah.

Demo | Download

Easy Magazine Blogger Template

4:49 AM Blogger Template

Easy Magazine Blogger Template merupakan template yang sangat ringan yang mengusung magazine style. Dengan perpaduan warna putih dan gray menjadikan template ini sederhana namun dinamis, sangat cocok untuk anda yang ingin mencari template ringan tapi tetap elegan. Pada template ini juga sudah terpasang facebook like, facebook send, dan juga sharing twitter di setiap artikel. Easy Magazine juga mempunyai 5 buah kolom di footer yang bisa anda gunakan untuk memasang widget apapun.

Template Name : Easy Magazine
Template Author : Herdiansyah Hamzah
Url Author : http://www.herdiansyah.net
Description : Simple magazine blogger template with adsense ready, easy loading, SEO ready, auto readmore, multi column, page navigation and more.
Designer : Herdiansyah Hamzah
Published : Borneo Templates
Url Published : www.borneotemplates.com

DEMO | DOWNLOAD

Magazine Template

4:47 AM Blogger Template

Bagi sobat blogger yang saat ini sedang mencari template untuk blog barunya maupun ingin mengganti template lama blog, ini saya share template gratis karya mas Herdiansyah Hamzah yaitu Blog Mild Blogger Template. Template ini di dominasi dengan warna putih yang cukup elegan namun mempunyai loading yang ringan. Template bergaya magazine ini sangat cocok untuk kalian yang ingin menggunakan template yang simple namun berkelas. Berikut fitur-fiturnya.

Template Name : Blog Mild

Template Author : Borneo Templates

Url Author : www.borneotemplates.com

Description : Blog Mild Blogger Template Specially designed for blogger lovers. Blog Mild has horiontal navigation with current menu, horizontal blog post and very fast loading page.

Designer : Herdiansyah Hamzah

Platform : Blogger/Blogspot

LIVE DEMO | DOWNLOAD

Blogger Tube Template

4:46 AM Blogger Template

BloggerTube Blogger Template ini sebenarnya sudah lama ada, tapi tidak ada salahnya untuk saya share lagi bagi sobat blogger yang ingin membuat blog khusus video layaknya Youtube karena template ini memang di khususkan untuk blog tentang video. Bagi sobat blogger yang berminat membuat blog yang mirip youtube, bahkan mungkin suatu saat akan menyaingi youtube, template ini adalah pilihan terbaik.

Instruction Click Here

Music Style Blogger Template

4:45 AM Blogger Template

MusicStyle Blogger Template ini di desain khusus untuk sobat blogger yang ingin membuat blog dengan bertemakan tentang musik. Template ini cukup elegan dengan 3 columns footer, right sidebar, featured slideshow, horizontal drop down menu dan masih banyak lagi fitur yang tertanam dalam template ini.

Deskripsi Template:

Template name : MusicStyle

Template type : 1 Sidebar, 2 Column, 3 Column footer, Adapted from Wordpress, Black, Elegant, Featured Section, Fixed width, Header Banner, Magazine, Red, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, Music

Release date : April 7, 2011

Coder/Designer Name(s) : Lasantha Bandara / New WP Themes

Demo, Download, Instruksi