Kembali mau berbagi template blog blogspot yang sederhana,tapi sudah siap saji/pakai dan say rasa sarananya juga cukup lengkap;. Dan bila anda sedikit kreatif untuk mendesain tambahan maka akan tampil lebih menarik.
Template modif ini masih asli dari etheral bawaan blogger/blogspot,namun sudah sedikit dirubah tampilannya dan sedikit dilengkapi dengan beberapa fitur.
- Menu share rss,twitter,facebook,google + dan search box di atas header.
- Header dua kolom,sebelah kanan untuk iklan 460x60.
- Menu dropdown di bawah header.
- Read more otomatis.
- Author/admin,jam dan info komentar di bawah judul post.
- Reader komentar di atas kanan post.
- Menu di footer. dll.
Bagi anda yang mau memakai template ini yang perlu anda rubah adaalah bagian-bagian sebagai keperluan link anda:
1. Link sahre di atas header,cari kode :
<div align="center"><div id='masthead'> <tr class='nav_masthead'> <td><a class='gab_rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank' title='Subscribe Posting RSS'> RSS for Posts</a></td>
<td><a class='gab_email' href='http://feeds.feedburner.com/Tip-tipan' rel='nofollow' target='_blank' title='Langganan Artikel via Email'> | Subscribe by e-mail</a></td>
<td><a class='gab_twitter' href='https://twitter.com/ArsipFank' rel='nofollow' target='_blank' title='Ikuti Di Twitter Arsip Fank'>| Follow on Twitter</a></td>
<td><a class='gab_facebook' href='http://www.facebook.com/arsip.fank' rel='nofollow' target='_blank' title='Hubungkan Dengan Facebook Arsip Fank'>|Connect on Facebook</a></td>
<td><form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text"/>
<input id="search-btn" value="Search" type="submit"/>
</form></td>
</tr>
</div></diV>
Ganti yang berwarna merah dengan URL untuk link anda. Yang warna biru adalah title yang akan muncul bila mouse diarahkan pada link.
2. Untuk menu dropdown di bawah header silahkan kopi kode di bawah ini masukkan pada add gadget javascript yang diletakkan di bawah header.
<div id='mbtnavbar'>
<ul id='mbtnav'>
<li>
<a href='#'>Beranda</a>
</li>
<li>
<a href='#'>Tentang saya</a>
</li>
<li>
<a href='#'>Produk</a>
</li>
<li>
<a href='#'>Kontak</a>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Yahoo</a></li>
</ul>
</li>
</ul>
</div>
Ganti yang warna merah dengan judul menu anda,dan tanda pagar # ganti dengan URL tujuan.
3. Untuk menu di footer cari kode di bawah;
<div id="footer" class="center">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">FAQ</a></li>
</ul>
Ganti semua tanda # dengan link URL tujuan.
ٱلْحَمْدُ لِلَّهِ رَبِّ
ٱلْعَاٰلَمِين
