Home » » Singh Mag V2 - SEO Fast Responsive Blogger Template 2016

Singh Mag V2 - SEO Fast Responsive Blogger Template 2016

Singh Mag V2
Singh Mag V2 - SEO Friendly Fast Loading Responsive Blogger Template 2016.

SINGH Mag V2 adalah Template Blog SEO Friendly, Fast Loading, dan Responsive yang didesain untuk blog majalah, berita, atau blog olahraga (sports).

Namun, template ini juga cocok untuk niche blog lainnya, asalkan banyak kategori (label), karena template ini bergaya majalah (magazine style).

Template blog seo friendly gratis (free download) ini tergolong unik dan modern. Siap juga buat blog Adsense.

Deskripsi Template
  • Singh Mag Theme is created for News and Magazines Sites.
  • This is the first theme who's name related to Sikh Religion.
  • The theme is in Red color which increase it's look.
  • Simple Design Responsible for all Sizes. You can also Show particular labels posts.
  • One more thing which make this theme more amazing is that, there is a Simple and Beautiful Slider Widget.
  • This theme is also Ads Ready theme to earn a lot.

Feature Template

  • Red Colored. Bisa diubah jadi warna apa saja (lihat: Kode Warna HTML)
  • Responsible for all Sizes
  • SEO Optimized
  • Advertisement Ready
  • Nice & Clean Layout
  • Recent Post by Label
  • Drop Down Navigation
  • Blogger Pages Menu
  • Random Post Button
  • Display Date
  • Simple Slider
  • Auto Copyright Year Updation
  • Fast Loading

Singh Mag V2 - SEO Fast Responsive Blogger Template

Singh Mag V2 - SEO Fast Responsive Blogger Template

Live DEMO | DOWNLOAD

Konfigurasi / Setting Widget Halaman Depan

Cara memasang widget "Recent Post by label":
1. Layout > Edit Recent post by label 
2. Masukkan kode berikut ini:

<div id='topbarmag'>
<h2 id='toptitle'>YOUR-LABEL-NAME</h2>
<h2 id='toptitlerss'>
<a href="/search/label/YOUR-LABEL-NAME?max-results=10">More</a></h2>
</div>
<script type='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script> 
<script type="text/javascript" src="/feeds/posts/default/-/YOUR-LABEL-NAME?published&alt=json-in-script&callback=labelthumbs"></script>

3. Ubah YOUR-LABEL-NAME dengan label posting yang akan ditampilkan. 
4. Save!

Cara menampilkan Image Slider:
1. Layout > Edit Widget 'Slider' 
2. Masukkan kode berikut ini:

<div id='slider-res'>
<div class="slider-box">
<div id="slider-wrapper">
<div id="jslider-container">
<div class="jslider_images">
<ul>
<li><a href="">
<img src="Image-Link-1" title="Sub-Title-1"/>
</a>Title-1</li>
<li><a href="#">
<img src="Image-Link-2" title="Sub-Title-2"/>
</a>Title-2</li>
<li><a href="#">
<img src="Image-Link-3" title="Sub-Title-3"/>
</a>Title-3</li>
<li><a href="#">
<img src="Image-Link-4" title="Sub-Title-4"/>
</a>Title-4</li>
<li><a href="#">
<img src="Image-Link-5" title="Sub-Title-5"/>
</a>Title-5</li>
<li><a href="#">
<img src="Image-Link-6" title="Sub-Title-6"/>
</a>Title-6</li>
</ul>
</div>
<div class="jslider_thumbs">
<div>
<a href="#"><img src="Image-Thumb-Link-1"/></a>
<a href="#"><img src="Image-Thumb-Link-2"/></a>
<a href="#"><img src="Image-Thumb-Link-3"/></a>
<a href="#"><img src="Image-Thumb-Link-4"/></a>
<a href="#"><img src="Image-Thumb-Link-5"/></a>
<a href="#"><img src="Image-Thumb-Link-6"/></a>
</div>
</div>
</div>
</div>
</div>
</div>

3. Ganti tanda pagar (#) dengan Link Gambar (Image Link) yang akan ditampilkan
4. Masukkan juga link postingnya
5. Save!

Good Luck & Happy Blogging! (http://www.contohblog.com).*

Thanks for reading & sharing Singh Mag V2 - SEO Fast Responsive Blogger Template 2016

Previous
« Prev Post

9 comments:

Comment Page:
  1. Assalamu'alaikum Wr.Wb.


    ilustrasi: i[dot]imgur[dot]com/CeyV0bJ[dot]png

    Mau nanya gan, gimana cara membuat garis/pembatas di readmore blog? Ane lagi belajar buat template blogger supaya bisa bagi2 & jualan template blogspot kayak blogger-blogger yang lain (termasuk Admin CB).

    Wassalam.

    ReplyDelete
    Replies
    1. kasih css border-bottom di elemen post-outer atau post

      Delete
    2. Works, thanks gan. bukti: hatetepe://i.imgur.com/Pb5cMKx.png

      btw, ane ada pertanyaan lagi nih..hehe.. bagaimana cara mengatasi menu dropdown yang error seperti gambar dibawah?
      gambar: hatetepe://i.imgur.com/UAblHVi.png

      Wassalam.

      Delete
    3. kalo nggak css "height" ya ukuran di padding atau margin

      Delete
  2. mantap ni gan tmplatenyaa.. tp klau bsa backgroundnya dhlangkan saja biar mkin fast loading

    ReplyDelete
  3. Numpang belajar bos...lg mau belajar buat blog...mohon dibantu...saya baca baca artikelnya ,bila nemu kesulitan mohon dibantu bos

    ReplyDelete
  4. link dead, please reupload, greetings

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox