Edit Subscribe Mail

Posted On // Leave a Comment

Masuk ke akun blogger kita. Pada bagian Dasbor, klik Template. Setelah masuk ke halaman Template, kemudian klik Edit HTML. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran. Gunakan kotak penelusuran untuk mengetahui kode HTML berikut.

<!-- Opt-in Subscribe -->
<div class='inner'>
<div class='ct-wrapper'>
<p>Get Free Updates</p> <a class='button large' href='URL Feed Blog'>Subscribe Now</a>
</div>
</div>

Ubah yang berwarna merah sesuai keinginan kita.

Contoh URL Feed Blog.

http://namablogkamu.blogspot.com/feeds/posts/default

Jika menggunakan Feedburner, maka URL Feed Blog akan berubah menjadi seperti ini.

http://feeds.feedburner.com/namayangkitainginkan

Untuk mendaftar pada layanan Feedburner, silakan baca artikel tentang Cara Daftar Feedburner.
[Read more]

Edit Tombol Social Media

Posted On // Leave a Comment
Template Blog Minimum Responsive

Masuk ke akun blogger kita. Pada bagian Dasbor, klik Template. Setelah masuk ke halaman Template, kemudian klik Edit HTML. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran. Gunakan kotak penelusuran untuk mengetahui kode HTML berikut.

<!-- Social Profiles -->
<div class='ct-wrapper'>
<ul>
<li class='home-featured-1'>
<p><a class='icon-facebook' href='URL Profil Facebook'/></p>
<h4>Facebook</h4>
<p>Like me.</p>
</li>
<li class='home-featured-2'>
<p><a class='icon-google' href='URL Profil Google+'/></p>
<h4>Google</h4>
<p>Circle me.</p>
</li>
<li class='home-featured-3'>
<p><a class='icon-pinterest' href='URL Profil Pinterest'/></p>
<h4>Pinterest</h4>
<p>Pin me.</p>
</li>
<li class='home-featured-4'>
<p><a class='icon-twitter' href='URL Profil Twitter'/></p>
<h4>Twitter</h4>
<p>Follow me.</p>
</li>
</ul>
</div>

Ubah yang berwarna merah sesuai keinginan kita.
[Read more]

Edit Navbar Horizontal

Posted On // Leave a Comment
Template Blog Minimum Responsive

Template blog minimum responsive memiliki dua menu navigasi yang terletak pada bagian header dan footer. Kita dapat menggunakan menu navigasi horizontal pada header untuk menempatkan label, sedangkan menu navigasi horizontal pada footer dapat kita isi dengan informasi pribadi.

Masuk ke akun blogger kita. Pada bagian Dasbor, klik Template. Setelah masuk ke halaman Template, kemudian klik Edit HTML. Contreng Expand Template Widget dan tekan tombol Ctrl+F pada keyboard untuk menampilkan kotak penelusuran. Gunakan kotak penelusuran untuk mengetahui kode HTML berikut.

Menu navigasi horizontal header.

<!-- Main menu -->
            <ul>
      <li><a href='/'>Home</a></li>
      <li><a href='ISI DENGAN URL'>About</a></li>
      <li><a href='ISI DENGAN URL'>Free Download</a></li>
      <li><a href='ISI DENGAN URL'>Sitemap</a></li>
      <li><a href='ISI DENGAN URL'>Blog</a></li>
      <li><a href='ISI DENGAN URL'>Contact me</a></li>
</ul>

Menu navigasi horizontal footer.

<!-- Footer menu -->
            <ul>
      <li><a href='/'>Home</a></li>
      <li><a href='ISI DENGAN URL'>Olahraga</a></li>
      <li><a href='ISI DENGAN URL'>Gaya Hidup</a></li>
      <li><a href='ISI DENGAN URL'>Kuliner</a></li>
      <li><a href='ISI DENGAN URL'>Busana</a></li>
      <li><a href='ISI DENGAN URL'>Keuangan</a></li>
</ul>

Ubah yang berwarna merah sesuai keinginan kita.
[Read more]