Oleh sebab itu sebagai gantinya mungkin template BMA Lovers walaupun masih sederhana juga namun ini bisa sebagai gantinya dan ini jauh lebih baik daripada yang saya gunakan pada blog ini. Setiap elemen sudah tersusun rapi di setiap media query sehingga bisa menyesuaikan setiap perangkat yang digunakan untuk mengakses.
Itu dia beberapa kutipan yang dia tulis di blognya. Setelah membaca kutipan di atas, tentunya rekan-rekan blogger pastinya penasaran dong denga fitur-fitur nya? Berikut adalah fitur-fitur BMA Lovers Responsive Blogger Template yaitu :
- Responsive
- Valid HTML5
- Fast Loading
- Score SEO 100%
- Lightbox Contact Form
- Dinamis Post Meta
- JSON Search Result
- 404 Error Custom
- Comment Spam Detected, dll.
Template Information | |
---|---|
Nama Template | BMA Lovers Responsive |
Platform | Blogger |
Designer | Mas Andes |
Cara Instalasi Template | Klik disini |
Tipe Template | Gratis |
Remove Credit Links | Dilarang |
Kustomisasi
Anda perlu melakukan beberapa edit HTML pada template ini agar sesuai dengan keinginan ada dan lebih SEO tentunya. Langkah pertama yang harus ada lakukan adalah :
1. Merubah menu navigasi atas (about, contact, sitemap, dll) dengan cara temukan kode berikut :
<ul>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Follow</a></li>
</ul>
Ganti tanda #
dengan URL anda.2. Merubah menu dibawah header. Temukan kode berikut :
<ul class='clearfix'>
<li><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></li>
<li><a href='#'>Template</a></li>
<li><a href='#'>Tutorial</a></li>
<li><a href='#'>Design</a></li>
<li><a href='#'>Widget</a></li>
<li><a href='#'>Tools</a></li>
</ul>
Lakukan hal yang sama seperti langkah nomor satu.3. Merubah badge Google+. Temukan kode berikut :
<div class='g-person' data-href='//plus.google.com/104093787575230359634' data-layout='landscape' data-rel='author' data-showtagline='false' data-theme='dark'/>
</div>
Ganti ID 104093787575230359634
dengan ID G+ Anda.4. Merubah Fans Page Facebook. Temukan kode berikut :
<div class='fb-like-box' data-colorscheme='light' data-header='false' data-height='350px' data-href='http://www.facebook.com/andestyle' data-show-border='false' data-show-faces='true' data-stream='false' data-width='400px'/>
Ganti andestyle
dengan ID Fanspage Anda.5. Pada bagian email subscribe juga ganti dengan ID Feedburner blog anda, cari kode berikut :
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=masandes' class='subscribe-form' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=masandes', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='masandes'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-email' name='email' placeholder='Enter your email ...'/><input class='subscribe-button' title='' type='submit' value='Submit'/>
</form>
</div>
Ganti masandes
dengan ID Feedburner blog Anda.6. Untuk memasang banner ukuran 468x60 piksel yang terdapat pada bagian header caranya cari kode berikut :
<!-- Start banner ukuran 468 x 60 -->
<div class='ads468'>
<a href='#'>
<h5>Advertisment 468 x 60</h5>
</a>
</div>
<!-- End banner ukuran 468 x 60 -->
Ganti <h5>Advertisment 468 x 60</h5>
dengan banner yang akan di pasang. Contoh :<img alt='' src='url-banner.jpg' title=''/>
.7. Sedangkan 2 banner ukuran 300x250 piksel yang terdapat pada bagian bawah posting, cari kode berikut ini:
<!-- Start banner ukuran 300 x 250 -->
<div class='ads300'>
<div class='iklan'>
<a href='#'>
<h5>Advertisment 300 x 250</h5>
</a>
</div>
<div class='iklan'>
<a href='#'>
<h5>Advertisment 300 x 250</h5>
</a>
</div>
<div style='clear:both'/>
</div>
<!-- End banner ukuran 300 x 250 -->
Ganti <h5>Advertisment 468 x 60</h5>
dengan banner yang akan di pasang. Contoh :<img alt='' src='url-banner.jpg' title=''/>
Agar letak widgetnya sesuai demo, silahkan copy seluruh kodenya dari notepad kemudian block semua kode di edit HTML dan paste kode yang tadi dicopy dari notepad.
Dilarang keras untuk menghapus Credit Link pada footer template ini tanpa persetujuan dari pemilik template ini.
Baca Juga: Download Template BroSense Gratis Responsive