Photolog Template Blog Katalog Foto Free Download

Oleh Admin 10/24/2015 2 komentar

Template ini sangat cocok untuk mempublikasikan hasil karya fotografi Anda. Apalagi jika anda seorang traveler Blogger yang tentu saja memiliki banyak dokumentasi berupa foto-foto destinasi travel Anda, maka template Photolog ini layak menjadi pilihan Anda.

Template yang secara khusus penulis desain ini, memang bertujuan untuk mempublikasikan hasil karya berupa gambar-gambar yang bisa berupa foto ataupun ilustrasi cantik yang anda miliki sehingga bisa tampil di halaman utama blog Anda. Photolog sendiri merupakan akronim dari Photo Catalog, sehingga sesuai dengan namanya template Photolog ini cocok dipakai sebagai katalog gambar-gambar terbaik Anda.

Template Photolog ini sudah lulus tes skor SEO 100% di CHKME.com serta sudah tidak terdapat error pada pengecekan struktur data testing Tool milik Google

Baca juga : Template Toko Online Blogspot Terbaik dan Gratis

Beberapa fitur utama Photolog ini adalah Slide Show Responsive, dropdown menu responsive, komentar dengan comment hack, Multi tab widget di single page, dll.

Untuk fitur selengkapnya bisa cek langsung dari Live Demo link di bawah ini.

Template Photolog

LIVE DEMO DOWNLOAD

Panduan Setting Template

1# Unggah template.
Coply semua script dari file template dan paste ke halaman html template blogspot Anda.
Lalu simpan.

2# Setting Meta Tag
Ganti semua text berwarna merah dari script meta Tag di bawah ini dengan data dari blog Anda.

<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Maaf halaman yang ada cari tidak ada | Namablog</title>
</b:if>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.searchQuery'>
<title>Pencarian keyword untuk :: <data:blog.searchQuery/> :: | NamaBlog</title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>

<title>Arsip Artikel Bulan <data:blog.pageName/> | NamaBlog</title>

<meta expr:content='"Arsip Artikel Bulan " + data:blog.pageName + " selengkapnya silahkan kunjungi di NamaBlog"' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>

<title><data:blog.pageName/> | NamaBlog</title>

<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
<b:else/>

<b:if cond='data:blog.searchLabel'>
<title>Pencarian pada Label :: <data:blog.pageName/> :: | NamaBlog</title>

<meta expr:content='"Pencarian pada kategori ::" + data:blog.pageName + ":: selengkapnya silahkan kunjungi di NamaBlog."' name='description'/>
<b:else/>

<title><data:blog.pageTitle/></title>

<meta expr:content='data:blog.pageTitle + " Tulis deskripsi blog anda disini."' name='description'/>
</b:if>
</b:if>
</b:if>

<meta content='keyword1, keyword2, dst' name='keywords'/>
<b:else/>

<title><data:blog.pageName/> - NamaBlog</title>

<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:else/>

<meta expr:content='data:blog.pageName + ". Silahkan baca artikel " + data:blog.pageName + " selengkapnya di NamaBlog"' name='description'/>
</b:if>

<meta expr:content='data:blog.pageName + ", keyword1, keyword2, dst"' name='keywords'/>

3# Edit info kontak
Masuk ke html template, cari text berikut ini, kemudian ganti dengan data Blog Anda.

Contact <span itemprop='name' style='color: #CBDDEF;font-size: 111%;'><data:blog.title/></span> :
<i class='fa fa-phone'/> 021 123456789 -
<i class='fa fa-mobile'/> 0812 345 6789 -
<i class='fa fa-whatsapp'/> 0812 345 6789 -
<i class='fa fa-envelope-o'/> head.office@email.com

4# Edit Icon Sosial Media.
di HTML Template, cari script berikut dan ganti text warna merah dengan link sosial media anda.

<a href='http://facebook.com/tukangtokoonline'><i class='fa fa-facebook' style='font-size:18px;margin-right:5px;'/></a>
<a href='http://twitter.com/tukangtokonline'><i class='fa fa-twitter' style='font-size:18px;margin-right:5px;'/></a>
<a href='http://plus.google.com/+tukangtokoonlinewebid'><i class='fa fa-google-plus' style='font-size:18px;margin-right:5px;'/></a>
<a href='#'><i class='fa fa-rss' style='font-size:18px;margin-right:5px;'/></a>
<a href='#'><i class='fa fa-pinterest' style='font-size:18px;margin-right:5px;'/></a>
<a href='#'><i class='fa fa-linkedin' style='font-size:18px;margin-right:5px;'/></a>
<a href='#'><i class='fa fa-youtube' style='font-size:18px;margin-right:5px;'/></a>

5# Mengedit Slide Show
Masih di HTML Template, cari script berikut dan edit text warna merah sesuai dengan data blog Anda.

<div class='easyslider'>
<div class='image_reel'>
<a href='#'><img alt='deskripsi gambar' src='http://3.bp.blogspot.com/-oLRQJ9NRBsM/Viqvu78ksbI/AAAAAAAABbw/ACY0GhRsQeM/s1600/beautiful_landscape_view_1920x1200.jpg'/></a>
<a href='#'><img alt='deskripsi gambar' src='http://4.bp.blogspot.com/-uOwogd2GNqs/ViqxB17vdTI/AAAAAAAABb8/zmcLsYnwDdw/s160/pegununga.jpg'/></a>
<a href='#'><img alt='deskripsi gambar' src='http://2.bp.blogspot.com/-EOpAOlOVNXQ/VirUAhGWS0I/AAAAAAAABcY/KBUQyheksUY/s1600/bromo%2Bview.jpg'/></a>
<a href='#'><img alt='deskripsi gambar' src='http://1.bp.blogspot.com/-TKDbaQy7_-s/VirTwXYo4NI/AAAAAAAABcM/RzEH8VAgBVk/s1600/beach.jpg'/></a>
<a href='#'><img alt='deskripsi gambar' src='http://1.bp.blogspot.com/-h4jEgd42Cs0/VirVAqBwi5I/AAAAAAAABcc/-Bd3pJseRTE/s1600/ubud%2Bvalley.jpg'/></a>
</div>
<div class='descriptionslider'>
<div class='easytitledes'><a href='...post-link1.html'>Post-Title 1</a><p>Description / Caption 1</p></div>
<div class='easytitledes'><a href='...post-link2.html'>Post-Title 2</a><p>Description / Caption 2</p></div>
<div class='easytitledes'><a href='...post-link3.html'>Post-Title 3</a><p>Description / Caption 3</p></div>
<div class='easytitledes'><a href='...post-link4.html'>Post-Title 4</a><p>Description / Caption 4</p></div>
<div class='easytitledes'><a href='...post-link5.html'>Post-Title 5</a><p>Description / Caption 5</p></div>
</div>

6# Mengganti Banner footer
di html template cari link gambar berikut dan ganti dengan link gambar banner anda sendiri.

http://2.bp.blogspot.com/-7EF2J0uFEuw/VZPJXH0E3gI/AAAAAAAAKkE/uT_88oT1PIE/s1600/header-right.png

Untuk setting widget dan lain-lainnya bisa anda lakukan melalui menu Layout/tata letak seperti editing widget biasa.

Semoga template Photolog ini bermanfaat untuk Anda.