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.

Shortnotes Blogspot template

Shortnotes Blog template, Usages Blogging, Layout 2 Column with Right Sidebar,

  Design Features  
Responsive design : Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones. Minimalist design : Want to have a simple but beautiful website? This template has minimal design by giving importance to content. Post Thumbnails : Show a thumbnail image (small image) for every post using this template. Good Typography : Shortnotes Blog template has beautiful Typography (font styles). Your website will look beautiful and readable. Custom web fonts : Shortnotes Blog template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts.

  Customization Features  
HTML Menu : Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links. Widget Ready : Shortnotes Blog template comes with many widgetized area. Add your widgets easily using this template.

  More Features 
SEO Ready : Shortnotes Blog template is optimized for Search engines like Google. This template helps your website to rank higher in search engines. RSS Buttons : Shortnotes Blog template comes with RSS Buttons. Let your user follow you using your RSS feed. Social Buttons : This template comes with social buttons like facebook, twitter etc., Let your users share your content easily.     Search box : Shortnotes Blog template has search box in it. Search box helps your user to find the content easily on your site.

Set up Social Icons : After installing this template, go to Template — Edit HTML and find following code. Update the Social links with your links.

<!– begin #socialIcons –>
<div id=’socialIcons’>
<ul>
<li><a class=’twitter hide-text’ href=’http://twitter.com/lovelytemplates’ rel=’nofollow’ target=’_blank’/></li>
<li><a class=’facebook hide-text’ href=’http://www.facebook.com/lovelytemplates’ rel=’nofollow’ target=’_blank’/></li>
<li><a class=’linkedin hide-text’ href=’http://www.linkedin.com/’ rel=’nofollow’ target=’_blank’/></li>
<li><a class=’rss hide-text’ expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’ rel=’nofollow’ target=’_blank’/></li>
</ul>
</div>
<!– end #socialIcons –>

Configure Sidebar Menu : Go to Template — Edit HTML and find following code. Update the Menu name and link. 

<!– Sidebar Menu –>
<div class=’blogbblock’ id=’sidebar-menu’>
<h3>Menu</h3>
<nav class=’menu-topmenu-container’>
<ul class=’menu’ id=’menu-topmenu-1′>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#’>About</a></li>
<li><a href=’#’>FullWidth Page</a></li>
<li><a href=’#’>Contact</a></li>
</ul>
</nav>
</div>
<!– END Sidebar Menu –>

Configure Small Screen Menu : Go to Template — Edit HTML and find following code. Update the Menu name and link. This menu will appear on mobile devices.

<!– menu for smaller screens –>
<div class=’blogbblock’ id=’small-screens-menu’>
<a href=’#’ id=’topmenu-button’><strong>:::: MENU ::::</strong></a>
<nav class=’menu-topmenu-container’>
<ul class=’menu’ id=’menu-topmenu’>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’#’>About</a></li>
<li><a href=’#’>FullWidth Page</a></li>
<li><a href=’#’>Contact</a></li>
</ul>
</nav>
</div>
<!– end menu for smaller screens –>

Configure Recent Posts Widget : GO to Layout — Click Edit on Recent Posts Widget. Then, place the following code in the Content box.

<script>var numposts =5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src=”http://shortnotes-theme.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp”>
</script>

Set up Categories Widget : If you want to acheive the Categories look like in our demo then use Display mode as “Cloud”.

Simple Blogger Template : Winter

Blogger Template Design For Personal Clean Style Blogger Blog's.

Winter Blogger Template is a One Column Simple And Premium Blogger Template. This Winter Theme Converted From WordPress Platform. Its 1 Column Blogger Theme With 3 Column Footer Area. Not Auto “Read More” Button’s.

If You Need You Can Customize It. Auto Icon Arrange By Post Type, If You Add Video, Post Left Conner Add Yellow Color Video Icon.Black, White, Yellow and Gray Color Use As a Major Colors.Search Box Placed Right side Of Header.Winter Blogger Template Design For Personal Clean Style Blogger Blog’s.

Classic Template Blogger with Elegant Style : Johny Classicsite

Classic Template Blogger with Elegant Style
Johny Classicsite Theme

Descriptions Johny Classicsite Theme:
If you looking for a simple template blogger with SEO, I suggest you to considering this template. Johny Classicsite was a simple template with elegant classic style. There’s no specific feature in this template. It’s a white and grey color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, navigation menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to. I hope you enjoy it and happy blogging.

Johny Blogger Templates Classicsite edition. Satu dari sekian banyak template blog yang keren yang diproduksi oleh Johny Templates. Simple dan elegant style. Template ini memang terkesan klasik seperti zaman dulu. Namun tetap terlihat indah. 

Template blog ini cukup ringan (fast loading). 90% hanya menggunakan warna HTML. Hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari. Lainnya, semua memakai permainan gradasi warna.

Masalah SEO friendly? Saya tidak berani bilang. Karena, patokan baku sebuah template dikatakan SEO Friendly tiap master blogger beda-beda.

Sistem instalasi template ini cukup gampang. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar.

Caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :

<a expr:href=’&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;’ onclick=’javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;’>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda.

Simple, Clean, dan SEO Friendly Blogger Template

Simple, Clean, dan SEO Friendly Blogger Template
Simple Clean Blogger Template

Jika anda mencari Template blogger yang simple, clean, putih, bening, elegant dan sekaligus SEO Friendly maka template yang satu inilah yang anda cari.

Kesannya memang terlihat sederhana namun disitulah letak kelebihannya. 

Syarat untuk bersaing dimata Search Enggine pun telah dimiliki Simple Clean Blogger Templates. Bagai mana tidak, belum diotak-atik dengan penambahan unsur SEO saja; Score for http://simplecleantemplate.blogspot.com/  sudah mencapai  82% A great result, you can do more!

Template Keren kan???

Petunjuk instalasi Simple Clean Blogger Template dapat dilihat langsung pada DEMOView.

Simple Clean Blogger Template is one of seo friendly blogger templates, by 7 templates

Simple and elegant blogspot template

Blogger Template : Blue & Red Pearl 

Kang Ismet emang salah satu pentolan perancang blogger templates Indonesia (Itu menurut saya). Dua templates ber flatfrom blogspot ini memang layak untuk dijadikan pilihan. Simple dan elegant, namun sentuhan art berselera tinggi menjadi unsur yang kuat pada setiap bagian fiturnya. 
Lihat saja logo pada header template. Siapa bilang itu senderhana??? Sentuhan photoshop plus CorelDraw membuat dsign logo terlihat elegant mantap dan elegant.

Berikut screenshoot atau penampakan 
Simple and elegant blogspot template Buatan Kang Ismet itu:
http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
Blue Pearl Blogspot Theme
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/

http://redaksiexpo2012.blogspot.com/2013/08/simple-and-elegant-blogspot-template.html
Red Pearl Blogspot Theme
http://redaksiexpo2012.blogspot.com/http://redaksiexpo2012.blogspot.com/