Posted by : Yatogami Sura
Friday, 28 December 2012
Tag :// Template
Hello again.kali ini saya membuat template shinpuru versi kedua dari template sebelumnya yang merupaka template yang simple,fast loading dan ringan . apa bedanya dengan versi yang pertama? bedanya template V2 yang paling terlihat ini adalah posting yang menggunakan style thumbnail dan template yang responsive . artinya akan menyesuaikan dengan resolusi monitor yang kita gunakan.berikut contoh screenshot dengan ukuran yang berbeda:
Gambar 1.1
Gambar 1.2
Dan supaya lebih elegant,tombol readmore pada post juga sudah saya modifikasi seperi gambar dibawah ini:
Gambar 1.3
1. Setting Menubar
Buka blogger,pilih menu template=> Edit HTML lalu cari kode html yang seperti dibawah ini.
setelah itu ganti tanda pagar '#' (tanpa tanda petik) dengan ulr/alamat link yang ingin dituju,dan ganti juga nama linknya.
<div class='menujohanes'>
<ul class='dark_menu'>
<li><a class='selected' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#'>lorem ipsum</a><ul>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
</ul></li><li><a href='#'>Categories</a><ul>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li>
<li><a href='#'>lorem ipsum</a></li></ul></li>
<li><a href='#'>Backlink</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Contact</a></li>
</ul></div>
2. Setting SEO
Khusus template ini,pengaturan meta tag dan SEO sudah saya ubah,jadi ada yang harus di setting manual oleh pengguna mengenai deskripsi dan keyword blog anda.
have a nice day~
<meta content='deskripsi blog kamu' name='DESCRIPTION'/>
<meta content='keyword blog kamu' name='KEYWORDS'/>
Selesai deh template ketiga di akhir bulan ini.Arigatou gozaimasu~terima kasih masih tetap setia mengunjungi blog ini,semoga blog ini tetap bermanfaat ^^.
Penulis : Bang Johanes
Keren kk
ReplyDeleteLebih Lengkap Kesini http://djogzs.blogspot.com
ReplyDeletegan cara masang widget :DEEZCLAN yang di pojok gimana?,kan ane udah daftar di Deezclan
ReplyDeletevisit back : www.gilang-techno.blogspot.com
ok PM ane aja Http//www.facebook.com ntar ane Kasih Kodenya!
ReplyDeleteBlogWalking :D
ReplyDeletehttp://berbagiyangakutahu.blogspot.com
Blogwalking Sob
ReplyDeletehttp://www.dimas-yp.blogspot.com