FREE Templete

eHost

	Download Demo
Platform:	Blogger / Blogspot
Name:	eHost
Description:	DesignPro Blogger Template is good personal design blogger templates with 2 column layout and right sidebar for basic design, feature post, black color with social icon on top header, personal design make this themes fast on browser, have good position ads for make money and you can try this themes for personal sites. Download DesignPro Blogger Template at Blogger Templates Gallery.

Service First

	Download Demo
Platform:	Blogger / Blogspot
Name:	Service First
Description:	Service First Blogger Template is very good design home and city blogger templates with gray color for main layout and this theme fast on browser, 2 columns layout with right sidebar, very fast themes on browser and good for home or city blogger templates. Download Service First Blogger Template at Blogger Templates Gallery.

Tikal National Park

	Download Demo
Platform:	Blogger / Blogspot
Name:	Tikal National Park
Description:	Tikal National Park Blogger Template is professional nature and travel design blogger templates with blue color for main layout and this theme fast on browser, 2 columns layout with left sidebar, fixed width, very fast themes on browser, good for nature and travel sites. Download Tikal National Park Blogger Template at Blogger Templates Gallery.

Rojo Directa

	Download Demo
Platform:	Blogger / Blogspot
Name:	Rojo Directa
Description:	Rojo Directa Blogger Template is minimalist design blogger templates with 2 column layout with right sidebar for basic design, slider for feature post, red color with social icon on top header, personal design make this themes fast on browser, have good position ads and good for personal sites. Download Rojo Directa Blogger Template at Blogger Templates Gallery.

Grenda

	Download Demo
Platform:	Blogger / Blogspot
Name:	Grenda
Description:	Grenda Blogger Template is personal design blogger templates with 2 column layout with left sidebar for basic design, feature post, green color with social icon on top sidebar, personal design make this themes fast on browser, have good position ads for make money and you can try this themes for personal sites. Download Grenda Blogger Template at Blogger Templates Gallery.

Follow Athena

	Download Demo
Platform:	Blogger / Blogspot
Name:	Follow Athena
Description:	Follow Athena Blogger Template is professional city design blogger templates with blue color for main layout and this theme fast on browser, 2 columns layout with left sidebar, very fast themes on browser and good for home or property blogger templates. Download Follow Athena Blogger Template at Blogger Templates Gallery.

Johny Darkmovie, Template for Movie Review

Sebelumnya saya ingin minta maaf dulu sama mas Andreas (Komud) dan Blogger Mobile(Wandhy) karena belum memenuhi permintaan untuk membuat tutorial navigasi menu dan membuat template gallery seperti Mas Template. Soalnya antri ya mas, hal ini juga karena template yang saya buat ini (Johny Darkmovie) juga atas permintaan seorang sahabat via email, dia meminta agar saya membuat sebuah template yang bisa dipakai untuk review atau download film. Nah, jadilah seperti template gambar di bawah ini (klik gambar untuk melihat demonya) :

Baiklah, langsung saja pada fitur-fitur yang ada pada template ini dan cara pemasangan widgetnya :

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

Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera.
best seller adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan (perhatikan besar kecil huruf yang ada pada label yang sudah Anda buat harus sama).
Kategory dengan thumbnail (Box office dan action movies)

Letaknya di sebelah kiri image slider dan di bawah widget random movies, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
Keterangan :
Warna biru (action) adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
Widget Random Movies (Sidebar kanan atas)
cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :

Keterangan :
Perhatikan angka 7 diatas, itu adalah jumlah random post yang ditampilkan pada sidebar silahkan ganti sesuai dengan keinginan Anda.
Latest Movies (Di bawah navigasi menu atau news ticker)

Untuk menggantinya dashboard >> Design >> Edit HTML jangan lupa centang expand widget templates kemudian cari dengan menggunakan control + F. Kemudian cari URL http://johny-darkmovie.blogspot.com ganti dengan URL anda.
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 mengganti kotak pencari (search box) yang ada di pojok atas kanan, masuk lagi ke Edit HTML cari http://johny-darkmovie.blogspot.com dan ganti dengan URL blog Anda..
Untuk mengaktifkan fungsi reply pada kotak komentar, cari kode di bawah ini pada edit HTMLtemplate :

<a expr:href='"https://www.blogger.com/comment.g?blogID=8548828380568749844&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 Johny Darkmovie. Anda harus ganti dengan ID blog anda yang terletak pada browser.

Template ini juga sudah ada fitur halaman statis (static page) klik sample page yang ada pada navigasi paling atas dan jika Anda download template ini, script-script untuk widget sudah saya sertakan tinggal dipasang dan ganti dengan label atau URL blog anda, jangan lupa untuk membaca instruksinya ! Saya kira hanya itu yang harus diperhatikan dalam menggunakan template ini, jika masih kurang jelas silahkan tinggalkan pesan di kotak komentar di bawah. Dan bagi Anda yang tertarik untuk mencobanya silahkan langsung saja menuju link demo dan download template ini, Sekian, selamat mencoba dan semoga bermanfaat.... happy blogging (habis pulang kantor ne belum mandi.... hehehehehehe)

Demo | Download

Template Johny Darkfire Blogspot

Template ini sebenarnya pesanan teman Jogang via email yang meminta untuk memodifikasi agar template Johny Darkmatter kolom postnya di homepage dibuat seperti tampilan templateJohny Darkgamer. Template ini saya beri nama Johny Darkfire karena dengan dasar warna hitam dan sedikit tambahan warna kuning menyala seperti api untuk memperindah tampilan. Fitur yang terdapat pada template ini hampir sama dengan template Johny Darkgamer hanya slider carousel saya ganti dengan otomatis slider yang memudahkan Anda untuk menampilkan post pada slider.

Di atas adalah gambar screenshot dari template ini, tidak banyak perubahan memang sengaja saya minimalisir agar lodingnya tidak terlalu berat, kapasitas template ini hanya 76.0 kb. Berikut ini adalah hal-hal yang perlu diperhatikan untuk menggunakan template ini.

Mengganti Slider
Untuk meletakkan postingan kategori tertentu 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.
Category with thumbnail (Sidebar kanan atas)
Seperti pada template-template saya sebelumnya, saya selalu menyertakan fitur ini, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
<script type='text/javascript'>var numposts = 4;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>

<a href="http://johny-darkfire.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.
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.
Jika Anda ingin menambahkan halaman statis untuk template ini sangat mudah

Script yang perlu dipasang di sidebar dan instruksi lainnya sudah saya sertakan pada link download yang ada di bawah. Jika masih ada yang kurang jelas, silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Untuk mas Jogang semoga bisa Anda nikmati template ini walaupun ada sedikit perubahan pada header dan navigasi.

Demo | Download

Download Template Johny Darkmusic & Johny Darkgamer 2

Demo | Download

Template ini saya buat bagi Anda yang suka dengan konten music atau selebritis. Template ini bertipe magazine, terdapat 3/4 kolom sidebar. Fitur-fitur yang terdapat pada template ini antara lain :

Slider Carousel

Untuk mengganti slider anda hanya perlu memasukkan kode di bawah ini pada kotakHTML/Javascript. Di dashboard masuk ke layout kemudian pilih kolom kosong di bawah header >> add gadget >> HTML/Javascript :
<script type="text/javascript">
    showPostDate_g = false;
    showComm_g      = false;
    slideOpenNewTab = true;
    idMode          = true;
    slidebyLabels   = false;
var slideLabelName = "label",
    pBlank          = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWGH9KD4Khm6oYeDiPwEMPOn3kU3Sh_cJ4z1jO3OV_bcr0mrqMAnVEjfRsGHbSRBYiqzB-qUYY3M7pgKLeJZEN5QwjrBZu0kTouawXd_yWecaVHig5WDohyphenhyphenkS_KX27eCZlNE_f-1Kj9wA/s1600/no+image.jpg",
    text            = "comment",
    numposts_g      = 12,
    numchars_g      = 0,
    showText        = "Show at",
    postText        = "Posts",
    tinyprevNav     = "<",
    tinynextNav     = ">",
    home_page       = "http://johnydarkmusic.blogspot.com/";
</script>
<script src="http://jamu-martin.googlecode.com/files/tinycarousel.js" type="text/javascript"></script>
Ganti URL warna biru diatas dengan URL blog Anda, kemudian save.
Kategory dengan thumbnail (Category with thumbnail)

Letaknya di sidebar tengah (satu thumbnail), cara pasangnya add gadget >> HTML/Javascriptkemudian 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/-/jazz?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://johnydarkmusic.blogspot.com/feeds/posts/summary/-/jazz?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johnydarkmusic.blogspot.com/search/label/jazz" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna biru (jazz) : 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.
Latest Post

Untuk mengatur latest post yang ada di homepage caranya adalah, di dashboard blogger pilihsetting, kemudian klik posts and comments. Pada bagian paling atas (Show at most) pilih berapa posts yang ingin ditampilkan pada homepage. Kemudian masuk ke Language and formatting, agar blog Anda seperti pada demo template ini pada Timestamp format pilih hanya jam/waktu (00:00).
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.
Ganti juga URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.
Headline News (Di bawah navigasi menu atas atau news ticker)

Untuk menggantinya di dashboard pilih template kemudian klik Edit HTML jangan lupa centangexpand widget templates kemudian cari dengan menggunakan control + F URLhttp://johnydarkmusic.blogspot.com ganti dengan blog URL anda.

Johny Darkgamer 2

Demo | Download

Sesuai namanya template ini adalah versi kedua dari serial template Johny Darkgamer. Dengan warna dasar hitam dan hijau pada bagian navigasi menu, template ini sangat cocok untuk konten game. Fitur-fitur yang terdapat pada template ini hampir sama dengan template Johny Darkmusic, malah lebih sederhana pada hompage hanya terdapat 3 kolom sidebar yang tidak terlalu sulit untuk memasang widget yang ada disitu. Cara memasang slider pada template ini sama dengan template Johny Darkmusic, anda tinggal memasukkan kode script pada langkah nomer satu ke kotak HTML/Javascript. Demikian juga dengan kotak Feedburner yang ada di bawah postingan cara untuk menggantinya sama pada langkah nomer 4.

Kedua template ini support dengan halaman statis (static page) klik sample page yang terdapat pada navigasi menu atas. Dan juga template ini sudah dilengkapi dengan fitur threaded comment dengan fungsi reply bawaan dari blogger, anda bisa modifikasi sesuai keinginan. Kekurangan template ini belum ada fitur kotak pencari (search box), saya yakin Anda semua pasti bisa untuk menambahkan kotak pencari pada kedua template ini terserah mau memakai bawaan dari blogger atau memodifikasi sendiri.

Tutorial untuk pemasangan fitur-fitur yang ada pada kedua template diatas saya asumsikan Anda memakai blogger new interface bagi yang masih memakai old interface saya kira juga gampang dan mudah dimengerti, sampai disini dulu mas/mbak sudah larut malam selamat mencoba dan semoga bermanfaat.

Flows

Live demo

Download

FUNCTIONS OF TEMPLATES
URL for instructions	How to install the Blogger template
Author template	Lasantha Bandara / premiumbloggertemplates.com
Designer	fthemes.com
Descriptions	Template type: 1 side, 2 column, 3 column footer, adapted from Wordpress, blue, Elegant, special section, fixed width, header banner, magazine, premium, right sidebar, slider, Tabbed widgets, the top navigation bar, Web 2.0, white

Running is a free blogger template custom design with 1 right sidebar 2 column Blogger ready ads ready pointer fixed, Gray, slideshow, Wordpress a look, and you can download streams

eHost

Service First

Tikal National Park

Rojo Directa

BlogShadow

Grenda

Follow Athena

Premium Magazine Template

X6 Yellow Blogger Template

X7 Blue Black Blogger Template

X8 White Blogger Template

Johny Darkmovie, Template for Movie Review

Template Johny Darkfire Blogspot

Download Template Johny Darkmusic & Johny Darkgamer 2

Flows

Popular Templates

Followers