Singh Mag V2 - SEO Fast Responsive Blogger Template 2016
December 28, 2015
Singh Mag V2 - SEO Friendly Fast Loading Responsive Blogger Template 2016.
Deskripsi Template
Feature Template
Konfigurasi / Setting Widget Halaman Depan
Cara memasang widget "Recent Post by label":
3. Ganti tanda pagar (#) dengan Link Gambar (Image Link) yang akan ditampilkan
Good Luck & Happy Blogging! (http://www.contohblog.com).*
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
Live DEMO | DOWNLOAD
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:
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).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
Assalamu'alaikum Wr.Wb.
ReplyDeleteilustrasi: 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.
kasih css border-bottom di elemen post-outer atau post
DeleteWorks, thanks gan. bukti: hatetepe://i.imgur.com/Pb5cMKx.png
Deletebtw, ane ada pertanyaan lagi nih..hehe.. bagaimana cara mengatasi menu dropdown yang error seperti gambar dibawah?
gambar: hatetepe://i.imgur.com/UAblHVi.png
Wassalam.
kalo nggak css "height" ya ukuran di padding atau margin
Deletemantap ni gan tmplatenyaa.. tp klau bsa backgroundnya dhlangkan saja biar mkin fast loading
ReplyDeletehapus aja, gitu aja repot :)
Deleterusak link downloadnya
ReplyDeleteNumpang belajar bos...lg mau belajar buat blog...mohon dibantu...saya baca baca artikelnya ,bila nemu kesulitan mohon dibantu bos
ReplyDeletelink dead, please reupload, greetings
ReplyDelete