koleksi terbaru 10 template blog SEO friendly yang keren keren kereeeen bangetttttt! Udah gitu, responsif dan user friendly! Template-template magazine style ini cocok buat segala jenis blog --blog pribad, log berita, blog bisnis (toko online), dan yang terpenting gratis download.
Karena template ini seo dan "kebangetan" kerennya, maka di antaranya ada yang setingannya "agak rumit". Ya... kalau ingin yang bagus harus mau capek, betul betul betul....?
Anda jangan bingung memilih ke-10 template blog Seo keren terbaru 2014 ini. Pake aja semuanya, bikin blog baru! Minimal buat ngetes satu-satu ni template. Toh satu akun bisa bikin sampai 100 blog!
Pasang Buku Tamu Tersembunyi Di Blogger - Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara untuk membuat buku tamu tersembunyi pada blogspot.Contohnya bisa dilihat dibuku tamu saya.Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger .Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.Kemudian ambil script yang sudah di sediakan (kopi kodenya).Sekarang mari kita ke blogger. Cara Cara Pasang Buku Tamu Tersembunyi pada Blogspot :
- Login pada Blogger
- Masuk mode Rancangan kemudian Tambah Gadget
- Pilih HTML/Javascript
- Copy-paste kode di bawah ini
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJAO9TMPSmATGF1uiMLNsG3ESHzyMV_evl6aJ_poaAg7kNDpCGRj5dJ4T-PeAekaoh9JTtuRIkgT1iVreNBGm1fOiD5mVDWytsWLwUNTIitJynNZkr_pYqmnnY6S7zROrEApTevKm_sBw/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blogtutorials-01.blogspot.com/2012/03/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera
- jika sudah selesai silakan di Simpan
Demikian blogger tutorial mengenai Cara Membuat buku tamu tersembunyi pada Blogspot. Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
Download 5 Template Toko Online Blogspot Gratis
Template toko online dengan menggunakan platform blogspot kini semakin banyak di gemari dan seiring dengan itu juga saya begitu bersemangat menciptakan berbagai bentuk versi template,baik itu PREMIUM dan juga yang bebas download alias GRATIS.
Perkembangan tingkat kepercayaan konsumen terhadap toko online kini semakin baik dan ini membuktikan bahwa peluang anda untuk terjun ke dunia online sangatlah besar.Bangun bisnis anda sekarang juga dan jangan sampai ketinggalan prospek yang begitu potensial di tahun ini dan seterusnya.Jika anda memang awam dan butuh panduan untuk hal tersebut,cobalah baca cara dan strategi mengembangkan toko online sukses.
berikut ini 5 Template Toko Online.
1. margus market template
Tutorial Template MasgusMarket :
1. Format Post MasgusMarket :
Untuk template masgusmarket 2014 harus di posting dengan Format tersendiri agar produk anda memiliki flexibilitas yang sama dengan produk lainnya, alias rapi gan..
<div class="product_image">
<a class="item_thumb zoomable" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEyQPOHUsAkqu6DiEuJUYucjV4VcFrualojEOmoxMVLMzX35N0hoB6FbD3HrbSGkEZ5I09_sYML5VYPA6vVbBeEEDY4bdEuIxSxicYtkps8tPqPyot4EJu8NBofw2Ek7ZkFG5r33niNnE/s1600/nike.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEyQPOHUsAkqu6DiEuJUYucjV4VcFrualojEOmoxMVLMzX35N0hoB6FbD3HrbSGkEZ5I09_sYML5VYPA6vVbBeEEDY4bdEuIxSxicYtkps8tPqPyot4EJu8NBofw2Ek7ZkFG5r33niNnE/s1600/nike.jpg" /></a>
<span class="item_price">RP 280,000.00</span></div>
<div class="product_describe">
<br />
<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</div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
AIRWALK SNEAKERS </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;">Ukuran (L x W x H/ cm)</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Ukuran Produk</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;">Berat (kg)</th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Berat Produk</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;">Warna</th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;">Warna Produk</td></tr>
</tbody></table>
<br />
Keterangan :
Silahkan ganti text yang di cetak tebal warna hitam dengan alamar URL gambar produk anda.
Jangan lupa merubah harga produk di bagian text yang berwarna Merah.
2. Setting data Pemilik Toko Online :
Masuk ke halaman Template.
klik Edit Html.
Cari deretan kode seperti di bawah ini :
simpleCart.email = 'masgustemplate@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
Silahkan rubah data toko anda sesuai kebutuhan seperti Email,norek dan lain-lain.
3. Script Slider by Nivo Slider :
Masuk ke halaman TataLetak.
Klik Tambahkan Gadget > Html/JavaScript.
Pastekan kode Slider berikut.
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd4LZSfkZuxkuGirOjrTo3iqB9x7hzQCMdkNqr80T_QtlHtJrgIfIBNsIIqqPdOMiLwoxbY_KaaY08hHyohBXZmjA_nVgubkwlzMb9c1FiKWKGVIpMCRjZ-Y4IVDvaQsdI82GTeLTDZdg/s1600/gshock_banner_2.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcNXkaj1QI29lQXj39mLAxKU1P12hSxySixqlBvselS7ARqjitB6VSuWbHgE_Td3IV0J1g5g9vp9SBnmNkLXHx9BzbsFuGlUD5H1UdzrXK46dN0JhRMwxluFtzXrYN2jvp6SSVfyXYJaM/s1600/banner-(1).jpg" alt="" title="Selamat Datang di toko kami" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMIOcBqwQIskAsbJHA62UD0QtatMV8w9nDHtVsPoaAHFz225e21ivLyM0-L78jgZ2IJvG8tJiOuLrOYWviVUGtFYFogykU2jIJxiKsYkmmXzp-DOv39PWF9Y5uDgmEApNH1pHKlbnmFc/s1600/ban.jpg" alt="" /></a>
<a href="http://www.bukablog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHUPHrTrnzxtuNVCFUXou2JKOxgmic5-A2YmX73mLgTWdnxcpLwwBu2Er7JVG1gjG3nZhXgemuRGELg0Xy7akKUqPxpl-JJxa2eXa-f1N0EhZcC4pK7JqSJre3_P4UIflbl_M7Pmc-p8/s1600/slide1-680x285.jpg" alt="" title="#htmlcaption" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>Selamat Berbelanja
</strong></div>
</div>
Silahkan agan rubah kode yang berwarna Merah dengan URL banner anda sendiri.
Klik Simpan dan lihat hasilnya.
Saya rasa cukup pembahasan tentang template toko online gratis karya saya sendiri dan jika ada dari tutorial saya yang kurang anda mengerti.Silahkan gunakan fasilitas komentar di bawah postingan ini.Sekian dan happy blogging.
Template Blog Keren dan Simple Mirip Yahoo!
CARI template blog keren dan simple? Template blog mirip Yahoo ini menjadi alternatif. Tentu, ini mirip tampilan situs Yahoo! versi lama sebelum diresponsifkan seperti sekarang.
Coba lihat Tampilan-nya, mirip banget 'kan? Mau? Download aja. disini gratis!
Desainer dan publisher Template Blog Keren dan Simple Mirip Yahoo! ini adalah Borneotemplates. Namanya Template Today.
Saya modif dikit, plus modif home news slider-nya biar "lebih" mirip banget sama Yahoo! Kode-kode slider mirip Yahoo itu saya ambil dari tutorial Maskolis.
Saya juga perbaiki masalah "reply comment" yang tadinya "pop up" jadi gak pop up, meski belum sempurna banget.
Keuntungan menggunakan tampilan blog mirip Yahoo ini adalah sudah user friendly. User sudah terbiasa, bahkan mungkin gak nyangka bahwa blog yang sedang dibukanya adalah blog blogspot. Dikiranya Yahoo Indonesia!
Tampilan
Johny Blackstore template
Buka Baju Template
Toko Online Premium Blogger Dinostore Template
Indetoko Template
