Sure Mag Blogger Template Free Download Plus Tutorial From Zero - REMOVED FOOTER CREDIT

Sure Mag is another Magazine blogger template by MS Design. This is compatible with all kind of Magazine blog, Newspaper blog, Review blog or Technology blog. Sure Mag Magazine blogger template is fully SEO optimized blogger template and also responsive designed that compatible with all kind of smartphone device. It has 7+ different and creative home layout box. All features of Sure Mag make your blog more professional and more user-friendly.

Specifications:

No	Features	Availability
1	Responsive	True	Check
2	Google Testing Tool Validator	True	Check
3	SEO Friendly	True	100%
4	Mobile Friendly	True	Check
5	404 page	True	Check
6	Loading Speed	True	Check
7	Featured Post	True
8	Full Width Post Layout	True
9	Auto Read More With Thumbnail	True
10	Ads Ready	True
11	Two types of menu	True
12	Multi Dropdown Menu	True
13	Search Widget	True
14	Colourful Social Widgets	True
15	Related Posts with Thumbnail	True
16	Social Share Button	True
17	Email Newsletter Widget	True
18	3 Types of Comments	True
19	Recent Post Widget	True
20	Label Post Widget	True
21	Detailed Documentation	True
22	Video Documentation	True
23	Widget Codes (Premium)	True

Preview Proof
Saksikan: 10 Kunci Dasar Menguasai Blogger | Step by Step Video Tutorial:

---

Bagian Utama: Customize SEO Meta tags
YOUR, KEYWORDS, HERE: Type your main keywords.
GOOGLE+ID: Your Google Plus profile id (replace 3 times).
GOOGLE-WEBMASTER-CODE: Google webmaster tools verification code.
BING-WEBMASTER-CODE: Bing webmaster tools verification code.
ALEXA-VERIFY-CODE: Alexa Verify code.
Sylhet, Bangladesh: Your state and country name.
YOUR-NAME: Blog's Admin name.
Bangladesh: Your country name.
english: Your content language
Msubel.np: Facebook user name.
Msdesign.rtml: Facebook page user name.
FACEBOOK-APP-ID: Facebook app id.
FACEBOOK-ADMIN-ID: Your Facebook ID.
@msubelbd: Your Twitter username (replace 2 times).

---

Bagian 1: Top Menu

Masuk ke 'Tema' kemudian klik 'Edit HTML' dan temukan kode berikut:

<div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-facebook'/> Like</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-google'/> Follow</a></li>
<li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-twitter'/> Follow</a></li>
<li class='menu-item'><a href='#'>About</a></li>
<li class='menu-item'><a href='#'>Contact</a></li>
<li class='menu-item'><a href='#'>Privacy</a></li>
<li class='menu-item'><a href='#'>Sitemap</a></li>
</ul></div>

Silahkan ganti URL / href yang disediakan.

---

Bagian 2: Main Menu

Masuk ke 'Tema' kemudian klik 'Edit HTML' dan temukan kode berikut:

<nav id='menu'> 
<input type='checkbox'/> 
<label>&#8801;</label>
<ul> 
<li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li> 
<li><a href='#'>About</a></li> 
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> 
<ul class='menus'> 
<li><a href='#'>Tab 1</a></li> 
<li><a href='#'>Tab 2</a></li> 
<li><a href='#'>Tab 3</a></li> 
<li><a href='#'>Tab 4</a></li> 
<li><a href='#'>Tab 5</a></li> 
<li><a href='#'>Tab 6</a></li>
</ul> 
</li> 
<li><a href='#'>Contact</a></li> 
<li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> 
<ul class='menus'> 
<li><a href='#'>Tab 1</a></li> 
<li><a href='#'>Tab 2</a></li> 
<li><a href='#'>Tab 3</a></li> 
</ul> 
</li> 
<li><a href='#'>Advertise</a></li>  
</ul> 
</nav>

---

Bagian 3: Featured Posts Widget

Masuk ke 'Tata Letak' lalu klik 'Edit' pada 'Featured Posts', lalu isi 'Konten' dengan 'recent'.

Tampilan hanya 3 dan mendatar.

---

Bagian 4: Mag Wrapper Widgets

Masuk ke 'Tata Letak' dan isi semua 'Mag Wrapper' dengan Label Post

---

Bagian 5:Social Icons Widget (Sidebar)
Masuk ke 'Tema' kemudian klik 'Edit HTML' dan temukan kode berikut:

<ul class="pt-followers-icons ptfollowers7 share-buttons">
 <li class="twitter-share">
  <a target="_self" href="#"> <span class="counter"> 158</span> <span class="counted"> Followers</span> <span class="action-button"> Follow</span> </a>
 </li>
 <li class="facebook-share">
  <a target="_self" href="#"> <span class="counter"> 239</span> <span class="counted"> Fans</span> <span class="action-button"> Like</span> </a>
 </li>
 <li class="google-plus-share">
  <a target="_self" href="#"> <span class="counter"> 12071</span> <span class="counted"> Fans</span> <span class="action-button"> +1</span> </a>
 </li>
 <li class="instagram-share">
  <a target="_self" href="#"> <span class="counter"> 11071</span> <span class="counted"> Fans</span> <span class="action-button"> Follow </span> </a>
 </li>
</ul>

---

Bagian 6: Author Box Widget
Masuk ke 'Tema' kemudian klik 'Edit HTML' dan temukan kode berikut:

<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4>Author: <a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17, 143, 249)' title='Verified Author'/> </h4>
<p>
Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.      
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>

---

Bagian 7: Change Template Color
Masuk ke 'Tema', lalu pilih 'Sesuaikan' dan 'Lanjutan'.

Kalau mau silahkan ganti warna utama template / theme.

---

Bagian 8: Sitemap
Gunakan Script berikut ini:

<style type="text/css">

#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}

.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}

.labl a{
color:#fff;
}

.labl:first-letter{text-transform:uppercase;
}

.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}

.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}

.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>

<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://suremag-ksb.blogspot.com//feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Silahkan ganti 'https://suremag-ksb.blogspot.com/' dengan nama blog saudara.

---

Video (menyusul):

Download:

Sure Mag Premium
Sekian. Teima kasih.