Teduh Responsive Template Blogger

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.




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

Setting Share Button

  • 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

Reaksi
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

18 Responses to "Teduh Responsive Template Blogger"

  1. Sumpah. Templatenya clean banget ^:D

    ReplyDelete
  2. Nice Template...
    Tombol share nya keren :D

    ReplyDelete
  3. Saya Share Ya mas Rifan Hidayat di http://indotemplates.net , Terimakasih...

    ReplyDelete
  4. kok ane pasang badge nggak muncul ya?

    ReplyDelete
  5. nice post sob..
    article yang menarik,saya tunggu article berikutnya yach.hehe..
    maju terus dan sukses selalu...
    salam kenal yach...
    kunjungi blog saya juga ya sob,banyak tuh article2 yang seru buat dibaca..
    Poker Online Indonesia,poker online uang asli indonesia terbaik dan terpercaya...
    http://chaniaj.blogspot.com/ dan situs kesayangan kami http://oliviaclub.com dan https://www.facebook.com/pages/Benua-poker/683720458370743?fref=ts
    serta sites.google kebanggaan kami https://sites.google.com/site/pokeronlineterpopuler/
    di oliviaclub.com poker online uang asli terbaik di indonesia dengan teknologi teraman dan tercanggih.
    main dan ajak teman anda bergabung dan dapatkan 20%+20% referral fee dari house commision untuk turnover teman ajakan anda...

    ReplyDelete
  6. Mohon izin unduh.
    Boleh kah saya minta bantu edit-edit?

    ReplyDelete
  7. baus nih templatenya hehehe ijin comot

    ReplyDelete
  8. ni template pertamanya ane liat di postingan blogger thailand, telusur punya telusur eh buatan Riefand ternyata. Lamma ta' Jumva.. apa kabar Om ?

    ReplyDelete
  9. ni template pertamanya ane liat di postingan blogger thailand, telusur punya telusur eh buatan Riefand ternyata. Lamma ta' Jumva.. apa kabar Om ?

    ReplyDelete
  10. Salam Hangat Pecinta Permainan Judi Online.
    Kami dari www.VipmandiriQQ.com mengadakan KONTES SEO berhadiah puluhan juta rupiah. Tunjukkan kemampuan SEO kalian sekarang juga di VipMandiriQQ
    Untuk pendaftaran silahkan datangi livechat kami di https://goo.gl/UjVXAk
    VipMandiriQQ juga menawarkan bonus-bonus yang menggiurkan dan tentunya menguntungkan untuk member setia VipMandiriQQ.
    - Bonus TurnOver 0,5%
    - Bonus Referral 20%
    Game yang disediakan :
    - Poker Online
    - Domino Q-Kick
    - AduQ
    - BandarQ Online
    - Bandar Poker Online
    - Capsa Susun
    CONTACT US :
    Pin BBM : 2BE55E80
    WA : +85585929692
    SMS : +85585929692
    Facebok : Vipmandiriqq

    ReplyDelete
  11. Hai Semua Gabung Yuk Di METROQQ.COM
    Game Online Terbaru Yang Menggunakan Uang Asli Indonesia !!
    Game Poker Dan Domino Online:
    #BandarPoker #PokerOnline #BandarQ #Domino99
    Minimal deposit Rp15.000
    Minimal Withdraw Rp15.000
    Bonus Yang Di Berikan:
    Bonus Refferal 10% + 10%
    Bonus CashBack 0.3% - 0.5%
    Support Bank : BCA,MANDIRI,BNI,BRI DAN DANAMON
    BBm custumer kami : Nancy - (2BE32842)
    Jadi mau nunggu apa lagi ? Segera Daftarkan Diri Anda Di METROQQ.COM
    Untuk mendaftar langsung klik : http://goo.gl/gvZfa8

    ReplyDelete
  12. BLOG nya menarik sekali keren banget ka kunjungi yang satu ini yaaa biar kalian ga bingung dalam menentukan masalah GEDGET
    http://zapplerepair.com/perbedaan-antara-lcd-iPhone-original-sama-iPhone-lcd-ori-kaca-palsu.html

    ReplyDelete