Jhony Template Kumpulan Template Toko Online

Kali ini saya ingin membagikan beberapa themes toko online yang cakep-cakep buat blog toko online dan Template Toko Online ini sangat cocok buat kalian yang ingin merintis usaha secara online, dan template ini didesain sdangat bagus hampir seperti Template Toko online profesional.

 Berikut Ini Kumpulan Template Toko Online :

 

Demo | Download

 

Demo & Download

Demo | Download

 

Demo | Download

Silahkan download sesuai pilihan anda, dan jangan lupa tinggalkan komentar untuk blog ini,

Best Ecommerce Blogger Template

Masih dalam kategory template seo toko online blogger, sepertinya toko online adalah bisnis yang paling cocok untuk anda yang senang online, karena anda bisa menjalankanya tanpa perlu keluar rumah, nah saat ini saya masih memiliki themes toko online yang akan saya bgiakan buat sobat blogger., silahkan lihat dulu ssnya dibawah ini

Lihat demo dan Download Disini

Silahkan cari lagi template yang anda suka di blog ini, jangan lupa untuk berkomentar ya sahabat blogger,

Jhony Store Online Themes

Barusan saya telah upload themes toko online dengan judul postingan Toko Online Blogspot Themes dan kali ini saya masih akan membagikan sebuah themes toko online yang tak kalah dengan yang saya bagikan tadi. Lihat saja ssnya dibawah ini,,

Download Disini

Toko online blogspot themes

dari sekian banyak template toko online yang tersebar diinternet, hanya template toko online yang satu ini yang menurut saya sangat menarik dan unik, dengan desains yang ringan dan unik, membuat template ini lebih seo dan sangat enak dipandang,

Lihat ss dibawah ini

Lihat demoDan Download disini

Berikan komentar pada postingan ini, agar blog terasa hidup,, lihat juga kumpulan template seo dan template sekolah, yang bisa anda download disini.

BlurDesign Sekolah

Sebelumnya, saya juga pernah posting atau membagikan sebuah template BLUES TEMPLATE SEKOLAH silahkan dilihat, selanjutnya pada kesempatan kali ini, juga saya masih ingin membagikan sebuah template dengan design yang sangat bagus sesuai namanya yaitu BlurDesign sangat cocok untuk blog sekolah. Lihat ssnya dibawah ini

Yang mau download, silahkan comot Disini

Blues Template Sekolah

Kali ini, admin seo-templateblogger ingin membagikan sebuah template yang sangat cocok untuk blog sekolah, template ini sengaja admin berikan, untuk semua pengunjung setia blog ini dan untuk orang yang membutuhkanya, terutama untuk membuat blog sekolah, lihat ss dibawah ini

Jika anda tertarik untuk memiliki template in, silahkan di download di link yang sudah saya sediakan dibawah ini Download
Jangan lupa, kunjungi juga halaman download template bisnis

Thesis New 2014 Template Blog Seo friendly.

Template Blogger Thesis New 2014 Seo Friendly Template. Kali ini seo-templateblogger.blogspot.com akan membagikan sebuah template yang sudah terkenal bahkan hingga ke luar negri, yaitu dengan sebutan thesis template. Template ini terkenal karena sudah SEO friendly. dan anda tidak usah agi utak-atik template ini untuk menjadi seo, karena semua yang ada didalam template ini sudah di optimasi menjadi seo, silahkan lihat ssnya dibawah ini

DEMO
DOWNLOAD

Fitur template Thesis SEO:

• SEO Friendly 
• Visitor Friendly
• Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting) 
• Dilengkapi dengan dinamic meta tag deskripsi dan keyword otomatis (meta tag wajib untuk menghindari duplikat meta deskripsi & keyword) 
• Quicklink ke kotak komentar 
• Sudah dipersenjatai Autoreadmore 
• dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
• Loading yang cepat 
• Konsep minimalis dan simple dll.
• Seo Chkme yang mencapai 100% 
• Kecepatan Loadingnya bisa dicek sendiri di GT Metrix,
• Simple
• Fast Loading Blog Template 
• Kode script untuk memunculkan deskripsi posting ketika di-share ke Facebook
• Kode script untuk menghilangkan kode aneh jika menggunakan kode social share AddThis.
• Menambah kolom iklan banner di header --samping judul/logo.
• Mengatur kembali ukuran posting area dan sidebar.
• dll.

Silahkan di download untuk anda yang tertarik ingin menggunakan template Thesis New 2014 Template Blog Seo friendly.

Template Blogger Qtacuek

Template Blogger Qtacuek Oleh seo-templateblogger.blogspot.com. Pada waktu yang lalu ketika menggunakan template Qtacuek ini ada beberapa Blogers yang memintanya dan berikut ini saya menguploadnya untuk anda yang ingin menggunakan template blogger ini. Template di buat dari template yang saya gunakan sekarang.

Template Qtacuek Ini 100% Responsive sampai ketampilan mobile, Valid Html5 juga valid Microdata Google Richsinippet. H1 Adalah judul artikel dipostingan dan h2 adalah Nama Blog ( Biar seo jadi gak perlu utak-atik h1 dan h2 lagi ). Deskripsi setiap postingan otomatis akantampil di penelusuran biar lebih mudah keindex, Fast loading, simple dan lain sebagainya.

Setting Template :

Untuk mengganti logo Blog, Silahkan masuk ke edit HTML template Blog anda dan cari kode dibawah ini : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghautmrsVzvN2204-Ib3U0LeSXyLFgN16NCNLxYEMj6KAvXY9kl8rPQybjbdBbnqDOEg5bH7x6danFpXfqstIAoVkzDlUiDlwdfCJRot6du6oa4ohX7tfQAVOmRi9ea0q8WPi-mfHFNTKP/s1600/qtcuek2.png

Gunakan Ctrl+F untuk memudahkan pencaharian, dan ganti dengan logo/gambar milik anda.

DEMO

DOWNLOAD

Sekian template yang dapat dibagikan saat ini semoga bermanfaat untuk anda. Dan silahkan tinggalakan komentar biar saya dapat berkomentar kembali ke blog anda.

Tuama Minahasa Template Blogger Responsive Valid Html5 Keren

Tuama Minahasa Template Blogger Responsive Valid Html5 Keren. Setelah beberapa hari meng-utak atik tampilan template Blogger akhirnya jadilah template Blogger Tuama Minahasa ini. Setelah pada waktu yang lalu juga saya telah membagikan Template Blogger Seo Frendly responsive dengan loading yang cepat, maka berikut ini juga adalah template Blogger lainnya yang dapat saya bagikan untuk anda.

Fiture template ini breadcrumbs terindex google, meta deskripsi otomatis teridex google, valid html5, valid google microdata richsnipet, responsive, loading animasi, share sosial media, tread komentar keren, elegant, mengurangi duplikat meta tag dan lain sebagainya.. Atau cobalah juga template yang sudah di bagikan sebelumnya seperti;

• Siminiseo Template
• Siminiseo with slider

Cara setting template :

Anda tidak dapat menampilkan slider secara bersamaan misalnya ada dua slider di homepage. jadi slider di homepage lain dan slider di dalam postingan lain. ( kecuali anda ingin menampilkan satu slider saja maka hal ini tidak perlu dilakukan). Untuk menampilakan slider lain dihomepage dan slider lain di postingan silahkan baca cara menampilkan widget dihomepage dan halaman posting.

ke widget HTML dan tambahkan kode berikut!.

Slider memanjang di homepage  :

<div id="s3slider-container">
  <div class="s3slider loading" style="width:620px;height:320px;">
    Memuat...
  </div>
</div>
<script>
var s3slider_config = {
    url: 'http://gameareax.blogspot.com',
    numPost: 5,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    newTabLink: false,
    containerId: 's3slider-container',
    slider: {
        width: 620,
        height: 320,
        timeOut: 4000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script>

Keterangan : ganti url berwarnah merah diatas dengan alamat website anda.

Slider di Sidebar :

<div id="s3slider-container">
  <div class="s3slider loading" style="width:290px;height:360px;">
    Memuat...
  </div>
</div>
<script>
var s3slider_config = {
    url: 'http://gameareax.blogspot.com',
    numPost: 5,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC',
    newTabLink: false,
    containerId: 's3slider-container',
    slider: {
        width: 290,
        height: 360,
        timeOut: 4000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script>

Keterangan : ganti url berwarnah merah diatas dengan alamat website anda. Ok selamat menggunakan templatenya bagi yang ingin menggunakan atau tidak apa-apa jika tidak ingin menggunakannya.
  

DEMO

DOWNLOAD

Sekian mengenai Tuama Minahasa Template Blogger Responsive Valid Html5 Keren.

Template Blogger SIMINISEO with Slider

Template Blogger SIMINISEO with Slider. Seocips kali ini tentang template Blogger seo Friendly SIMINISEO with Slider yang adalah template Blogger Responsive SEO. Template ini yamg tidak memiliki slider telah dibagikan sebelumnya di artikel yang berjudul SIMINISEO template Blogger SEO friendly responsive 2014. Atas beberapa pertimbangan saya menambahakan juga slider di template ini untuk anda yang senang dengan template yang menggunakan slider. Untuk anda yang ingin mencoba memasang slider sendiri di template Blogger anda yang lainnya maka anda dapat membaca cara memasang slider di template Blogger.

Seperti yang sudah di jelasakan sebelumnya bahwa dengan Menggunakan template ini anda rasakan sendiri Alexa rank anda meramping begitu cepatnya! dan bukan hanya alexa, lihat sendri visitor blog anda meningkat dengan cepat. Ukuran template ini juga kecil sehingga ringan untuk Blog anda. Loadingnya juga cepat dengan tampilan yang lebih elegant. Bebrapa perubahan di template ini juga adalah untuk menghindari terjadinya duplikat deskripsi dan tag judul duplikat diblog anda. Fitur lainnya di template ini adalah sbb:

1.     SEO Friendly
2.     Visitor Friendly
3.     Slider Otomatis
4.     Breadcumbs Terindex Google.
5.     Meta Keywords And Description Support
6.     Fast load.
7.     Auto-readmore
8.     Responsive version
9.     Related Post with tumbnails.
10.     Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)
11.     Elegant.
12.     Dsb.

SIMINISEO TEMPLATE

DEMO With SLider
DOWNLOAD 

DEMO No Slider
DOWNLOAD 

Setting template :
Jika anda ingin memasang widget seperti di demo silahkan ambil widgetnya disini.
Untuk mengganti gambar Author dibawah postingan silahkan Masuk ke;
Template >> Html kemudian Cari : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5lF6zbwFuPOIy0lVlHCZgJ_qgM60nRBP44Q4onoxKUTGI3a_A2qYDCpga4JW8CABiOT0RlVk9aUNmRKLkNdH7jpWUdCm8fOfpp3yDcGtL8lc2Epuh8tmCT1Tmp8NdKyvUTGrpXQp1990/s1600/mewo+brando.jpg
( tekan Ctrl+F untuk memudahkan pencaharian ) dan ganti dengan gambar milik anda.

Langkah selanjutnya adalah cari kode ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='slider-rotator loading' id='slider-rotator'/>
<script type='text/javascript'>
makeSlider({
    url: &quot;http://kenumo.blogspot.com&quot; // Add your blog URL
});
</script>
</b:if>

Silahkan ganti kode warna biru diatas dengan Url Blog anda. Sekian mengenai Template Blogger SIMINISEO 2014 semoga bermanfaat.

Template Blogger Goyangjo Responsive 2014

Template Blogger Goyangjo Responsive 2014. Ok sobat pada kesempatan ini saya akan membagikan template Blogger responsive yang kebetulan dibuat karena sedang mengedit template bloger JWv7. Keungulan dari template Blogger ini yang paling terasa adalah alexa rank blog anda meramping begitu cepatnya. Untuk anda yang tertarik ingin menggunakan template "Goyangjo" ini silahkan download di link yang telah disediakan.

Template ini juga cocok untuk anda yang blognya bertemakan seputaran mobile karena akan tampil responsive di tampilan mobilenya. H1 adalah Judul artikel pada postingan dan H2 adalah nama Blog anda, jadi anda tidak perlu memikirkan mengedit lagi settingan h1 h2 dst.

Cara setting Template :

untuk menampilkan slider di dalam postingan ( slider di sidebar ) silahkan masukan kode berikut ini di dalam widget html template anda.

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://gamepox.blogspot.com/" // Add your blog URL
});
</script>

Keterangan : silahkan ganti kode warna merah diatas dengan alamat url sobat.
Untuk menambahkan widget berlangganan silahkan ambil widgetnya disini
Untuk menampilkan widget misalnya slider hanya di postingan saja baca disini.
Untuk menampilakan widget sosial yang ada di footer template silahkan tambahkan gatget berikut ini didalam template blogger sobat :

<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="#" target="_blank">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank">Twitter</a></li>
<li><a class="google-p" href="#" target="_blank">Google plus</a></li>
<li><a class="rss" href="#" target="_blank">Rss</a></li>
</ul>
</div>
<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtB-Xfp6CrSXgJ3Qab6LW0bubV9rR6UbJO0s-vOyOMEKe9Gy3-fhXuP5kcuNqMzaSsqxk3_TlggqBdUi3PlhaZq7RV6LJuAY1HfEtCQdwVZOKrw3JNoys5rhr3dAaHLirNaHmxUhAKQ/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtB-Xfp6CrSXgJ3Qab6LW0bubV9rR6UbJO0s-vOyOMEKe9Gy3-fhXuP5kcuNqMzaSsqxk3_TlggqBdUi3PlhaZq7RV6LJuAY1HfEtCQdwVZOKrw3JNoys5rhr3dAaHLirNaHmxUhAKQ/s1600/facebook.png) no-repeat 0 0}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTM1izO8B8F_3WG9s_lCVn7fKQgRC7X9F2aUS13vo4Qiha9_Xj6bC-6_ePMsXd5V6p78RNBgvallArcOCeGYZ-7aq5xQO9BRJbaSPSBVJV6EDGsYapQEJQY_4Ne20Dr1RCZqMMQAz1eQ/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTM1izO8B8F_3WG9s_lCVn7fKQgRC7X9F2aUS13vo4Qiha9_Xj6bC-6_ePMsXd5V6p78RNBgvallArcOCeGYZ-7aq5xQO9BRJbaSPSBVJV6EDGsYapQEJQY_4Ne20Dr1RCZqMMQAz1eQ/s1600/twitter-1.png) no-repeat 0 0}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnXLGcd4G920z_cbs4Am_DGA6z2mp8g_jiybqA61Cr3V62y4CsLXrvTNqWTRLCuug1c_x3TpaPra5NmWU5SGWTclMYYB7YA_mB48teLkyBPKchIlebTM0QebdWtAYlGw2BMCp7zYL-A/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdnXLGcd4G920z_cbs4Am_DGA6z2mp8g_jiybqA61Cr3V62y4CsLXrvTNqWTRLCuug1c_x3TpaPra5NmWU5SGWTclMYYB7YA_mB48teLkyBPKchIlebTM0QebdWtAYlGw2BMCp7zYL-A/s1600/google.png) no-repeat 0 0}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNitF2xf-RNjphdF_eU3YME0z8_fYAuNuu3vaNF62Jo1mjAw352LjljYfCFcli2kloDCH28Z5t6eOqPZbXXdSbrH_aTs0yFsXe7YLwo6Q7AtqrAFiXpa1R6F2a14D4bpk3a8tcin7zvw/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNitF2xf-RNjphdF_eU3YME0z8_fYAuNuu3vaNF62Jo1mjAw352LjljYfCFcli2kloDCH28Z5t6eOqPZbXXdSbrH_aTs0yFsXe7YLwo6Q7AtqrAFiXpa1R6F2a14D4bpk3a8tcin7zvw/s1600/twitter.png) no-repeat 0 0}
</style>

DEMO
DOWNLOAD

Sekian template Blogger responsive yang dapat dibagikan saat ini dan semoga bermanfaat.

SIMINISEO Template Blogger Responsive Seo Friendly 2014

Template Blogger Responsive Seofriendly 2014 SIMINISEO. SIMINISEO Template Blogger Responsive Seo Friendly 2014. Template Blogger kali yang akan dishare saat ini adalah salah satu template Blogger yang "Seo friendly responsive" dengan loading yang cepat. Dan sesuai namanya template ini dibuat mini. sangat cocok untuk anda yang menginginkan blognya lebih seo

Template Blogger SEO Friendly - Walaupun lumayan lama juga saya membuat template ini tapi saya akan bagikan secara gratis untuk anda. Menggunakan template ini juga dapat anda rasakan sendiri Alexa rank anda meramping begitu cepatnya!. dan buakan hanya alexa lihat sendri visitor blog anda meningkat dengan cepat. Ukuran template ini juga kecil sehingga ringan untuk Blog anda. Loadingnya juga cepat dengan tampilan yang lebih elegant. Fitur lainnya di template ini adalah sbb:

• SEO Friendly
• Visitor Friendly
• Slider Otomatis
• Breadcumbs Terindex Google.
• Meta Keywords And Description Support
• Fast load.
• Auto-readmore
• Responsive version
• Related Post with tumbnails.
• Compatible with major browsers (IE9+,Mozilla,Chrome,Safari,Opera)
• Elegant.
• Dsb.

DEMO
DOWNLOAD

DEMO ( With Slider )
DOWNLOAD

Setting template :
Jika anda ingin memasang widget seperti di demo silahkan ambil widgetnya disini.
Untuk mengganti gambar Author dibawah postingan silahkan Masuk ke;
Template >> Html kemudian Cari : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5lF6zbwFuPOIy0lVlHCZgJ_qgM60nRBP44Q4onoxKUTGI3a_A2qYDCpga4JW8CABiOT0RlVk9aUNmRKLkNdH7jpWUdCm8fOfpp3yDcGtL8lc2Epuh8tmCT1Tmp8NdKyvUTGrpXQp1990/s1600/mewo+brando.jpg
( tekan Ctrl+F untuk memudahkan pencaharian ) dan ganti dengan gambar milik anda.

Template Blogger Mas Sugeng Seo Friendly Responsive

Template Blogger Mas Sugeng Seo Friendly Responsive. Seocips kali ini akan membagikan Template Blogger Mas Sugeng Seo Friendly Responsive dan Bagimana cara memasang template Blogger ini. Template blogger yang satu ini dipakai di Blognya mas sugeng. Mas sugeng telah membuat beberapa template dan sering di pakai oleh beberapa Bloggers, mungkin anda juga dapat membuat template Blogger sendiri jika sudah lama di dunia Blog.

DEMO
DOWNLOAD

Untuk anda yang tertarik menggunakan template ini silahkan diDOwnload. Berikut ini adalah cara setting template ini :

Setelah memasang template ini di blog agan, ada beberapa kode yang perlu dirubah terlebih dahulu. Masuk ke dashboard blog anda, klik blog yang ingin agan edit, klik Template, klik Edit HTML, klik Lanjutkan, Selanjutnya tinggal agan cari kode-kode di bawah ini:

• YOUR_GOOGLE_PLUS_URL : Ganti dengan URL Profile google plus agan
• YOUR_BLOG_ID : Ganti dengan blog ID agan.
• YOUR_FACEBOOK_PROFILE_ID : Ganti dengan ID Profil facebook agan.
• YOUR_TWITTER_URL : Ganti dengan URL twitter agan.
• YOUR_TWITTER_NAME : Ganti dengan nama twitter agan.
• YOUR_FACEBOOK_FANS_PAGE_URL : Ganti dengan URL halaman facebook anda.

Selain kode-kode di atas, agan juga perlu mengganti link-link di menu navigasi. Di situ sudah diberikan keterangan untuk memudahkan agan menemukan kodenya. Berikut kode keterangannya:
<!-- menu navigasi untuk template seluler --> : Di bawah kode ini adalah menu navigasi versi seluler.
<!-- menu navigasi versi desktop --> : Di bawah kode ini adalah menu navigasi versi desktop.
<!-- top navigation --> : Di bawah kode ini adalah menu navigasi versi desktop untuk bagian atas.

Mengedit Menu Navigasi

Seperti yang sudah saya jelaskan di panduan bagian Kode yang perlu diedit, template ini memiliki dua buah menu navigasi, yang pertama untuk tampilan versi mobile/seluler, dan yang kedua untuk tampilan versi desktop. Berikut ini adalah cara bagaimana untuk mengeditnya :

1. Menu navigasi versi seluler.
Untuk mengedit menu navigasi versi seluler sangatlah mudah, agan hanya perlu mengganti URL dan anchor link-nya saja. Contohnya adalah seperti ini :

<span><a href='/search/label/Sepakbola/max-results=6'>Menu1 </a></span> &#183;

Yang berwarna merah bisa agan ganti dengan URL tujuan. Yang berwana hijau bisa agan ganti dengan anchor link yang nanti akan menjadi text tampilan yang muncul di menu navigasi. Sedangkan yang berwarna biru adalah untuk tanda pemisah antara menu berupa simbol "·" (titik).
2. Menu navigasi versi desktop
Untuk versi desktop kurang lebih sama saja, baik untuk yang bagian atas header maupun yang di bawah header. Intinya hanya mengganti URL tujuan dan anchor link-nya. Berikut adalah contohnya :

<li><a href='/search/label/Entertainment/max-results=6'>Menu1 </a></li>

Agan dapat menambahkan beberapa menu lagi jika dirasa kurang, namun jangan sampai terlalu banyak, sesuaikan dengal lebar template ini. Yang membedakan antara menu navigasi versi seluler dengan versi desktop adalah, di navigasi versi desktop agan bisa menambahkan dropdown menu, namun hanya untuk yang di bawah header. Untuk menambahkan dropdown menu, kurang lebih struktur kodenya seperti ini :

<li class='sub'><a href='#'>Menu1</a> <ul>
<li><a href='/search/label/Gadget/max-results=6'>Submenu1</a></li>
<li><a href='/search/label/Internet/max-results=6'>Submenu2</a></li>
</ul>
</li>

Yang berwarna hijau adalah anchor link yang bila diklik akan memunculkan submenu di bawahnya. Yang berwarna merah adalah URL tujuan untuk submenu. Yang berwarna biru adalah anchor link untuk submenu. Yang paling penting adalah jangan sampai lupa untuk menambahkan class "sub" pada tag <li>. Mengaktifkan Custom Mobile Template Untuk mengaktifkan fitur custom mobile template caranya adalah sebagai berikut:

1. Masuk/login ke dashboard blog agan
2. Pilih blog yang ingin agan aktifkan fitur custom mobile templatenya
3. Klik menu Template pada tab di sebelah kiri
4. Klik icon Gear di bagian bawah tampilan preview template seluler
5. Pilih "Ya. Tampilkan template seluler di perangkat seluler"
6. Di bagian dropdown, pilih "Tersesuai"
7. Klik Simpan

Memasang Iklan Versi Mobile

Untuk memasang kode iklan versi mobile di template ini sangat mudah, karena di dalam template ini sudah saya sediakan slot khususnya, yaitu di bagian bawah menu navigasi, di bawah judul posting, di bawah posting, dan di atas footer. Dan berikut adalah penjelasannya: Masuk ke dashboard blog agan, klik blog yang ingin agan edit, klik Template , klik Edit HTML, tinggal agan cari kode keterangan di bawah ini:

• <!-- top mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah menu navigasi.
• <!-- footer mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian atas footer.
• <!-- top post mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah judul posting.
• <!-- bottom post mobile ads section --> : Taruh di bawah kode ini untuk menampilkan iklan mobile di bagian bawah posting.

Ok sobat sekian tentang Template Blogger Mas Sugeng Seo Friendly Responsive.

Koleksi Template Seo Untuk Blogger

Koleksi Template Blogger SEO Friendly 2014

Postingan pertama saya, Disini saya membagikan koleksi template blogger yang seo friendly terbaru di tahun 2014. Template blogger yang seo friendly pastinya membuat blog anda memiliki peringkat baik di SERP google. Dengan optimasi SEO yang sudah ada di masing-masing template, blog anda bisa lebih baik di mata google.

Dalam koleksi kali ini, saya memberikan template yang dirancang khusus untuk SEO dan untuk loading yang cepat. Karena kalau loading blog kita cepat, informasi akan cepat ditampilkan, sehingga pengunjung tidak kesal atau pergi.

Saat ini, perkembangan blogging semakin cepat, kita harus bisa bersaing memperebutkan posisi teratas pencarian google supaya dapat menarik pengunjung. Oleh karena itu, pilihlah template yang SEO friendly, baiklah brader, tidak usah panjang-lebar saya berbasa-basi, ini dia koleksi template blogger SEO friendly tahun 2014 edisi thesukualam

1. SEO Elite V2 [DOWNLOAD]

2. Blog Mild [ DEMO | DOWNLOAD ]

3. B-SEO V4 [ DEMO | DOWNLOAD ]

4. Mas Sugeng 2014 [ DEMO | DOWNLOAD ]

5. Pageone v2 [ DEMO | DOWNLOAD ]

Semoga bermanfaat!