Teduh Responsive Template Blogger

Teduh Responsive Template Blogger adalah templat Blogger responsif minimalis dua kolom. Pemilihan font Saya fokuskan pada Roboto Condensed, Gnuolane Regular dan font ikon dari Fontawesome.

Demo

Download

Beberapa fitur dari template ini :

1. Seo ⇒ here
2. Responsive ⇒ here
3. Valid HTML 5 ⇒ here
4. Valid HTML 5 in post ⇒ here
5. JSon Search result with antiscroll
6. Thread comment Hack
7. JSon Recent Comment with antiscroll
8. DLL

Konfigurasi :

1. Memodifikasi Menu Navigasi

Tekan CTRL + F lalu ketik class='nav1-wrapper untuk menemukan deretan kode ini

<nav class='nav1-wrapper cf' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
    <div class='menu-mobile1' title='Menu'><i class='icon bars' />
    </div>
    <div class='isinya cf'>
        <ul class='menu-pertama cf'>
            <li><a href='/'>Beranda</a>
            </li>
            <li><a href='/search/label/Blogger' title='Blogger'>Blogger</a>
            </li>
            <li><a href='/search/label/Template' title='Blackberry'>Template</a>
            </li>
            <li><a href='http://seobingit.blogspot.com/p/halaman-statis_4.html'>Privacy Policy</a>

            </li>
....

2. Memodifikasi Menu Navigasi Ke Dua

Tekan CTRL + F lalu ketik class='nav2-wrapper untuk menemukan deretan kode ini

<div class='bungkuse cf' id='bungkuse'>
    <ul class='menu-kedua cf'>
      <li><a href='/'>Beranda</a>
        </li>
        <li class='adasub'><a href='#'>Alat</a>
            <ul>
              <li><a href='#'>Kucari Kamu</a></li>
                <li><a href='http://ngudang.blogspot.com/p/daftar-isi_25.html'>Generator Kode Warna</a>
                </li>
                <li><a href='#'>Menuju Senja</a>
                </li>
            </ul>
        </li>
      <li><a href='http://seobingit.blogspot.com/p/daftar-isi_4.html'>Daftar Isi</a>
        </li>
      <li><a href='/akuganteng'>Error</a>
        </li>
    </ul>
  </div>
....

3. Memodifikasi Menu Sosial Media

Tekan CTRL + F lalu ketik id="icon-social" untuk menemukan deretan kode ini

<ul class='icon-social' id='icon-social'>
    <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon twitter-icon'/></a>
    </li>
    <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon facebook-icon'/></a>
    </li>
    <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon gpluss-icon'/></a>
    </li>
    <li><a class='social-tooltip' href='#' target='_blank' title='Become a fan'><i class='icon rss-icon'/></a>
    </li>
</ul>
....

4. Membuat Widget Post Diperbaharui

Masuk Tata Letak pilih Tembahkan Gadget pilih HTML/Javascript dan masukan kode HTML berikut pada formulirnya

<ol id="posts-diperbaharui"></ol>

5. Menampilkan Edit Post Cepat, Menampilkan Tombol Share

Pada Tata Letak pilih Posting Blog dan pilih Edit dan akan muncul Pop Up Seperti dibawah ini

• Centang Tujukan Pengeditan Cepat untuk menampilkan tombol Pengedit Cepat
• Centang Tampilkan Tombol Berbagi untuk menampilkan tombol berbagi

6. Memodifikasi tombol like pada komentar

Pada Tata Letak pilih Posting Blog dan pilih Edit dan akan muncul Pop Up Seperti diatas, dan lihat gambar berikut ini

Pada kolom Reaksi, Set nilainya menjadi seperti dibambar diatas atau ganti dengan huruf -

7. Menambahkan Widget Subscribe pada Footer

Pada Tata Letak, pilih pada kolom widget bagian bawah dan pilih add widget dan pilih HTML/Javascript, dan masukkan kode HTML berikut

<div class="subscribe-bottom">
<h2>Subscribe</h2>
    <p><b>Berlangganan posting:</b> Daftarkan alamat email Anda untuk memperoleh umpan posting terbaru langsung ke kotak masuk pesan.</p>
    <form action="http://feedburner.google.com/fb/a/mailverify" class="form-subscribe" id="feedform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR_ID_SUBSCRIBE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
        <input class="form-subscribe-isi" name="email" placeholder="email@domain.com" type="email">
        <input name="uri" value="YOUR_ID_SUBSCRIBE" type="hidden">
        <input name="loc" value="en_US" type="hidden">
        <button class="subscribe-tombol" type="submit">Langganan</button>
    </form>
</div>

Ganti YOUR_ID_SUBSCRIBE dengan ID Subscribe Anda

Tweet