Blog Dofollow, Best real backlink All The World, PR 9, tip and trick SEO, Blackhat, template, etc.

Template toko online blogger super SEO 2015 GRATIS

Template toko online blogger super SEO 2015 GRATIS

Template toko online dengan menggunakan platform blogspot kini semakin banyak di gemari dan kali ini saya akan kembali meng-share template toko online blogger gratis dengan tampilan premium hasil modifikasi dari template aslinya  MASGUSmarket v1,

template gratis


DEMO, DOWNLOAD


Blogger Template Style
Name    : MASGUSmarket v1
Author  : Gusti Adnyana
Url     : http://www.idblogsite.com/
Publisher  : http://www.masgustemplate.com/

tapi kali ini sengaja tidak saya masukkan fitur shopping cart atau invoice email. Template ini SEO Friendly 100% di web SEO tools online www.chkme.com, include script revolusioner untuk blogger yang akan membantu setiap blogger.com pengguna untuk mengoptimalkan blog mereka yang membantu mesin pencari untuk menemukan blog / website dengan mudah.


Kelebihan template MASGUSmarket Modif ini :

  1. Mengoptimalkan Judul Posting Menggunakan H2 Tag 
  2. Menampilkan Posting Judul pertama dalam Hasil Pencarian 
  3. Menambahkan Meta Tags di Blogger Blog Anda. 
  4. Mengoptimalkan SEO Komentar Blogger, Mengoptimalkan SEO Label Blogger, Mengoptimalkan SEO Arsip Blogger 
  5. Menambahkan Berkas SEO Friendly Robots.txt 
  6. Mengkonversi Judul Tag ke Dynamic Judul Tag. 
  7. Mengizinkan Crawler untuk menjelajah situs Anda sehari-hari. 
  8. Membantu Anda dalam Mendapatkan Lalu Lintas Pengunjung yang Tinggi.


Tutorial template :
Untuk postingan harus di format tersendiri, agar postingan secara otomatis terformat  dengan benar dan agar produk anda memiliki flexibilitas yang sama dengan produk lainnya maka copy scrpt ini dan pastekan di kotak template entry  , dengan cara buka SETELAN >> Post dan Komentar >> Templat Entri 
template toko


Script Produk :
<div class="product_image">
<a class="item_thumb zoomable" URL GAMBAR" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="URL GAMBAR" /></a>
<span class="item_price">RP 00,000,000.00</span></div>
<div class="product_describe">
<br />
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: 127px; line-height: 15px; margin-bottom: 0px; width: 100%;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: center;">
Nama barang</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
ISI DENGAN JUDUL POSTINGAN PRODUK&nbsp;</div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Keterangan</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">ISI DENGAN KETERANGAN PRODUK ANDA</td></tr>
</tbody></table>
<br />
<br /></div>
Script Slider 
  • Masuk ke halaman TataLetak.
  • Klik Tambahkan Gadget > Html/JavaScript.
  • Pastekan kode Slider berikut.


 <script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img alt="slide1" src="http://3.bp.blogspot.com/-_j0hMh3-o-U/VW8Vxzo1lKI/AAAAAAAAAOk/grpcm9Y0IGA/s1600/slide-1.jpg" />
<img alt="slide2" src="http://3.bp.blogspot.com/-HWp22KAYSNs/VW8WJhVqo_I/AAAAAAAAAOs/Ups1gDaH4eo/s1600/slide-22.jpg" />
<img alt="slide3" src="http://1.bp.blogspot.com/-EcQXSH68KZU/VW8WwsTLHRI/AAAAAAAAAO0/Gmm0Zja3bRY/s1600/slide-3.jpg" />
</div><br />
*) ganti teks warna merah sesuai petunjk/urlgambar

 Simpan.


Bikin navigasi menu drop down super keren

Bikin navigasi menu drop down super keren

Setelah diterbitkan dan dirancang lebih dari 100 + Navigation Menu untuk Blogger , baik dengan daftar horisontal dan vertikal pandangan , hari ini kami ingin berbagi menu yang indah yang tetap pilihan favorit semua klien backlinkpr1 sejauh ini. Menu ini berubah warna untuk setiap tab pada mouse hover . Menggunakan fungsi JavaScript yang sederhana untuk menghasilkan efek transisi rapi dan bersih . Alih-alih menampilkan item menu sub di vertikal drop down tradisional , kita selaras mereka dengan satu sama lain untuk masuk ke dalam satu baris . Tidak seperti menu lainnya , widget ini akan dengan mudah masuk template BlogSpot tanpa konflik desain . Hal ini diposisikan di bagian paling atas dari blog Anda untuk menarik pembaca paling . Langkah-langkah instalasi yang menyenangkan untuk mencoba dan sangat mudah . Menu bekerja dengan baik pada semua browser utama yaitu : IE7 + , Safari , Chrome , Mozilla dan Opera . Mari menambahkannya ke blog Anda dan menyingkirkan setiap menu besar ada yang terbukti tidak kurang dari sebuah masalah.
Saya
Menambahkannya ke blogger

Pergi Untuk Blogger > Template
Backup template Anda
Klik Edit HTML > Lanjutkan
Cari Untuk <head > dan tepat di bawah itu sisipkan script ini :

<script src='http://downloads.mybloggertricks.com/jquery-pack-colourful.js' type='text/javascript'></script> 
<script src='http://downloads.mybloggertricks.com/jcarousel-colourful.js' type='text/javascript'></script> 
<script src='http://downloads.mybloggertricks.com/files/mt-colourful.js' type='text/javascript'></script>

Sekarang mencari body class. yaitu : Tampak seperti ini dengan beberapa kode di dalamnya

body {
----
---
)

sisipkan nilai-nilai berikut :

body {  
margin:0px
padding:0px;
---
---

Silahkan cari lagi kode <body>  atau  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Tepat di bawah itu paste kode terkompresi berikut

<!--START OF COLOURFUL TABS BY backlinkpr1.co.vu-->
<style>
/*------- Colourful Tabs Menu by www.MyBloggerTricks.com -------*/
.MBT-Nav-container {
border: 1px solid #cfcfcf; 
    background: url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x; 
    position: relative; 
      margin: 0;  padding: 0; 
border: 1px solid #cfcfcf;
}
ul#nav { 
    border-left: 1px solid #cfcfcf; 
        border-right: 0px solid #cfcfcf; 
    background: url(http://1.bp.blogspot.com/-hQ4r1kqybdw/UEIRnGogqyI/AAAAAAAAHeI/tPZ2FXRUO98/s400/menu-bgd.png) bottom left repeat-x; 
    position: relative; 
    font-size: 12px; font-family: helvetica, arial, sans-serif; 
    list-style: none;  margin: 0 auto;  padding: 0; 
    width: 960px; 
}
#nav ul { 
     margin: 0; 
    
}
:focus { 
    outline: 0; 
}
*html ul#nav { clear: both; height: 1%; } 
ul#nav li a { 
    display: block; 
    float: left; 
    text-transform: uppercase; 
    font-weight: bold; 
    line-height: 33px; 
    padding: 0 13px 0 10px; 
    color: #333; 
    text-decoration: none; 
    background: url(http://3.bp.blogspot.com/-GhdMtMAzybA/UEIRnwbrOqI/AAAAAAAAHeU/fShdjYuWetk/s400/menu-rule.png) right 2px no-repeat; 
*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; } 
*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }
ul#nav li a:hover, ul#nav li a.open { color: #fff; }
ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; } 
ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; } 
ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; } 
ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; } 
ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; } 
ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }
ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; } 
ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; } 
ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; } 
ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }

ul#nav li#link-home a { 
    padding: 0 33px 0 10px; 
    text-indent: -9999px; 
    background: url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right 0px no-repeat; 
*html ul#nav li#link-home a { padding: 0; width: 43px; } 
ul#nav li#link-home a:hover { background: url(http://2.bp.blogspot.com/-IuFcujZl650/UEIRm1ja0uI/AAAAAAAAHd8/g3llMl2_RA8/s400/home-icon.png) right -33px no-repeat; }
/* Sub-Vertical Navigation */
ul.sub-nav { 
    position: absolute; 
    top: 33px; 
    left: -1px; 
    overflow: hidden; 
    width: 960px; 
    display: none; 
    z-index: 999; 
list-style: none; 
  padding-left:0px; 
}
ul#nav li#mbt ul.sub-nav { background: #6f7987 url(http://4.bp.blogspot.com/-gRDfUUsFFvo/UEIRmB-rQHI/AAAAAAAAHdk/PnpJ42Y5ylk/s400/business-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(http://4.bp.blogspot.com/-x-W--ENCpB4/UEIRmWbi1WI/AAAAAAAAHdw/VWjPx1M9Fow/s400/entertainment-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-news ul.sub-nav { background: #e28a67 url(http://1.bp.blogspot.com/-mow7_vOvv4Y/UEIRwMycevI/AAAAAAAAHeg/Cc6h-0Hv-7Y/s400/news-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-life ul.sub-nav { background: #aa8eac url(http://2.bp.blogspot.com/-UmuzlpeD1EM/UEISysxvDbI/AAAAAAAAHe4/N78T1ifkhug/s400/life-subnav-bgd.png) top left repeat-x; } 
ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(http://2.bp.blogspot.com/-ZrSwFUKdaJE/UEIRwVZsdKI/AAAAAAAAHes/M8UCU-GrSoI/s400/technology-subnav-bgd.png) top left repeat-x; }
ul#nav li ul.sub-nav li { float: left;   }
ul#nav li ul.sub-nav li a { 
    float: none; 
    background: none; 
    font-size: 11px; 
    text-transform: none; 
    color: #fff; 
    line-height: 25px; 
}
ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; } 
ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; } 
ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; } 
ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; } 
ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }
</style>
<div class='MBT-Nav-container'>
<ul id='nav'>
<li class='non-vertical-link top-link' id='link-home'><a class='open' href='#'>Home</a></li>
<li class='top-link' id='mbt'><a href='#'>TAB 1</a> 
                    <ul class='sub-nav'>
<li><a href='#'>SUB TAB 1.1</a></li>
<li><a href='#'>SUB TAB 1.2</a></li>
<li><a href='#'>SUB TAB 1.3</a></li>
<li><a href='#'>SUB TAB 1.4</a></li>
</ul>
</li>
<li class='top-link' id='link-entertainment'><a href='#'>TAB 2</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 2.1</a></li>
<li><a href='#'>SUB TAB 2.2</a></li>
<li><a href='#'>SUB TAB 2.3</a></li>
<li><a href='#'>SUB TAB 2.4</a></li>
<li><a href='#'>SUB TAB 2.5</a></li>
</ul>
</li>
<li class='top-link' id='link-news'><a href='#'>TAB 3</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 3.1</a></li>
<li><a href='#'>SUB TAB 3.2</a></li>
<li><a href='#'>SUB TAB 3.3</a></li>
<li><a href='#'>SUB TAB 3.4</a></li>
</ul>
</li>
<li class='top-link' id='link-life'><a href='#'>TAB 4</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 4.1</a></li>
<li><a href='#'>SUB TAB 4.2</a></li>
<li><a href='#'>SUB TAB 4.3</a></li>
<li><a href='#'>SUB TAB 4.4</a></li>
<li><a href='#'>SUB TAB 4.5</a></li>
<li><a href='#'>SUB TAB 4.6</a></li>
<li><a href='#'>SUB TAB 4.7</a></li>
</ul>
</li>
<li class='top-link' id='link-technology'><a href='#'>TAB 5</a> 
                    <ul class='sub-nav' style='display: none;'>
<li><a href='#'>SUB TAB 5.1</a></li>
<li><a href='#'>SUB TAB 5.2</a></li>
<li><a href='#'>SUB TAB 5.3</a></li>
<li><a href='#'>SUB TAB 5.4</a></li>
<li><a href='#'>SUB TAB 5.5</a></li>
</ul>
</li>
<li class='non-vertical-link top-link' id='link-top10'><a href='#'>TAB 6</a></li>
<!--
<li class='non-vertical-link top-link' id='links-1'><a href='#'>TAB 7</a></li>
--> 
<!--
<li class='non-vertical-link top-link' id='links-2'><a href='#'>TAB 8</a></li>
--> 
<!--
<li class='non-vertical-link top-link' id='links-3'><a href='#'>TAB 9</a></li>
-->
<!--
<li class='non-vertical-link top-link' id='links-4'><a href='#'>TAB 10</a></li>
-->
<li style='clear: both;'/> 
            </ul>
</div>
<!--END OF COLOURFUL TABS BY backlinkpr1.co.vu-->

Simpan.

Best View items