2 Template Toko Online With Chart Free Download

Rabu, 27 Maret 2013 23.53 Diposting oleh Unknown

Kedua template ini memenuhi permintaan teman-teman blogger di kotak komentar, yang meminta agar membuat template Toko Online tanpa menggunakan fitur Shopping Cart. 
Johny Ganteng Store




Johny Joss Mobile Phone




Tidak ada fitur khusus pada kedua template ini, slider yang saya pasang otomatis menampilkan postingan terbaru Anda. Untuk membuat sebuah postingan yang perlu Anda lakukan hanya menambahkan kode dibawah ini di awal setiap postingan pada posisi Edit HTML bukan compose:
<span class="item_price">Rp 1.000.000,00</span>
Ganti harga warna biru diatas dengan harga Anda tentunya dan setelah kode diatas, silahkan Anda menulis artikel atau deskripsi barang maupun upload gambar seperti biasanya. Kedua template ini juga saya tambahkan fitur tooltip image otomatis pada setiap gambar di homepage (arahkan mouse anda ke salah satu gambar). Dan untuk mengaktifkan fungsi reply pada kotak komentar cari ID blog masing-masing template ini dan ganti dengan ID blog Anda. Untuk Johny Ganteng Store ID blognya : 9133655087310583622 dan untuk Johny Joss Mobile Phone ID blognya : 6923142428765575685.
Jika Anda ingin mengupload gambar, disarankan untuk memilih gambar yang persegi panjang dengan ukuran pixel lebih besar lebih bagus, contoh seperti gambar dibawah ini :


Fitur shopping cart disini saya ganti dengan form order barang tombolnya sudah saya sediakan dibawah setiap post di homepage. Untuk membuat form order seperti pada demo kedua template ini, tentunya Anda harus membuatnya terlebih dahulu pada situs-situs layanan form online. Disini saya memakai Google Docs, karena layanan form ini buatan Google mungkin tidak terlalu menghambat dalam proses loading blog. Setelah Anda membuat form order, langkah selanjutnya adalah membuat halaman statis(pages), buka New Pages kemudian copy paste kode dari Docs Google (mana ya yang bener, Google Docs apa Docs Google...???) ke dalam postingan terserah mau dikasih judul apa. Untuk contohnya bisa diklik tombol order yang ada di bawah gambar.

Setelah halaman order Anda sudah jadi, arahkan link dari halaman statis order anda ke dalam link order yang ada di Edit HTML, caranya seperti dibawah ini :
  1. Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget Templates :
    <input class='order' onclick='window.location=&apos;http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html&apos;' type='button' value='Order'/>
    Ganti URL warna kuning diatas dengan URL halaman order yang sudah Anda buat.
  2. Untuk Johny Joss Mobile Phone, cari kode berikut di Edit HTML jangan lupa untuk centang Expand Widget Templates :
    <a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>
    Ganti URL warna kuning dengan URL  halaman order Anda.
Sepertinya hanya itu yang perlu diperhatikan jika Anda ingin memakai satu diantara kedua template ini. Sebelumnya jangan menanyakan bagaimana cara menambahkan fitur Shopping cart pada template ini ya, karena template ini dibuat memenuhi permintaan beberapa teman blogger agar fitur shopping cart pada template toko online sebelumnya dihilangkan. Jadi jika ada diantara Anda yang ingin memakai template Toko Online dengan menggunakan Shopping Cart bisa memakai Johny Blackstore dan Johny Magstore. Selamat mencoba dan semoga bermanfaat.

Attention :
Mohon jangan diganti atau dihilangkan kredit link yang ada dibawah sebelah kanan.
GET UPDATE VIA EMAIL
Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini!!
0 komentar

Cara Mudah Memasukan VIdeo Kedalam Blog

Sabtu, 16 Maret 2013 00.31 Diposting oleh Unknown



Cara Mudah Memasukkan Video ke dalam Blog

Thursday, December 21, 2006


Menampilkan sebuah video ke dalam blog merupakan salah satu cara untuk memanjakan pengunjung. Video juga bisa berfungsi untuk menjaga agar pengunjung tetap ‘fresh’, tidak jenuh dengan tampilan teks setiap kali mengunjungi blog kita.

Namun, yang perlu diingat, tampilkan video yang menurut Anda dapat memberikan input-input bermanfaat bagi pengunjung blog Anda. Syukur-syukur video yang ditampilkan masih berhubungan dengan tema atau topik blog Anda.

Sumber video gratisan yang paling popular adalah Youtube.com. Ada banyak pilihan dan video-video terbaru terus masuk, sehingga Anda tidak akan kehabisan stok.

Begini caranya memasukkan video ke dalam blogger:
  1. Sign up di youtube.com. Setelah itu sign in dengan menggunakan username dan password yang telah dipilih.
  2. Pilih kategori video. Nonton dulu videonya, biar yakin video yang akan kita ambil tidak salah.
  3. Klik post video (linknya tepat di bawah display video). Lalu akan muncul form. Klik edit blog dan tambahkan blog Anda.
  4. Isi title atau judul video sesuai dengan keinginan kita. Dan tambahkan pula teks yang dapat berisikan komentar Anda tentang video yang dimaksud atau apapun tentang video tadi.
  5. Terakhir klik post to blog. Dalam beberapa saat video sudah tampil di blog Anda. Namun, jika setting post blog Anda dengan verification code, maka video akan masuk sebagai draft. Untuk menampilkannya Anda harus mengklik edit post dan publish.

Selamat mencoba semoga berhasil!
More Sharing ServicesShare | Share on facebook Share on myspace Share on google Share on twitter

10:35 PM | Kategori artikel: , , |
This entry was posted on 10:35 PM and is filed under Blog , Internet , Tips . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
 

5 Komentar:

bali blogger said...
kalau memasukkan video youtube ke blogspot bagaimana ya?
12:48 AM
blogger mania said...
salam kenal semua
12:48 AM
klausul iso 9001 said...
klo memasukkan artikel dari ezine articles gimana ya mas?
1:12 AM
All People said...
Thanx ,,,,
6:26 PM
puisi anak bangsa said...
syukran atas info@. kalau buat iklan gmn y?
9:24 AM
Post a Comment
Subscribe to: Post Comments (Atom)

Tag Populer




Home
1 komentar

Nonton TV Online

Selasa, 12 Maret 2013 23.46 Diposting oleh Unknown
    Warung Bebas TV Streaming Home
    GET UPDATE VIA RSS
    GET UPDATE VIA EMAIL
    Jika anda suka dengan artikel di blog ini. Silahkan berlangganan via RSS. Isi alamat email anda di bawah ini!!
    Widget by: Cyberkidz
    0 komentar

    Cara Menambahkan Gambar Loading Di Blog

    Senin, 11 Maret 2013 17.06 Diposting oleh Unknown
    Ada beberapa blog yang pernah saya kunjungi menggunakan indikator loading halaman. Biasanya sebuah gambar akan muncul ketika kita sedang membuka halaman sebuah web. Gambar tersebut menunjukan halaman tersebut sedang dalam proses loading. Blog Trik dan Tips kali ini akan memberikan tutorial bagaimana membuat loading page atau indikator loading halaman yang sederhana pada blog anda. Untuk membuatnya tidaklah sulit, ikuti saja langkahnya dibawah ini:

    1. Masuk ke Rancangan --> Edit HTML
    2. Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing
    3. Cari kode <body>
    4. Hapus kode tersebut lalu ganti dengan kode dibawah ini:
    <body onLoad='init()'>
    <span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif'/></span>
    <script>
    var ld=(document.all);

     var ns4=document.layers;
    var ns6=document.getElementById&amp;&amp;!document.all;
    var ie4=document.all;

     if (ns4) ld=document.loading;
    else if (ns6)
    ld=document.getElementById(&quot;loading&quot;).style;
    else if (ie4)
    ld=document.all.loading.style;

     function init() {
    if(ns4){ld.visibility=&quot;hidden&quot;;}
    else if (ns6||ie4) ld.display=&quot;none&quot;;
    }
    </script>
    5. Ganti kode berwarna biru dengan url gambar loading page yang anda suka
    6. Simpan template anda lalu lihat hasilnya     types in our gallery.
    -->
    animasi bergerak naruto dan onepiece
    animasi bergerak helikopter
    Komentar Facebook
    Komentar Blogger
    .comments-page { background-color: #f2f2f2;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}
    Letak Kode Iklan Disini
    0 komentar
    Postingan Lebih Baru Postingan Lama Beranda
    Langganan: Postingan (Atom)
    Powered by Blogger