Galau Blogger Template: Template SEO friendly yang simple!

PosHape.com — Galau Blogger Template merupakan template SEO friendly yang simple dengan 5 pilihan warna. Terdapat beberapa fitur yang terdapat pada template ini diantaranya adalah sebagai berikut:

1. On-page SEO (cek)
2. Page load time (cek)
3. Mobile friendly (cek)
4. Simple & clean
5. 100% responsive (cek)
6. Ad optimized, dll

Pilihan warna :

Biru

Merah

Hijau

Ungu

Orange

Konfigurasi template

Galau Blogger Template merupakan template yang mudah digunakan dan tidak diperlukan pengaturan khusus saat melakukan instalasi dan konfigurasi.

Menu navigasi & menu footer

Untuk mengubah tautan pada menu navigasi silakan masuk ke Template editor (menu Template > Edit HTML) kemudian cari (Ctrl + F) kode "<ul class='menu' id='menu'>" seperti terlihat pada kode dibawah :

<ul class='menu' id='menu'>
<li><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;search/label/Fashion?max-results=8&quot;' rel='nofollow' title='Fashion'>Fashion</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;search/label/Kata-kata?max-results=8&quot;' rel='nofollow' title='Kata-kata'>Kata-kata</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;search/label/Hot%20News?max-results=8&quot;' rel='nofollow' title='Hot News'>Hot News</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;search/label/Software?max-results=8&quot;' rel='nofollow' title='Software'>Software</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;search/label/Contoh%20Surat?max-results=8&quot;' rel='nofollow' title='Contoh Surat'>Contoh Surat</a></li>   
</ul>

Silakan ubah kode berwarna merah untuk merubah tautan pada menu navigas. Referensi mengenai tag anchor/hyperlink bisa dibaca pada tautan berikut.

Untuk menu footer silakan cari (Ctrl + F) kode "<div id='footerblock'>" seperti terlihat pada kode dibawah :

<div id='footerblock'>
<span><a expr:href='data:blog.homepageUrl + &quot;p/kontak.html&quot;' title='Kontak'>Kontak</a> &#183; <a expr:href='data:blog.homepageUrl + &quot;p/kebijakan-privasi.html&quot;' title='Baca Kebijakan Privasi'>Privasi</a> &#183; <a expr:href='data:blog.homepageUrl + &quot;p/tentang.html&quot;' title='Tentang Penulis'>Tentang</a></span>

Silakan ubah kode berwarna merah untuk merubah tautan pada menu footer.

Ad dibawah artikel

Untuk menempatkan kode Ad dibawah artikel caranya sangat mudah, silakan masuk ke Template editor (menu Template > Edit HTML) kemudian cari (Ctrl + F) kode "<div class='post-ads'>" seperti terlihat pada kode dibawah :

<div class='post-ads'>
<p class='ads'>Sponsor</p>
<img alt='Responsive Ad' src='ad3.png' title='Responsive Ad'/>
</div>

Silakan hapus kode berwarna merah dan ganti dengan kode Ad Anda. Untuk pengguna AdSense sebaiknya menggunakan Ad unit responsive.

Kumpulan shortcode

01. Blok kode

Untuk membuat blok kode caranya adalah dengan menambahkan kode dibawah pada mode HTML ketika menulis artikel.

<div class="document">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

Silakan ubah kode berwarna merah sesuai text yang akan ditampilkan, hasilnya akan terlihat seperti berikut :

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

02. Embed video YouTube (Responsive)

Agar video YouTube yang di embed bisa responsive tambahkan kode berikut :

<div class="video">
Code embed YouTube
</div>

Hasilnya akan terlihat seperti berikut :

03. Tombol 

Untuk membuat tombol, silakan tambahkan kode berikut :

<div class="download">
<a href="LINK">Tautan Anda</a>
</div>

Hasilnya akan terlihat seperti berikut :

Tautan Anda

Demo & download

01. Galau Blogger Template Biru [Atas]

Demo    Download

02. Galau Blogger Template Merah [Atas]

Demo    Download

03. Galau Blogger Template Hijau [Atas]

Demo    Download

04. Galau Blogger Template Ungu [Atas]

Demo    Download

05. Galau Blogger Template Orange [Atas]

Demo    Download

Kritik, saran & masukan

Agar template ini bisa terus dikembangkan dan disempurnakan, pengguna template diharapkan aktif berkontribusi dengan memberikan kritik, saran dan masukkan pada kolom komentar dibawah dan atau bisa melalui alamat email hanshakiki@gmail.com. Terimakasih!

Update terbaru Galau Blogger (FlatFast v1.0) bisa diunduh pada tulisan Template Blogger SEO.