Cara Membuat Permalink Agar SEO Friendly

Cara Membuat Permalink Agar SEO Friendly - kalo kemaren ane udah share Cara Membuat Scroll Pada Widget Arsip Blog, kali ini ane akan share cara membuat Cara Membuat Permalink Agar SEO Friendly, Permalink adalah link permanen yang menuju halaman tertentu dari sumber artikel itu berada. Permalink sangat optimal dalam membuat sebuah artikel yang berisi link murni dari halaman blog kita sendiri. Sehingga akan membuat nilai SEO On Page di halaman blog kita semakin bertambah. Selain itu, permalink ini juga sebagai internal link yang akan membantu indexing di search engine berdasarkan keyword yang tepat. langsung aja ketutorialnya dibawah :)

Cara Membuat Tab Multi Widget di Blog 3

Tab Multi Widget adalah penggabungan beberapa Widget pada satu kolom dengan Tab. Tab Multi widget ini sangat berguna jika Blog sobat mempunyai terlalu banyak widget. Sobat bisa menggabungkan widget-widget tersebut pada satu kolom dengan Tab diatasnya. Jadi sobat tidak
perlu menyediakan area yang luas untuk widget yang banyak.
Oke langsung saja ke langkah-langkah pembuatanya.

• Widget tanpa kode HTML/Javascript.

Cara Membuat Menu Tab Multi Widget Di Blog 1

Fungsi membuat Menu Tab Multi Widget di blog ini terbukti bisa membuat tampilan widget blog menjadi simpel dan tidak amburadul atau acak-acakan. Karena dengan membuat menu tab multi widget di blog, maka widget akan menjadi satu tampilan atau memiliki efek show hidden widget. Intinya adalah dapat menghemat tempat dalam blog, sebab menu tab multi widget ini dapat berisi banyak widget. Tentunya hal ini sangat berguna sekali bagi blogger yang mengutamakan kerapian, apalagi blog yang banyak sekali memasang widget.

Agar sobat tidak penasaran tentang tampilan menu tab multi widget di blog ini seperti apa, sobat bisa langsung melihat contoh dan efeknya pada widget followers blog KUCOPAS ini. Lihat gambar screenhot berikut.

Cara Membuat Kotak Scroll Widget Popular Post Blogger / Web

Cara Membuat Kotak Scroll Widget Popular Post Blogger - Sepertinya popular post , artikel popular , entri popular merupakan widget yang kalau gak di pasang itu ada yang ganjal , hehhehe . bila template blog anda spacenya sudah penuh , dan popular post anda sangat panjang , apalagi disertai gambar dan keteranganya , pasti tambah panjang . apakah anda ingin membuat widget popular post itu jadi ringkas ? jika iya maka solusinya adalah dengan menambahkan scroll box pada widget popular post.

Cara membuat template standar dari blogger menjadi responsive

Awalnya saya tidak terpikir untuk membuat artikel dengan judul diatas, tapi setelah ada seorang Anonimyang menanyakan "bagaimana cara membuat template standar ini menjadi responsive" pada salah satu artikel sebelumnya. Barulah saya mencoba untuk mempublikasikan artikel ini.

Bagi mereka yang membuat sendiri template blog dengan CSS, tentu bukan hal yang sulit untuk mengubahnya menjadi responsive, mereka cukup mempelajari konsep media screen agar template menjadi responsive, tapi bagaimana dengan kita yang menggunakan template standar dari blogger. Tentu kita harus menelusuri terlebih dahulu nama-nama CSS yang digunakan pada template tersebut, barulah mengubah isi pada nama css tersebut agar bisa menyesuaikan ukurannya pada resolusi yang diinginkan. Berikut poin-poin penting yang biasa diubah oleh para blogger.

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

cara membuat template blog menjadi responsive

Jika ingin blog kalian menjadi full responsive seperti blog Shizenku Blogspot ini, jangan meninggalkan halaman artikel ini sebelum selesai membaca tulisan yang ada di postingan Cara membuat blog jadi responsive ini. Sebelum saya mulai membahas cara agar blog jadi responsive kalian cek terlebih dahulu url blog ini http://shizenku.blogspot.com sudah responsive apa belum dengan cara mengecilkan ukuran lebar browser, bisa juga dengan mengganti resolusi layar pc kalian menjadi resolusi yang lebih kecil atau di bawah resolusi asli monitor pc kalian. Cek juga menggunakan handphone atau perangkat mobile seperti : smartphone, tablet, atau hp dengan resolusi kecil. 
Bagaimana sobat sudah dicek belum. Ini cuma sebagai bukti saja, bahwa trik yang akan saya bagikan ini sudah saya terapkan pada blog ini yang alhamdulillah sekarang sudah responsive.

Cara Membuat Related Post by label, category dengan scroll

Cara membuatnya sebagai berikut :- Login keBlogger.
- Klik "Tata Letak - Edit HTML".
- Centang kotak "Expand Template Widget".
- Cari code <data:post.body/>.
- Masukan code berikut dibawah code tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
Klik "Simpan Template". 

Cara Membuat Menu Navigasi Baru Dengan Posisi Melayang.

Cara Membuat Menu Navigasi Baru Dengan Posisi Melayang.

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Dengan tombol ctrl + F untuk mencari kode ]]></b:skin> dan letakan kode berikut di atas kode]]></b:skin>.

Macam Macam, Cara Membuat, Memasang Pop Up Di Blog

Macam Macam, Cara Membuat, Memasang Pop Up Di Blog - Saya tidak tahu setiap nama-nama fungsi yang ada dalam sebuah blog namun secara umum saya mengerti kegunaan dan tampilan dari sebuah fungsi tersebut. Sama halnya dengan yang namanya Pop Up, semua tahu apa itu Pop Updan sebagian blogger memasang pop up ini kedalam blognya. Secara umum pop up adalah seperti yang telah kita lihat namun disini saya membagi beberapa pop up yang menurut saya itu juga adalah pop up, walau pada kenyataannya memiliki nama lain

Apa itu Pop Up?
Pop Up atau jendela pop up adalah jendela laman yang muncul secara tiba-tiba dan otomatis, tanpa Anda merasa telah membukanya. Tampilan dari ukuran jendela pop up ini bervariasi, ada yang kecil dan besar namun biasanya tidak menutup keseluruhan layar. Dan karena namanya popup maka biasanya terbauka dari atas blog, sedangkan yang muncul di bawah footer blog disebut pop under
PopUp dan PopUnder secara tampilan beda namun secara fungsi adalah sama! sama-sama tampil secara otomatis dan sama-sama mengganggu blog, menurut saya :)

Macam Macam Pop Up Menurut Efek Kerja
Meski secara umum ada popup dan popunder, menurut saya ada beberapa macam pop up yang secara efek memiliki 3 tipe yaitu

1. Otomatis
   Pop up memang rata-rata memiliki tampilan dengan efek otomatis muncul dan semua sudah tahu tampilan pop up otomatis ini. Untuk contohnya; Anda semua pasti menemukan jendela meunculan yang kelaur otomatis di beberapa blog, biasanya paling banyak berisi iklan
2. Semi Otomatis
   Pop up semi otomatis yaitu jendela akan muncul jika kursor mouse didekatkan atau disorot pada pop up tersebut. Ini sama dengan tooltip. Untuk contohnya; klik disini
3. Manual
   Pop up manual yaitu jika jendela akan muncul jika melakukan klik terhadap pop up tersebut. Untuk contohnya, klik disini

Cara Membuat Dan Memasang Pop Up Di Blog
Jika Anda mencari cara membuat dan memasang pop up di blog melalui Google, maka akan banyak blog yang membahas popup ini, silahkan Anda cari caranya karena pada artikel ini saya tidak memberikan penjelasan secara rinci tentang pop up ini dan sebagai gantinya hanya ada pop up semi otomatis dan manual yang telah saya jelaskan pada artikel sebelumnya, untuk melihatnya silahkan klik tulisan Klik Disini diatas

Lalu apa fungsi dengan adanya atau memasang pop up di blog? Menyembunyikan sebuah objek danm memunculkannya secara otomatis dengan tujuan tertentu dan biasanya berisi iklan. Dengan adanya pop up dan isinya tersebut diharapkan pembaca atau pengunjung blog tertarik dengan tawaran yang ada di popup namun tidak semua blogger menyukai adanya pop up ini karena mengganggu, apalagi jika pop up selalu keluar...

Okey, semoga artikel ini memberikan pengetahuan yang bermanfaat bagi kita tentang pop up. Jika ada yang mau didiskusikan silahkan tinggalkan komentar untuk artikel ini, Macam Macam, Cara Membuat, Memasang Pop Up Di Blog

Macam Macam, Cara Membuat, Memasang Pop Up Di Blog

Macam Macam, Cara Membuat, Memasang Pop Up Di Blog - Saya tidak tahu setiap nama-nama fungsi yang ada dalam sebuah blog namun secara umum saya mengerti kegunaan dan tampilan dari sebuah fungsi tersebut. Sama halnya dengan yang namanya Pop Up, semua tahu apa itu Pop Updan sebagian blogger memasang pop up ini kedalam blognya. Secara umum pop up adalah seperti yang telah kita lihat namun disini saya membagi beberapa pop up yang menurut saya itu juga adalah pop up, walau pada kenyataannya memiliki nama lain

Apa itu Pop Up?
Pop Up atau jendela pop up adalah jendela laman yang muncul secara tiba-tiba dan otomatis, tanpa Anda merasa telah membukanya. Tampilan dari ukuran jendela pop up ini bervariasi, ada yang kecil dan besar namun biasanya tidak menutup keseluruhan layar. Dan karena namanya popup maka biasanya terbauka dari atas blog, sedangkan yang muncul di bawah footer blog disebut pop under
PopUp dan PopUnder secara tampilan beda namun secara fungsi adalah sama! sama-sama tampil secara otomatis dan sama-sama mengganggu blog, menurut saya :)

Macam Macam Pop Up Menurut Efek Kerja
Meski secara umum ada popup dan popunder, menurut saya ada beberapa macam pop up yang secara efek memiliki 3 tipe yaitu

1. Otomatis
   Pop up memang rata-rata memiliki tampilan dengan efek otomatis muncul dan semua sudah tahu tampilan pop up otomatis ini. Untuk contohnya; Anda semua pasti menemukan jendela meunculan yang kelaur otomatis di beberapa blog, biasanya paling banyak berisi iklan
2. Semi Otomatis
   Pop up semi otomatis yaitu jendela akan muncul jika kursor mouse didekatkan atau disorot pada pop up tersebut. Ini sama dengan tooltip. Untuk contohnya; klik disini
3. Manual
   Pop up manual yaitu jika jendela akan muncul jika melakukan klik terhadap pop up tersebut. Untuk contohnya, klik disini

Cara Membuat Dan Memasang Pop Up Di Blog
Jika Anda mencari cara membuat dan memasang pop up di blog melalui Google, maka akan banyak blog yang membahas popup ini, silahkan Anda cari caranya karena pada artikel ini saya tidak memberikan penjelasan secara rinci tentang pop up ini dan sebagai gantinya hanya ada pop up semi otomatis dan manual yang telah saya jelaskan pada artikel sebelumnya, untuk melihatnya silahkan klik tulisan Klik Disini diatas

Lalu apa fungsi dengan adanya atau memasang pop up di blog? Menyembunyikan sebuah objek danm memunculkannya secara otomatis dengan tujuan tertentu dan biasanya berisi iklan. Dengan adanya pop up dan isinya tersebut diharapkan pembaca atau pengunjung blog tertarik dengan tawaran yang ada di popup namun tidak semua blogger menyukai adanya pop up ini karena mengganggu, apalagi jika pop up selalu keluar...

Okey, semoga artikel ini memberikan pengetahuan yang bermanfaat bagi kita tentang pop up. Jika ada yang mau didiskusikan silahkan tinggalkan komentar untuk artikel ini, Macam Macam, Cara Membuat, Memasang Pop Up Di Blog

Cara Membuat Script Pop-up Windows pada Blog

Cara Membuat Script Pop-up Windows pada Blog

Cara membuat pop up window pada blog, Seperti yang kita ketahui window pop up merupakan suatu halaman yang muncul di belakang maüpun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki oleh admin blog. Biasanya halaman pop-up di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu,dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak :D



Namun tahukah kamu kalau pop up window kadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karna banyaknya iklan pop-up yang keluar. Nah di sini semuanya terserah agan-agan apakah blog-nya ingin di tambahi halaman pop-up otomatis atau tidak semuanya terserah anda.

Berikut tutorial membuat halaman window pop up:

• Pertama-tama kita siapkan dulu 1 cangkir kopi ABC susu dan 1 bungkus rokok Dji Sam Soe hehehe….
• Silahkan login ke Dashboard blogspot kamu dan pilih blog mana yang ingin kamu tambahi halaman pop up
• Pilih pada Template >> Edit HTML
• Seperti biasa back up dulu template kamu untuk jaga-jaga kalau terjadi kesalahan dengan meng-klik ”download template lengkap”
• Cari kode <body> dengan menekan tombol F3 atau dg menekan CTRL + F untuk memudahkan pencarian
• Tempatkan script pop up berikut di bawah kode <body> :

<script type=’text/javascript’>
var popurls=new Array()
popurls[0]=’http://gtips-trick.blogspot.com/‘
popurls[1]=’http://gtips-trick.blogspot.com/‘
popurls[2]=’http://priced.blogspot.com/‘
function openpopup(popurl) { var winpops=window.open(popurl,”,’width=,height=,toolbar,location,status,scrollbars,menubar,resizable’) }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))]) 

• Terakhir Save Template

Jika script pop up di atas di tempatkan pada blog maka setiap ada pengunjung yang mengunjungi blog tersebut maka akan keluar halaman pop up dari URL http://gtips-trick.blogspot.com/, http://gtips-trick.blogspot.com/ dan priced.blogspot.com. Ganti URL-URL yang berwarna ungu tersebut dengan URL yang ingin kamu jadikan pop up.

Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nilai]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya

Cara Membuat Toko Online di Blogger Gratis Lengkap 2014

Cara Membuat Toko Online di Blogger Gratis Lengkap Setelah saya membahas atau mereview tentang Rakuten.co.id: Toko Online Murah, Serba Ada Barang Unik Jepang, Ekiosku.com Jual Beli Online Aman Menyenangkan, Bajumurmer.com Toko Baju Online Jual Atasan Wanita Dress Ecer Grosir Reseller Murah yaitu sebuah toko online yang sangat terkenal sekali pada saat ini di indonesia, dan kali ini saya akan mengulas bagaimana Cara Membuat Toko Online di Blogger Gratis Lengkap, Baik Untuk Membuat toko online di Blogger itu cukup mudah, tidak perlu pakai plugins, anda hanya perlu meng-install tema (template) blogger. Proses listing produk juga relatif mudah. Tentu tidak sesimpel proses listing produk di WooCommerce yang super simpel, tapi tetap cukup mudah karena yang diperlukan hanyalah memasukkan detail produk dalam template HTML yang telah disediakan.
Tanpa pakai banyak bicara, langsung saja deh…

Panduan Cara Membuat Toko Online di Blogger

Untuk proses pembuatan toko jual beli online di blogger atau blogspot ini, akan saya bagi dalam 3 bagian, pertama adalah proses peng-install-an template blogger (blogspot), kedua adalah proses listing produk (menampilkan produk dan detilnya seperti harga dan lain-lain ke dalam toko online), dan ketiga adalah proses sistem pembayaran.

Persiapan: Buat Google Account dan Login Blogger.com

Tentu saja anda harus login dengan membuat akun Blogger terlebih dahulu jika anda ingin membuat toko online di blogger! 
Anda bisa dengan mudah membuat akun di Blogger dengan mengikuti video tutorial ini: Video Cara Membuat Akun di Google Account.
Setelahnya, buat blog di Blogger. Lihat tutorialnya di sini: Cara Membuat Blog di Blogger.
Sudah? Lanjut ke langkah selanjutnya…

#1 Meng-Install Template Toko Online Blogger

Anda bisa mencari template blogger gratis yang memang dikhususkan untuk toko online. Di tahap ini, saya asumsikan blog anda sudah jadi dan siap ubah menjadi toko online. 
Note: Tutorial ini menggunakan setting bahasa inggris karena saya rasa bahasa Indonesia terdengar aneh untuk tutorial.
Karena awal pelanggan itu akan melihat tampilan website kita, apabila tampilan website kita gak meyakinkan maka, kredebelitas toko online kita akan jelek juga cuma gara-gara tampilan website yang kurang bagus dan menarik, seperti toko online Rakuten.co.id: Toko Online Murah, Serba Ada Barang Unik Jepang, Ekiosku.com Jual Beli Online Aman Menyenangkan,Bajumurmer.com Toko Baju Online Jual Atasan Wanita Dress Ecer Grosir Reseller Murah Yang mempunyai tampilan website yang baik sekali, dan mudah dipahami oleh pelanggannya.

Sekarang di Dashboard Blogger anda, klik nama blog anda yang baru saja anda buat.

Setelahnya, lihat bagian bawah, di sidebar. Cari tulisan Template dengan ikon kuas cat. *Maaf tidak ada panah, saya lupa nambahin.

Kemudian, klik di bagian kanan atas, Backup/Restore.

Sampai tahap ini, anda akan melakukan proses upload blogger template. Nah, tentu anda harus punya template toko online nya dulu donk… 
Jika anda belum punya template toko online blogger yang bagus, kenalan saya, Rifki Aria Gumelar telah mendesain sebuah template toko online yang cantik dan ciamik, dengan fitur yang cukup lengkap dan canggih untuk kategori toko online blogspot gratisan. 
Anda bisa download di website nya Om Agus Ramadhani (yang membantu mempopulerkan theme ini) secara langsung: Blogger Store v2

Atau download di sini: Blogger Store v2 Mirror (server saya).
Setelah itu, ekstrak file ZIP yang baru saja anda download, cari file dengan ekstensi XML (bloggerstore-v2.xml). *Jangan lupa baca read more nya. 
Kembali ke dashboard blogger anda, jendela seperti gambar di bawah akan terbuka setelah anda klik Backup/Restore. 

Klik Browse dan cari file bernama bloggerstore-v2.xml tersebut, klik Upload.
Jika anda melakukannya dengan benar, anda akan melihat template anda sudah terganti dengan template toko online baru anda yang ciamik. Klik View Site di bagian atas untuk melihat blog (toko online) baru anda.

#2 Menambahkan Produk ke Toko Online Blogger Anda

Okay, template sudah ter-install. Tapi akan terasa ‘hampa’ alias kosongan karena memang belum kita isi apa-apa…
Sekarang waktunya untuk menambahkan produk di toko online Blogger baru kita. 
Beruntung bagi anda, sangat mudah untuk menambahkan produk di toko online ini. Klik saja tombol New Post di dashboard anda.

Di halaman Post ini, ganti format penulisan ke HTML. 

Kemudian tambahkan produk dalam template HTML yang sudah di sediakan. 
Jika anda malas melihat file TEMPLATE POST.txt yang ada di file ZIP yang baru saja anda download, salin saja kode di bawah ini sebagai template HTML produk baru anda.

<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" />
<span class="item_price">$00.00</span>
</div>
<div class="item_Description">
Descriptions... </div>
Kemudian masukkan data mengenai produk anda sesuai tempat yang seharusnya. 
Contoh:
<div class="item_image">
<img border="0" class="item_thumb" src="link ke gambar anda "/>
<span class="item_price">$10.00</span>
</div>
<div class="item_Description">
</div> 

Tas punggung pink cantik dengan kualitas terbaik, Software erp indonesia, cocok untuk tas sekolah anak, iconia pc tablet dengan windows 8, ESER Unlimited Power Bank, Masterbet88 Grand Opening Promo Bonus 50% Sportsbook dan Casino Online,  Agen Bola Ligabet88 Promo Bonus 100% IBCBET SBOBET 368BET bla-bla-bla...

Ubah “link ke gambar anda” dengan link beneran yang mengarah ke gambar produk anda. Upload gambar ke Blogger seperti biasa dan salin URL gambar anda ke bagian ini. 
“$10.00″ ubah dengan harga produk anda. 
“Tas punggung pink cantik dengan kualitas terbaik, simple dan plain, cocok untuk tas sekolah anak, bla-bla-bla…” ubah dengan deskripsi mengenai produk anda.
Selesai? Kini berikan Label, label “Backpack” saya gunakan dalam contoh kasus saya. Kemudian klik “Publish“!
Jika semuanya berjalan lancar, seharusnya anda akan melihat hal yang kurang lebih seperti ini.


Hm… terlihat agak sepi yah… 
Tentu saja, karena masih satu produk yang ditambahkan ke toko online anda. Anda harus tambahkan lebih banyak produk lagi agar toko online anda tampak lebih bagus.



Hm… jauh lebih baik. 
Saya serahkan proses kustomisasi sepenuhnya pada anda. Ini alasan kenapa saya malas berurusan dengan blogger lagi. Sangat-sangat repot dan tangan harus kotor dengan kode-kode yang saya tidak mengerti. Hahahahaha….

#3 Proses Pembayaran

Ada kelemahan dari toko online Blogger, pertama adalah mata uang tergantung dari mata uang yang didukung oleh PayPal. Benar, toko online kita di atas menggunakan PayPal sebagai proses pembayaran. Yang artinya tidak support mata uang rupiah untuk sementara ini. 
Bisakah jika kita ingin menjual produk dengan mata uang rupiah? Bisa. Tapi tak ada proses checkout untuk anda. Dan setahu saya, konsekuensinya adalah keranjang belanja di atas kanan itu bakalan tak ada gunanya.

Proses order dilakukan secara manual melalui transfer bank, beri tahu bagaimana cara agar pengunjung anda bisa melakukan order terhadap produk anda. Misal order melalui email atau SMS.contohnya anda dapat bekerja sama dengan bank-bank yang besar dan terpercaya di indonesia ini seperti Bank BCA, Bank Mandiri Bank Terbaik di Indonesia, Bank BNI, Bank BRI, dsb.

Untuk ide proses pembayaran anda bisa baca post saya yang ini atau lihat video saya dimana saya menunjukkan pada anda bagaimana saya membuat informasi pemesanan yang sangat jelas di sidebar toko online saya: Video Tips & Trik Toko Online Professional.

Untuk proses pengaturan jika anda ingin menggunakan fasilitas pembayaran melalui PayPal, silakan merujuk ke dokumentasi dari mas Rifki Aria Gumelar di blognya sendiri: http://javatemplates.com/blog/installing-and-customize-blogger-store-v2/
Dan saya rasa, cukup post ini… Saya yakin sekarang anda sudah tahu cara langkah demi langkah membuat Rakuten.co.id toko online di Blogger.

Jika anda ada pertanyaan mengenai hal ini, jangan tanya saya. Saya tidak tahu…
Saya hanya menulis tutorial ini dan jujur saya tidak tahu banyak mengenai kustomisasi situs Blogger. Saya lebih nyaman menggunakan WordPress dan WooCommerce untuk membuat toko online. 
Jika anda ingin membuat toko online yang tanpa repot, link di atas akan membawa anda ke e-Course gratis dari saya yang akan memandu anda bagaimana cara membuat toko online profesional menggunakan WordPress.Menu Live di website Agen Bola Promo 100% SBOBET IBCBET Casino Poker Tangkas Online. Lebih dari ratusan domain host di RAJAWEBHOST. Kami bukan penyedia web hosting kagetan yang sering mempermainkan pasar industri dengan harga yang fantastis. Kami lebih fokus pada kontinuitas bisnis. Oleh karena itu, kami cenderung lebih mentargetkan market corporate dengan tingkat loyalitas tinggi dan tahu akan kualitas Mudah-mudahan artikel saya diatas mengenai Cari Uang Lewat Ekiosku.combermanfaat untuk anda informasi Ayo Ikutan Kontes Humor JOKES.WEB.ID*.

Sepuluh video gratis tentang hampir semua yang anda perlukan untuk membangun toko online profesional anda menunggu anda di sana… Serius, klik di sini: http://www.syamsulalam.net/ecourse/toko-online

Dan… akhirnya terima kasih karena sudah membaca Cara Membuat Toko Online di Blogger Gratis Lengkap hingga akhir.

Download Cara Membuat Toko Online di Blogger Gratis Lengkap 2014

Sumber : http://jembersantri.blogspot.com/2013/04/cara-membuat-toko-online-di-blogger.html#ixzz2vrLhsS1U 

Cara Membuat Tampilan Home Blog yang Unik

Artikel ini adalah Trik untuk mengubah tampilan blog, maksudnya adalah untuk membuat tampilan home blog berbeda dari yang biasanya. Biasanya blog akan menampilkan postingan ketika kita membuka halaman awal atau home blog kita, nah trik ini digunakan untuk menggantinya. Anda bisa membuat slide gambar di home atau kreasi yang lainnya.

Triknya adalah kode logika/html/if. dengan kode ini kita bisa menambahkan sedikit kode sehingga menjadi 

b:if cond=, dalam artinya, jika kondisi...guna'a agar kita dapat menghilangkan elemen yang berat di halaman tertentu yang kita inginkan. Sama halnya jika anda belajar fungsi if di bahasa pemrograman Java atau C++

Macam2 kode...

Ada 5 macam yang yang bisa saya temukan di google n_n 

1.

<b:if cond='data:blog.url == data:blog.homepageUrl'> isi widget</b:if>

Kode di atas ini fungsinya agar widget hanya pada homepage atau halaman utama saja.

2. 

<b:if cond='data:blog.pageType != &quot;item&quot;'> isi widget </b:if>

Kode ini fungsi'a supaya widget ada di halaman homepage dan label atau di kategori post.

3.

<b:if cond='data:blog.pageType == &quot;item&quot;'>isi widget </b:if>

Kode ini berfungsi agar widget hanya ada ketika kita membaca posting blog saja. Contoh'a adalah kotak komentar yang terdapat dibawah posting blog kita.

4.

<b:if cond='data:blog.url != data:blog.homepageUrl'> isi widget </b:if>

Kode ini berfungsi agar widget ada di halaman posting. Fungsi ini kebalikan dari kode ke 1.

5.

<b:if cond='data:blog.url == &quot;url postingnya disini&quot;'> isi widget </b:if>

Kode ini berfungsi agar widget ada ketika kita membaca posting tertentu. sobat tinggal ganti kata "url postingnya disini" dengan url posting sobat.

Contoh sederhana untuk menghilangkan Tab Slider di halaman depan/home page

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!-- begin featured content slideshow -->

<div id='featured'>

<div id='slidearea'>

<div id='gallerycover'>

<div class='mygallery'>

</div>

</div>

</div>

</div>

<!-- end featured content slideshow -->

</b:if>

Untuk Demonya silahkan lihat Blog saya satunya lagiWESHARE™

Untuk Menghilangkan Daftar postingan anda di home page, ikuti langkah-langkah ini

1.Temukan kode yang sama/kira-kira sama dengan kode dibawah ini

<b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
.
.
.
</b:section>

2. Tepat di atas kode tersebut letakkan kode berikut ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:section class='main' id='homepage'></b:section>
<b:else/>

3. Dan tepat di bawah kode "no1" letakkan kode berikut ini

</b:if>

4. Hasilnya kira-kira seperti ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <b:section class='main' id='homepage'></b:section>
<b:else/>
<b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
.
.
.
</b:section>
</b:if>

Penambahan kode ini akan berpengaruh pada daftar postingan yang akan hilang di halaman utama blog dan di gantikan dengan sebuah tempat untuk menambah widget, anda bisa menambahkan widget gambar untuk menggantinya.

Catatan:
Jika anda menggunakan trik menghilangkan postingan di homepage blog akan berpengaruh pada pesan error yang akan muncul ketika anda menyimpan setingan di Layout blog.