Template bootstrap blogger ini saya beri nama yeti-theme. Sebab saya menggunakan tools dari bootswatch. Saya gunakan Yeti.

Template ini merupakan hasil penasaran saya, apakah bootstrap bisa bekerja maksimal di platform blogger. InsyaAllah kedepannya saya akan perbaiki sambil belajar sedikit-sedikit mengenai dunia desain web.

Namun selama saya coba otak-atik template ini bekerja baik, dan sangat responsive, hanya berkutat di HTML saja tanpa menambahkan di bagian CSS. Ini penangkapan screensootnya.

Yeti-Theme Responsive Template [Bootstrap Blogger Template]

Template ini friendly, sangat mudah di edit dengan tools dari bootstrap.

Jika ada kesalahan pada hasil unggahnya, klik link Download ini.

Fitur : Responsive, Subscribe by Email, Simple with White Color, etc.
Yeti-Theme Responsive Template [Bootstrap Blogger Template]

Kode untuk Subscribe by email :
Dasbor > Tata Letak > Tambahkan Widget > HTML > masukkan kode ini

<div><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open("http://feedburner.google.com/fb/a/mailverify?uri=Your Feedburner Username", "popupwindow", "scrollbars=yes,width=550,height=520"); return true" target="popupwindow">
    <div class="form-group">
<input id="follow-by-email-address" name="email" placeholder="Email address..." type="text" class="form-control" />
</div>
<div class="form-group">
<input id="follow-by-email-submit" type="submit" value="Submit" class="btn btn-danger btn-email" /> <input name="uri" type="hidden" value="Your Feedburner Username" /> <input name="loc" type="hidden" value="en_US" />
</div>
</form>
</div>

Ganti "Your Feedburner Username".

Ganti juga Nama di bagian Header :
Dasbor > Edit HTML > Cari tulisan "Your Official Website" dan "Your Name Website". Ganti sesuaikan dengan anda. ( Gunakan Ctrl+f )


Bagi yang minat silahkan di koleksi. Tamplate ini bisa modif kembali sesuai selera anda. Thank's for visit here... :)

Hari yang lalu saya nge-share kerangka template blogger dengan bootstrap tools. Hari ini saya punya template dengan bootstrap juga yang pernah saya buat januari lalu.

Baca : Kerangka template blogger dengan bootstrap versi 3.3.2

Template ini sebenarnya belum 100% jadi, namun saya pengen share gratis dan silahkan remove credit linknya, jika anda meng-editnya. Saya agak males meng-editnya kembali, jadi ini tantangan buat yang mau belajar koding HTML, CSS untuk pemula.
Template ini saya kasih nama simple grid. ini screenshootnya.


Fitur : Responsive, Simple, dll

Silahkan didownload... :)

Riyadhul Qur'an  merupakan wadah alternatif yang menfokuskan pada pembelajaran Al-Qur'an dengan sasaran pelajar mulai tingkat anak sampai dewasa.

Riyadul Qur'an juga menginginkan upaya-upaya dakwah dengan strategi melalui dunia maya. Dengan fasilitas seadanya, riyadhul qur'an membuat blog dengan domain riyadhul-quran.com.

Harapannya dengan fasilitas ini bisa meningkatkan kualitas pesan yang disampaikan melalui media ini.

Rumah Tahfidz Riyadhul Qur'an
Screenshoot Website Riyadhul Qur'an pada Homepage

Untuk lebih jelas dan menginginkan informasi lebih, anda klik link riyadhul-quran.com.


Kali ini saya mau nge-share Kerangka Template Blogger yang dibuat menggunakan Bootstrap 3.3.2. Kode sederhana dengan bootstrap, konsekuensi menggunakan fitur seperti ini tidak 100% fitur Blogger yang disediakan bisa digunakan.

Kamu akan lebih banyak meng-edit di kolom "edit HTML" dibandingkan hanya sekedar di kolom "tataletak". Namun menurut saya ini sedikit enak bagi kita yang tidak mau repot.
Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.

Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.






Di ambil dari Wikipedia
Monggo di ambil, bisa buat belajar.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>

<!-- Start Heading -->
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

<!-- Start Title -->

<title><data:blog.pageTitle/></title>

<!-- End Title -->

<!-- Start Style -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"/>

<b:skin><![CDATA[
/* -----------------------------------------------------
Name:     Tulis Nama Template
Author:   Nama Kamu
URL:      Website Kamu
-------------------------------------------------------- */

]]></b:skin>
<!-- End Style -->

</head>

<!-- End Heading -->
<!-- Start Body -->

<body>
<!-- Header -->

<div class="container-fluid">
<div class="row">
  <div class="col-xs-6">
     <b:section class='header' id='header1' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='(Header)' type='Header'/>
     </b:section>
  </div>

  <div class="col-xs-6">
     <b:section class='header' id='header2' maxwidgets='1' showaddelement='no'/>
  </div>
</div>

<!-- Nav -->
<ul class="nav nav-tabs">
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Contact</a></li>
  <li role="presentation" class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
      Kategori <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Template</a></li>
    </ul>
  </li>
</ul>

<!-- Content -->

<div class="row">
  <div class="col-md-8">
    <b:section class='main' id='main' showaddelement='no'>
        <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
  </div>

  <div class="col-md-4">
    <b:section class='sidebar' id='sidebar' preferred='yes'>
        <b:widget id='PopularPosts1' locked='false' title='Artikel Populer' type='PopularPosts'/>
    </b:section>
  </div>
</div>
<!-- Footer -->
<div class="row">
  <div class="col-md-4">
<b:section class='footer' id='footer1' preferred='yes'/>
  </div>
  <div class="col-md-4">
<b:section class='footer' id='footer2' preferred='yes'/>
  </div>
  <div class="col-md-4">
<b:section class='footer' id='footer3' preferred='yes'/>
  </div>
</div>

<hr class='featurette-divider'/>
<!-- Credit -->
<footer id='footer'>
<p class='pull-right'><a href='#'>Back to top</a></p>
<p>Copyright &#169; 2015 <a href='/'>fahmirabbani.com</a></p>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>
<!-- End Body -->

</HTML>
Sekian Artikel ini, di Comment yaa... :D

Hari ini saya ganti template lagi setelah saya lihat template yang menurut saya keren. Biasanya template bagus dan baik itu relatif. Menurut saya, sepanjang selalu update artikel manarik dan kece visitor gak akan kemana.

Saya sudah berkali kali gonta-ganti template, terutama saat saya baru mengenal Koding HTML CSS yang sederhana. Saat ini saya juga masih belajar dan memperbaiki koding untuk web.

Anda kenal Bootstrap?

Menurut saya, bagi yang gak mau repot-repot menyusun HTML dan CSS, dengan fasilitas gratis 100% dari bootstrap anda akan bisa membuat template yang terlihat lebih kece.

Bagi yang belum kenal, silahkan kunjungi situsnya. Blog ini saya buat menggunakan Bootstrap dengan model tanpa ada Gambar, Jadi... Lihat ini

Jadi Super Cepat, AA.

Jadi, Alasan saya karena gonta-ganti adalah karena bosan dengan template lama dan terpikat template baru, :D.

Menurut saya template ini sederhana dan lumayan bagus, Menurut kamu???

Sudah hampir 1 bulan tidak update, kali ini saya mau memberikan template buatan saya (dulu). Daripada cuman mangkrak dileptop, mending di share aja. Monggo yang tertarik Silahkan download, Free 100%.
Buat kamu yang suka otak-atik template, silahkan dimodif lagi. Yang mau nge-remove link credit yaa silahkan...


 Fitur: Responsive, Menu Navigasi Keren, Breadcrumbs SEO, Warna Gelap Keren.