Tutorial Pemasangan Template Blogger Ini

Extract filenya.
1. Buka templateseocips.txt tersebut menggunakan aplikasi Notepad
2. Copy semua kode template yang ada didalam notepad tersebut (Ctrl+A kemudian Ctrl+C).
3. Masuk di Blog kamu di Blogger
4. Pilih Template kemudian Edit HTML
Cara Mengganti Template Blogger Terbaru 2

5. Hapus semua kode lama yang ada di dalam kotak, kemudian pastekan kode template yang kamu copy tadi
6. Simpan template
Cara Mengganti Template Blogger Terbaru 2


2. Mengganti Logo Blog


Template >> Edit HTML
Kemudian Cari :
http://4.bp.blogspot.com/-nD2_uLgR3A8/VgpFuri3mBI/AAAAAAAAFUo/BTTzNdRc2wA/s230/Seocips-logo-head.png
Kemudian ganti dengan logo blog milik kamu, caranya timpa link diatas dengan link logo blog yang sudah kamu bikin dan upload di blogger. Logo blog itu saya bikin di cooltext.com dan uload ke blogger. Untuk mengganti ukuruan logo, misal ukuran aslinya s1600 (logo saya diatas ukurannya s230) kamu bisa memperkecil ukurannya misalnya menjadi s200 dan seterusnya. Ada dua logo di blog ini salah satu untuk tampilan mobile, jadi diganti kedua-duanya.

3. Menu Blog

Template >> Edit HTML
Ganti tanda # di kode dibawah ini dengan link milik kamu

Menu 1

  <li class='current'><a href='/'>Home</a></li>
<li><a href='#'><i class='fa fa-sitemap'/>  Daftar Isi</a></li>
<li><a href='#'><i class='fa fa-phone-square'/>  Kontak</a></li>

Menu 2

<nav id='main-nav' itemprop='name'>
<ul>
<li class='depan'><a href='/'><i class='fa fa-home'/>
 Beranda</a></li>
<li class='drop-down'><a href='#' title='Blogging'>Blogging</a>
<ul class='hidden'>
<li><a href='#' target='_blank' title='Tutorial Blog'><i class='fa fa-tint'/> Tutorial Blog</a></li>
<li><a href='#' target='_blank' title='Tips Blog'><i class='fa fa-tint'/> Tips Blog</a></li>
 <li><a href='#' target='_blank' title='Widget Blog'><i class='fa fa-tint'/> Widget Blog&#39;</a></li>
 <li><a href='#' target='_blank' title='free Seo blogger templates'><i class='fa fa-tint'/> Template Blog</a></li>
</ul>
</li>
<li class='drop-down'><a href='#' title='Tools'>Tools</a>
<ul class='hidden'>
<li><a href='#' title='Color HTML Generator'><i class='fa fa-tint'/> Color HTML Generator</a></li>
<li><a href='#' title='ADS COnverter'><i class='fa fa-tint'/> ADS Code Converter</a></li>
 <li><a href='#' title='Compress or Beautify CSS Code'><i class='fa fa-tint'/> Compress Template</a></li>
</ul>
</li>
<li class='drop-down'><a href='#'>Others</a>
<ul class='hidden'>
<li><a href='#' title='Android'><i class='fa fa-tint'/> Android</a></li>
<li><a href='#' title='Tips komputer'><i class='fa fa-tint'/> Komputer</a></li>
 <li><a href='#' title='Css Mwb'><i class='fa fa-tint'/> Wapblog</a></li>
 <li><a href='#' title='Info games'><i class='fa fa-tint'/> Games</a></li>
</ul>
</li>
</ul>
</nav>

Menu 3

<ul>
<li><a href='#' target='_blank' title='Halaman Komentar Terbaru'><i class='fa fa-star fa-spin'/> Komentar disini</a></li>
<li><a href='#' target='_blank' title='Sitemap'>Sitemap <i class='fa fa-sitemap'/></a></li>
<li><a href='#' target='_blank' title='Facebook Ku'>Facebook <i class='fa fa-facebook-square'/></a></li>
<li><a href='#' target='_blank' title='Google Plus ku'>Google+ <i class='fa fa-google-plus-square'/></a></li>
<li><a href='#' title='Advertise'>Advertise <i class='fa fa-usd'/></a></li>
</ul>

3. Mengganti email Subcribe dibawah postingan:

Template >> Edit HTML
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:right;' target='popupwindow'>
<input class='inpseocips33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='seocips'/>
<input name='title' type='hidden' value='seocips'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtseocips33' type='submit' value='Subscribe'/>
</form>
Ganti seocips dengan feedburnernya sobat.

Widget Blog


Pilih Menu Tata Letak

1. Slider

<div id="featpost"></div>
<script type='text/javascript'>
featuredPostSlide({
idcontaint:"#featpost",
MaxPost:6
});
</script>

2. Space Untuk Iklan/Ad

Isi dengan kode iklan milik sobat

3. Popular / Recent post

<div class="recent-p">
<script src="https://cdn.rawgit.com/Brando07/seocips/newbe/resentpost.js" type="text/javascript"></script>
<script type="text/javascript">var numposts = 11;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.seocips.com/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=showrecentposts" type="text/javascript"></script>
</div>
<style>
.recent-p {overflow;hidden;margin-bottom:10px;padding:10px; border:1px solid #ddd;box-shadow:1px 1px 4px #ccc inset;}
.recent-p li, .recent-l li{background:url(http://1.bp.blogspot.com/-Zfpsnavcq5Y/U0ZnXXxXH5I/AAAAAAAAAC0/pwaLr2HfRLk/s8/pause.png) no-repeat left;line-height:1.3em;margin:0;padding:5px 0 5px 17px;border-bottom:1px dotted #ddd;overflow:hidden;list-style:none;}
</style>
Ganti http://www.seocips.com/ dengan link blog kamu.

4. Related Post

<div id='related_posts'/></div>

Dibagian Footer


1. Footer 1,2,3

<script src="https://cdn.rawgit.com/Brando07/seocips/newbe/resentpost.js" type="text/javascript"></script>
<script type="text/javascript">var numposts = 6;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://www.seocips.com/feeds/posts/default/-/Widget%20Blog?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts" type="text/javascript"></script>
Ganti http://www.seocips.com/ dengan link blog kamu dan Widget%20Blog dengan label blog kamu

2. Widget Join This Site

<marquee behavior='alternate'><a href='http://www.blogger.com/follow-blog.g?blogID=8405024231897187603' rel="nofollow" target="_blank" title="Join This Site"><img alt="Join This Site" src="https://lh3.googleusercontent.com/-hv6VicWsNFM/T5q-QV4D1YI/AAAAAAAAAD8/CttNp8Ztjjk/s800/Join%2520This%2520Site.png" title="Join This Site" /></a></marquee>
 Ganti blogID=8405024231897187603 dengan id Blog kamu.

3. Widget Fanspage Facebook

<style>
/*Fixed Facebook Like Box By Seocips*/
.fb-btn-seocips {background:rgba(1, 0, 1, 0.2);margin:0;padding:0;text-align:center;position:fixed;bottom:1%;right:0.5%;z-index:9999;box-shadow:0 3px 4px #444;border:1px solid #ccc;display:block;}
.fb-btn-seocips {padding:5px ;color:#fff;font-size:120%;}
.fb-btn-seocips2{background:rgba(1, 0, 1, 0.3);-moz-animation:kiri 15s;-webkit-animation:kiri 15s;animation:kiri 15s}
.fb-btn-seocips2 {padding:3px ;color:#fff;font-size:120%;}
@-webkit-keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
@keyframes kiri{
from{transform:translate(-30000px, 0px);}
to{transform:translate(0px,0px);}
}
</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-btn-seocips">
<div class="fb-btn-seocips2">
<div class="fb-page" data-href="https://www.facebook.com/seocips" data-width="180" data-height="125" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/seocips"><a href="https://www.facebook.com/seocips">seocips.com</a></blockquote></div></div>
</div>
</div>
Ganti kode berwarna merah diatas dengan link fanspage facebook kamu.




*THANKS*

0 Komentar untuk "Tutorial Pemasangan Template Blogger Ini"