http://trikkuampuh.blogspot.com/. Contoh laman HTML
SELAMAT DATANG DI BLOG KAMI "NIKI TRIK KULO"

Panduan Membuat Blog untuk Toko Online

Template Blog untuk Toko Online

Cara Membuat Toko Online dengan Blog Blogspot.

BLOG yang kita buat di blogger bisa diubah menjadi toko online. Caranya, dengan mengubah tampilan dan mengisi kontennya dengan posting produk atau jasa.

Update! Cara Membuat Toko Online dengan Blogspot.

Tampilan, desain, atau Template Blog untuk Toko Online sangat banyak dan banyak banget yang gratis.

Salah satunya di Tech Shortly yang mengoleksi 10 template blog terbaik untuk blog toko online (online store).

Tapi hampir semua yang dikoleksinya berasal dari Mas Template. Jadi, silakan meluncur ke Mas Template untuk menentukan sendiri pilihan blog untuk toko online Anda.

Blog awalnya untuk media ekspresi dan berbagi. Namun, belakangan blogging berkembang menjadi ajang cari duit juga, alias ajang bisnis online, marketing online, atau jualan online dan toko online. Bahkan, di Barat, blogging means business! Ngeblog artinya berbisnis.

Cara Membuat Blog Toko Online di Blogspot

Bagi pemula yang awam banget soal blog, ini panduan membuat blog untuk toko online:
1. Buka www.blogger.com atau www.blogspot.com.
2. Isi "formulir" yang tersedia dengan benar dan sungguh-sungguh. Serius, jangan nama palsu, 'kan buat beneran nyari duit. Rahasia Anda dijamin Blogger yang milik Google.
3. Ikuti terus petunjuk yang ada, sampai menemukan kata "Blog" dan "Buat Blog" (Create a Blog).
4. Isi lagi "formulir" yang tersedia, yaitu nama blog dan nama URL (domain).
5. Pilih Template "Simple"
6. Creat! Jadi.

Cara Instal Template Blog Toko Online
7. Pilih & Download Templatenya di Template Toko Online
8. jika hasil download berupa file .zip, maka "Extract" dulu jadi file .xml 
9. Ganti Template! Buka Dashboard Blog > klik "Template" > klik "Back Up/Restore" (Cadangkan/Pulihkan)
10. Upload tuh file .xml tadi.
11. Klik "Edit HTML" untuk mengisi Meta Tags, Footer, Menu, dan sebagainya.

Kini Blog untuk Toko Online sudah jadi. Selamat berbisnis! Good Luck!

10 Template Blog Toko Online Terbaik

MELENGKAPI posting tentang Membuat Toko Online Menggunakan Blogspot, berikut ini CB share 10 Template Blog Toko Online Terbaik yang sangat layak dipertimbangkan oleh para onlinepreneur (wirausahawan online).


Semua template e-Commerce versi Blogspot, yang list-nya  copas dari blog Lates Tutorial ini, free download alias gratis! Anda tingga menginstallnya di blog Anda dan selamat berbisnis online!

1. Johny Palelu Peang - Template Blog Toko Online


2. Johny Blackstore Template - Template Blog Toko Online



3. Catalogspot K2 E-Commerce - Template Blog Toko Online


4. Shopping Cart - Template Blog Toko Online


5. Johny Joss - Template Blog Toko Online


6. Johny Magstore - Template Blog Toko Online


7. Blogger Store - Template Blog Toko Online


8. Demo2 Ecommerce  - Template Blog Toko Online


9. Baby Shop - Template Blog Toko Online


10. Simplex eShop - Template Blog Toko Online



Beberapa Tips Sukses Toko Online

Saran , selain menampilkan produk barang/jasa, lengkapi blog Anda dengan "product review" dan tips-tips yang berkaitan dengan produk yang Anda tawarkan. 

Misalnya, toko online HP, maka lengkapi dengan posting tentang tips seputar HP, pulsa, dan sebagainya. Itu agar blog Anda dikunjung banyak orang yang merupakan pelanggan potensial. 

Biar lebih "kredibel", sebaiknya Anda menggunakan nama domain sendiri (custom domain). Provider domain, seperti qwords.com danrumahweb.com, menyediakan panduan praktis dan detail untuk setting custom domain. Kontak aja tim support teknisnya setelah Anda beli domain di sana.

Hindari penggunaan nama "shop" atau "olshop" dalam nama domain karena umumnya user sudah "alergi duluan" dengan nama-nama tersebut. 

Lebih baik, gunakan nama produk/jasa langsung, misalnya "laptopkeren", "jamtangankeren", "hpterbaru", "kateringsehat", dsb.

Buatlah juga OpenID blog untuk Anda pergunakan dalam "blog walking". Menggunakan OpenID Blog untuk komentar lebih baik ketimbang Anda "nyepam" atau mencantumkan link (terutama link hidup) di blog yang Anda kunjungi. Good Luck!

Cara Membuat Random Post di BLOG

Wah setelah saya sibuk memposting tentang Driverpack Terbaru 2014 dan cara membuat toko online gratis, maka sekarang saya akan share bagaimana cara membuat Random Post di Blog, Seberapa pentingkan random post/postingan acak itu untuk sebuah blog, menurut saya penting dan sangat membantu pengunjung yang datang ke blog kita untuk mendapatkan informasi dari artikel yang telah kita posting  di blog kita secara cepat. Karena artikel yang telah kita posting akan di tampilkan secara acak di sidebar blog.

Lalu bagaimana cara menambah atau membuat wedget Random Post tersebut, Berikut di bawah ini cara atau panduan membuatnya :

1. Anda masuk dulu ke akun blogger anda.

2. Kemudian masuk ke dashboard, lalu pilih dan klik Desaign/rancangan.

3. Sekarang anda berada di halaman Layout atau Page elements.

4. Pilih dan klik Add Gadget, lalu pilih HTM/JavaScript.

5. Masukkan dan Copy Paste Kode di bawah ini :

<style type="text/css">
.noop-random-posts ul li {
    list-style-image:none;
}.noop-random-posts ul {
list-style-type: none;
margin: 0;
padding: 5px 0;
}
.noop-random-posts ul li {
border: 0 none;
margin: 5px 0;
padding: 10px;
position: relative;
}
.noop-random-posts ul li:first-child {
background: none repeat scroll 0 0 #FF4C54;
width: 92%;
}
.noop-random-posts ul li:first-child:after {
content: "1";
}
.noop-random-posts ul li:first-child + li {
background: none repeat scroll 0 0 #FF764C;
width: 92%;
}
.noop-random-posts ul li:first-child + li:after {
content: "2";
}
.noop-random-posts ul li:first-child + li + li {
background: none repeat scroll 0 0 #FFDE4C;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li:after {
content: "3";
}
.noop-random-posts ul li:first-child + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li:after {
content: "4";
}
.noop-random-posts ul li:first-child + li + li + li + li {
background: none repeat scroll 0 0 #33C9F7;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li:after {
content: "5";
}
.noop-random-posts ul li:first-child + li + li + li + li + li {
background: none repeat scroll 0 0 #7EE3C7;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li:after {
content: "6";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F6993D;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li:after {
content: "7";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #F59095;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after {
content: "8";
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li {
background: none repeat scroll 0 0 #C7F25F;
width: 92%;
}
.noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
content: "9";
}
.noop-random-posts ul li:first-child:after, .noop-random-posts ul li:first-child + li:after, .noop-random-posts ul li:first-child + li + li:after, .noop-random-posts ul li:first-child + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li:after, .noop-random-posts ul li:first-child + li + li + li + li + li + li + li + li:after {
background: none repeat scroll 0 0 #353535;
border-radius: 50% 50% 50% 50%;
color: #FFFFFF;
font-size: 25px;
height: 30px;
position: absolute;
right: -17px;
text-align: center;
top: 1px;
width: 30px;
}
.noop-random-posts ul li a {
color: #444444;
font-size: 13px;
text-decoration: none;
}
</style>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script><a href="http://contohblognih.blogspot.com" style="font-size:0pt">Random Posts Widgets</a><script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

6. Terakhir klik save/ Simpan HTML 
Keterangan : Angka 12  yang Berwarna Merah dapat anda ganti sesuai keinginan anda, terserah anda berapa banyak anda akan menampilkan link artikel acak di sidebar blog anda tersebut. Angka 12 tersebut adalah jumlah link postingan acak yang akan di tampilkan.

Nah selesaikan,semoga bermanfaat ya teman-teman.

Penting..!!! Sebelum Melakukan Proses Download, Sebaiknya Anti Virus apapun di Komputer sobat harap di nonaktifkan Terlebih dahulu ya. Agar Patch Full Versionnya Dapat di Unduh juga. Makasih ^_^

Download HTTrack Website Copier 3.48-22

  • READ THIS BEFORE DOWNLOADING: This free software program is not guaranteed, and is provided "as is".

Platform

Choose file to download

Version

We recommend:
Windows 2000/XP/Vista/Seven/8 installer version
WinHTTrack (also included: command line version)
httrack-3.48.22.exe   [alternate site]3.48-22
3.99 MiB (4182560 B)
(16/Mar/2015)
Windows Vista/Seven/8 64-bit installer version
WinHTTrack (also included: command line version)
httrack_x64-3.48.22.exe   [alternate site]3.48-22
4.29 MiB (4496352 B)
(16/Mar/2015)
Windows 2000/XP/Vista/Seven/8 without installer (eg: USB key)
WinHTTrack (also included: command line version)
httrack-noinst-3.48.22.zip   [alternate site]3.48-22
4.41 MiB (4622054 B)
(16/Mar/2015)
Windows Vista/Seven/8 64-bit without installer (eg: USB key)
WinHTTrack (also included: command line version)
httrack_x64-noinst-3.48.22.zip   [alternate site]3.48-22
4.81 MiB (5045789 B)
(16/Mar/2015)
Linux/OSX/BSD/Unix sources version
WebHTTrack (also included: httrack, command line version)
httrack-3.48.22.tar.gz   [alternate site]3.48-22
1.72 MiB (1805754 B)
(15/Mar/2015)
Android (>= 2.2) on Google Play
HTTrack (Android)
com.httrack.android3.47.99 (trunk)
2.22 MiB

Linux Distributions (external links)

Debian packageDistribution Package - apt-get install webhttrack
Ubuntu packageDistribution Package - apt-get install webhttrack
Gentoo packageDistribution Package - emerge httrack
RPM package (RedHat & Suse)Search at rpmfind.net..
OSX (MacPorts) package
OSX (Homebrew) package
MacPorts Package - sudo port install httrack
Homebrew Package - brew install httrack
Fedora packageDistribution Package - yum install httrack
FreeBSD i386 packageSearch at www.freebsd.org..


HTTrack Contributors

These are generous contributions related to HTTrack, from various authors!
HTtraQtHTtraQt (beta) , from Karbofos: httrack GUI with Qt
See also the Qt project page
beta

Other downloads, previous releases..

ArchivesAll releases-
Browse git sourcesbrowse trunk
Build git sources
git clone https://github.com/xroche/httrack.git --recurse
cd httrack
./configure && make -j8 && make install DESTDIR=/
Previous release for Windows 2000/XP/Vista/Seven/8
(also included: command line version)
httrack-3.33.exe3.33
3.58 MiB (3755091 B)
(05/Feb/2005)
Portable Application Descriptionhttrack.xml (01/May/2012)
Flag Counter