22 Oktober 2013

Blogspot Template Minimalis Responsif : B1:A

 B1:A | Blogspot Template Minimalis Responsif 
B1:A adalah template Blogger responsif minimalis dua kolom. Pemilihan font di fokuskan pada Source Sans Pro, Oswald dan font ikon dari Fontawesome. Template blogger keren ini saya dapatkan dari blog jagoan Indonesia www.dte.web.id milik Kang Mas Taufik Nurrohman.

Tampilan template tersebut terkesan sederhana. Namun disitulah letak kelebihannya, sehingga terlihat elegant dan profesional.


Konfigurasi B1:A | Blogspot Template Minimalis Responsif

1. Mengubah Teks “Read More”

Masuk ke halaman Tata Letak, kemudian lihat pada widget Posting Blog. Klik tombol pengeditan yang terletak di sebelah pojok kanan bawah. Teks “Read More” bisa diganti pada bagian ini: 
 Blogspot Template Minimalis Responsif : B1:A

2. Mengubah Teks “Search”

Saat Anda berada di halaman Editor HTML template, pastikan kursor teks sedang aktif di dalam area kode. Tekan CTRL + F lalu ketik class='submit-button. Kode yang diberi tanda di bawah ini adalah yang harus diganti:
<button class='submit-button' type='submit'><i class='icon-search'/> Search</button>
3. Memodifikasi Menu Navigasi

Tekan CTRL + F lalu ketik id='site-nav untuk menemukan deret kode seperti ini:
<nav class='nav' id='site-nav'>
<ul>
<li><a class='home-menu' expr:href='data:blog.homepageUrl' title='Home'><i class='icon-home icon-2x'/><span class='screen-reader'> Home</span></a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
...
 
4. Mematikan Fitur Responsif

Untuk yang tidak suka dengan tema responsif, pada tag <html> terdapat atribut kelas seperti ini:
<html expr:class='data:blog.languageDirection + &quot; no-js rwd&quot;' expr:dir='data:blog.languageDirection'>
Untuk mematikan fitur responsif, buang kode yang diberi tanda merah.