Windows

Recent Post

Rabu, 30 Januari 2013
Mouse without Borders 2.1.2.1212

Mouse without Borders 2.1.2.1212

Jadi bagi anda yang mengalami kesulitan dalam bekerja menggunakan beberapa laptop dan komputer, sekarang anda bisa mengatasi masalah anda.
Kelebihan Mouse without Borders :
1.Fitur sharing kirim screenshot ke computer yang terhubung
2.Menonaktifkan screensaver pada computer lain
3.Copy dan paste atau drag dan drop file antar computer yang dikonfigurasi
4.Mengunci layar desktop dari setiap PC yang terhubung.
Kekurangan Mouse without Borders :
1.Banyak memasukkan command seperti harus mengisi data yang berturut dari computer
2.Setiap PC harus punya Aplikasi tersebut
3.Software ini dikembangkan hanya untuk Windows, Mac dan Linux saat ini belum didukung.
File Size: 1.07 MB
Publisher: Microsoft
OS Support: Windows 2000/XP/2003/Vista/7/8
Rabu, 23 Januari 2013
7 Sticky Notes 1.9

7 Sticky Notes 1.9

Fitur 7 Sticky Notes :
Pisahkan catatan Anda dengan kelompok atau kategori dengan Desktops Beberapa organisasi utama
Alarm: Setup satu kali saja atau berulang alarm untuk catatan masing-masing menggunakan satu set seluruh opsi-opsi konfigurasi waktu
Gambar dan gambar lampiran
Kendali Backup, restore dan sinkronisasi
File Size: 5.86 MB
Publisher: Fabio Martin
OS Support: Windows 2000/XP/2003/Vista/7/8
Selasa, 22 Januari 2013
Johny Ganteng Banget

Johny Ganteng Banget



By : www.maskolis.com | http://www.mastemplate.com


TEMPLATE FEATURES

Johny Ganteng Banget was a simple template with elegant style. There's no specific feature in this template. It's a white and orange color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, automatic slider, multi level drop down menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to. I hope you enjoy it and happy blogging.

Template Name : Johny Ganteng Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
Johny Sompret Banget

Johny Sompret Banget


By : www.maskolis.com | http://www.mastemplate.com


TEMPLATE FEATURES

This is a different style in Johny Ganteng Banget template, this template made in magazine style with a white and blue color. Johny Sompret Banget  blogger template is a free magazine style blogger template for portal news blog with automatic recent per category. It's a 3 column blogger template with one sidebar in the right, 3 column footer, magazine style blogspot template, automatic featured content slider, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link. Valid HTML5

Template Name : Johny Sompret Banget
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
Johny Kampret

Johny Kampret


By : www.maskolis.com | http://www.mastemplate.com


TEMPLATE FEATURES

Johny Kampret is template blogger that design in magazine game style blogger. You can use this template for any content games. It's a 2/3 column blogger template with 1 right sidebar, static page ready, 3 column footer, magazine style blogspot template with blue and white color, automatic slider carousel, ads ready, pagination for blogger ready, automatic recent slider, dropdown menu, clean design template, and more. This template designed especially for content games but you can use it for any content with daily updates

Template Name : Johny Kampret
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
Johny Kena Banned

Johny Kena Banned


By : www.maskolis.com | http://www.mastemplate.com


TEMPLATE FEATURES

Johny Kena Banned was made in magazine style with a white and red color. This blogger template is a free to use, you can use it for portal news. It's a 3 column blogger template with one sidebar in the right, and automatic recent per category, 3 column footer, magazine style blogspot template, categories tab view widget, automatic slider carousel, ads ready, pagination for blogger ready, dropdown menu, tab view menu, clean design template, and more. This template designed for portal news blog with daily updates. For more detail about how to customize this template please visit this link. Valid HTML5

Template Name : Johny Kena Banned
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
Johny Ganteng with Cart

Johny Ganteng with Cart


By : www.maskolis.com | http://www.mastemplate.com
Cara pasang widget sama dengan template Johny Ganteng Store, silahkan buka lagi artikel 2 Template Toko Online Tanpa Cart. Dan untuk cartnya sendiri untuk memodifikasinya saya pakai dari Johny Blackstore template.
Johny Kenthir Green

Johny Kenthir Green


By : www.maskolis.com | http://www.mastemplate.com


Seperti pada template blogger magazine umumnya, template ini termasuk berat di loading. Saya kasih tahu dulu sebelumnya biar nanti tidak ada yang tanya lagi di kotak komentar. Namanya juga template magazine, ya pastilah banyak fitur yang dipasang disitu, otomatis akan menambah beban loading. Oke, langsung saja pada tutorial pemasangan widget yang ada di template ini, sebelum itu perhatikan struktur layout yang ada pada template ini (sengaja saya gunakan old blogger interface layout karena di new blogger interface ada scrollnya jadi nggak bisa sampai ke bawah) :

Image Slider (Sidebar tengah atas)

Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript yang saya beri nama image slider seperti pada gambar diatas. Masukkan kode berikut ini ke dalamnya :
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan slider, efek mouseover dan lain-lain, tidak harus dimasukkan. Untuk lebih jelasnya Anda bisa membaca pada tutorial membuat slider tersebut disini.

Video Category

Anda tinggal masukkan atau ketik nama label pada widget Video Category seperti gambar di bawah ini :

Jazz adalah kategori atau label yang saya tampilkan pada widget video category, silahkan Anda ganti dengan label yang diinginkan. Nah, sekarang cara membuat postingan video (khusus dari Youtube) untuk menampilkan thumbnail di widget tersebut. Caranya sama seperti pada artikel saya Johny Crottube, saya akan ulang lagi disini :

  1. Masuk ke Youtube dan pilih video favorit anda.
  2. Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
  3. Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
  4. Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
  5. Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :
    <iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
  6. Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :


    Perhatikan kedua kode pada gambar dengan background biru diatas. Dan untuk video yang bukan dari Youtube sebaiknya Anda buat manual thumbnailnya, dengan membuat gambar dari video terlebih dahulu kemudian diupload ke dalam postingan.
Widget Label

Widget label disini adalah Label 3 s/d 15 (label 7 sama 8 hilang dimakan tikus) caranya sama seperti pada widget Video Category diatas, Anda tinggal masukkan/ketik label di kotak HTML/Javascript seperti gambar dibawah :

Ganti jazz dengan label yang ingin Anda tampilkan, ini berlaku untuk semua widget label pada template ini. Jika Anda memakai template ini dan mendapati pengaturan widgetnya mojok ke kiri dan bagian footer ikut menjorok keatas itu tandanya label yang Anda masukkan masih sedikit, usahakan tiap label (Label 3 s/d label 15) terisi dengan label yang sudah mempunyai post atau artikel minimal 5.

Bagi Anda yang ingin memakai template ini saya sarankan untuk menyimpan semua url script dan kode javascript yang ada pada template di tempat penyimpanan Google Code Anda sendiri, bagi yang belum tahu caranya menyimpan di Google Code silahkan baca tutorialnya disini. Disamping bisa untuk sedikit mempercepat proses loading bisa juga untuk mengantisipasi URL script yang rusak jika sewaktu-waktu Google Code saya kena banned seperti yang pernah terjadi kemarin. 

Sekian dulu artikel kali ini, jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar di bawah, selamat mencoba dan semoga bermanfaat.
Johny Crottmag

Johny Crottmag


By : www.maskolis.com | http://www.mastemplate.com

Bagi Anda yang menginginkan tampilan seperti template Johny Sompret Banget tapi dengan bentuk lebih sederhana dan lebih ringan yang pasti, saya juga menyiapkan satu lagi template yang bisa anda gunakan. Template ini dinamakan demikian karena disesuaikan dengan yang bikin.... hehehehehe. Pada template ini hanya ada dua fitur yang Anda perlu diperhatikan, yaitu :
  1. Recent Post
    Terdapat pada sidebar kanan paling atas, cara pasanganya, masuk ke layout kemudian pilih HTML/Javascript kemudian masukkan kode berikut ini ke dalamnya :
    <style type='text/css'>
    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifjPKTGioL1KmGRBg75FS9s5Mir6tbbZmbDXqYpCo4NGYCA2dk3FAMAfRN8U1RLaOSXlpwDyFvJ2W7P6KyAJPe60-xKwyCWp46xiuBKqu4lWJ34xmCEZLC5EVr1aVsP35Vdv5VW8DIeyc/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://johny-gantengbanget.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrB4-w256IqBhOQgGkiH1ZGMpWLFUFhYFvY3CTx-4pr4uhT3GgR8bdnyOV36rqlgindOTJPXTCl6dmd2AaZUXAm_aBCvWV-a1etwNwUh38PmpK9pUukED8fCssCKFA8K0GRxM5y4xkkk/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>
  2. Reply Comment
    Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda.
Itu tadi dua template kurang kerjaan yang saya bagikan malam ini sambil sesekali ngantuk, saya bagikan kepada semua teman blogger di seluruh dunia secara gratis, silahkan dipakai atau di download jika Anda berminat. Jika ada hal lain tentang kedua template diatas yang kurang jelas, silahkan tinggalkan komentar, saya berusaha sebisa mungkin untuk menjawab. Akhir kata selamat mencoba semoga bermanfaat 
Maskolis Template

Maskolis Template


By : www.maskolis.com | http://www.mastemplate.com

Pada bagian paling atas ada News Ticker atau headline news. Untuk mengganti dengan headline dari blog Anda masuk ke Edit HTML (gunakan control + F untuk mempersingkat), cari URL http://maskolis.blogspot.com. Setelah ketemu ganti dengan URL blog Anda. Demikian juga dengan kotak pencarian atau search box cari URL http://maskolis.blogspot.com ganti dengan URL blog Anda. Untuk mengganti kotak email berlangganan, letaknya persis diatas slider carousel, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
Keterangan :
Warna biru : ganti dengan alamat feed anda.

Untuk mengganti navigasi menu warna biru pada template ini, cari kode berikut di Edit HTML :
<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='http://maskolis.blogspot.com/search/label/renungan'>Renungan</a></li>
<li><a href='http://maskolis.blogspot.com/search/label/misteri'>Misteri</a></li>
<li><a href='http://maskolis.blogspot.com/search/label/fakta'>Fakta</a></li>
<li><a href='http://maskolis.blogspot.com/search/label/astronomi'>Astronomi</a></li>
<li><a href='http://maskolis.blogspot.com/search/label/kehidupan'>Kehidupan</a></li>
<li><a class='trigger' href='http://maskolis.blogspot.com/search/label/kesehatan'>Kesehatan</a>
<ul>
<li><a href='http://maskolis.blogspot.com/search/label/mitos'>Mitos</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/olahraga'>Olahraga</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/seksiologi'>Seksiologi</a></li>
</ul>
</li>
<li><a href='http://maskolis.blogspot.com/search/label/teknologi'>Teknologi</a></li>
<li><a class='trigger' href='http://maskolis.blogspot.com/search/label/berita'>Berita</a>
<ul>
<li><a href='http://maskolis.blogspot.com/search/label/aneh'>Berita Aneh</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/dalam%20negeri'>Dalam Negeri</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/luar%20negeri'>Luar Negeri</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/sejarah'>Sejarah</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/serba%20serbi'>Serba Serbi</a></li>
<li class='hr'/>
<li><a href='http://maskolis.blogspot.com/search/label/Sosial%20Budaya'>Sosial Budaya</a></li>


Collector Template

Collector Template


By : www.maskolis.com | http://www.mastemplate.com

Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template ini :
<div align="center">
</div>
<div class="badge sblogger">
</div>
<img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8FslemdwHBNhY90i6bXC3Nv4fdm4dYxk8FLJWqZIIfRekisbMsYge6cQpGNThcXURhSMmnnE0Tc9yQW4SVfBSlZSTZGNjd4Soql2CTaeFm9G6Kzu4BlMeZXAsvsXiHRZZ-w5l51ySP1xh/s1600/Johny+Darkmovie.jpg" width="310" />
<div class="fullpost">
<ul class="postbuttons">
<li><a class="livedemo" href="http://johny-darkmovie.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
<li><a class="download" href="http://www.box.com/s/qjhv758fzmne8lt3xpa8" rel="nofollow" target="_blank">Download Theme</a></li>
</ul>
</div>
<b>TEMPLATE FEATURES</b>
Silahkan diisi deskripsi template atau terserah anda.........
Perhatikan kode script yang saya beri warna diatas :
  1. Warna hijau : adalah URL gambar yang harus anda ganti. Setelah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.
  2. Warna biru : adalah URL blog demo
  3. Warna merah : URL untuk download
Di sebelah kiri gambar postingan terdapat space untuk iklan 300 x 250, dan di bawahnya terdapat juga untuk space iklan 468 x 60. Untuk mengganti dengan iklan Anda, cari kode berikut di Edit HTML (jangan lupa centang kotak expand widget templates) :
<div style='float:left; margin-right:35px; padding-top:10px'>
Script iklan 300 x 250 (di parse dulu)
<div style='position:absolute; ; padding-top:15px; padding-left:95px'>
Script iklan 468 x 60 (di parse dulu)
</div>
</div>

Sekarang widget kategori dan widget kategori warna di bawah menu navigasi. Untuk widget kategori di sidebar kiri, masukkan kode ini pada layout >> Javascript/HTML :
<div class="mas-tp-dhead-wrap"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUVS01RUPBzBMcXebe2tH2AXWxerhdAqs8jE34jgv_-1urqK-QM6zYmS1JoSZeOJrlclF0fv_yEifmHar729PVcW5sbwN9VHEVen1kMg_c5w2Tqun3lotghw0IRWV-8oI-YCXZmkvIHPUD/s1600/lb-one-px.gif" alt="" /><span>Template Categories</span></div>
<ul id="mas-op-box">
    <li><a href="#">Columns</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/1 Column?max-results=12" title="1 Column Blogger Templates">1 Column</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Columns?max-results=12" title="2 Columns Blogger Templates">2 Columns</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/3 Columns?max-results=12" title="3 Columns Blogger Templates">3 Columns</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/4 Columns?max-results=12" title="4 Columns Blogger Templates">4 Columns</a></li>
        </ul>
    </li>
   
    <li><a href="#">Sidebars</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/1 Left Sidebar?max-results=12" title="1 Left Sidebar Blogger Templates">1 Left Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Left Sidebar?max-results=12" title="2 Left Sidebar Blogger Templates">2 Left Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/1 Right Sidebar?max-results=12" title="1 Right Sidebar Blogger Templates">1 Right Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Right Sidebar?max-results=12" title="2 Right Sidebar Blogger Templates">2 Right Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/Left and Right Sidebar?max-results=12" title="Left and Right Sidebar Blogger Templates">Left and Right Sidebar</a></li>
        </ul>
    </li>
   
    <li><a href="#">Width</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Fixed Width?max-results=12" title="Fixed Width Blogger Templates">Fixed</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/Fluid Width?max-results=12" title="Fluid Width Blogger Templates">Fluid</a></li>
        </ul>
    </li>
   
    <li><a href="#">Topics</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Fashion?max-results=12" title="Fashion Blogger Templates">Fashion</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Movie?max-results=12" title="Movie Blogger Templates">Movie</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/News?max-results=12" title="News Blogger Templates">News</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Natural?max-results=12" title="Natural Blogger Templates">Natural</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Sport?max-results=12" title="Sport Blogger Templates">Sport</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Video?max-results=12" title="Video Blogger Templates">Video</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Cartoon?max-results=12" title="Cartoon Blogger Templates">Cartoon</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Music?max-results=12" title="Music Blogger Templates">Music</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Books?max-results=12" title="Books Blogger Templates">Books</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Animals?max-results=12" title="Animals Blogger Templates">Animals</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Money?max-results=12" title="Money Blogger Templates">Money</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Health?max-results=12" title="Health Blogger Templates">Health</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Game?max-results=12" title="Game Blogger Templates">Game</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Girly?max-results=12" title="Girly Blogger Templates">Girly</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Culture?max-results=12" title="Culture Blogger Templates">Culture</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Fantasy?max-results=12" title="Fantasy Blogger Templates">Fantasy</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gadgets?max-results=12" title="Gadgets Blogger Templates">Gadgets</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Software?max-results=12" title="Software Blogger Templates">Software</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Space?max-results=12" title="Space Blogger Templates">Space</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Personal?max-results=12" title="Personal Blogger Templates">Personal</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Online Store?max-results=12" title="Online Store Blogger Templates">Online Store</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Vector?max-results=12" title="Vector Blogger Templates">Vector</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Transparent?max-results=12" title="Transparent Blogger Templates">Transparent</a></li>
        </ul>
    </li>
   
    <li><a href="#">Features</a>
          <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Ads Ready?max-results=12" title="Ads Ready Blogger Templates">Ads Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Custom Navbar?max-results=12" title="Custom Navbar Blogger Templates">Custom Navbar</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/CEO Ready?max-results=12" title="CEO Ready Blogger Templates">CEO Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Page Number?max-results=12" title="Page Number Blogger Templates">Page Number</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Slideshow?max-results=12" title="Slideshow Blogger Templates">Slideshow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Bookmark Ready?max-results=12" title="Bookmark Ready Blogger Templates">Bookmark Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Slideshow?max-results=12" title="Slideshow Blogger Templates">Slideshow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Footer Columns?max-results=12" title="Footer Columns Blogger Templates">Footer Columns</a></li>
        </ul>
    </li>
   
    <li><a href="#">Styles</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Magazine?max-results=12" title="Magazine Blogger Templates">Magazine</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Free Premium?max-results=12" title="Free Premium Blogger Templates">Free Premium</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gallery?max-results=12" title="Gallery Blogger Templates">Gallery</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Simple?max-results=12" title="Simple Blogger Templates">Simple</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Wordpress Look?max-results=12" title="Wordpress Look Blogger Templates">Wordpress Look</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Unique?max-results=12" title="Unique Blogger Templates">Unique</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Elegant?max-results=12" title="Elegant Blogger Templates">Elegant</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Fancy?max-results=12" title="Fancy Blogger Templates">Fancy</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Floral?max-results=12" title="Floral Blogger Templates">Floral</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Light Weight?max-results=12" title="Light Weight Blogger Templates">Light Weight</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Web 2.0?max-results=12" title="Web 2.0 Blogger Templates">Web 2.0</a></li>
        </ul>
    </li>
   
    <li><a href="#">Colours</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Red?max-results=12" title="Red Blogger Templates">Red</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Green?max-results=12" title="Green Blogger Templates">Green</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Black?max-results=12" title="Black Blogger Templates">Black</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/White?max-results=12" title="White Blogger Templates">White</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Orange?max-results=12" title="Orange Blogger Templates">Orange</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Brown?max-results=12" title="Brown Blogger Templates">Brown</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Pink?max-results=12" title="Pink Blogger Templates">Pink</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gray?max-results=12" title="Gray Blogger Templates">Gray</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Yellow?max-results=12" title="Yellow Blogger Templates">Yellow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Violet?max-results=12" title="Violet Blogger Templates">Violet</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Blue?max-results=12" title="Blue Blogger Templates">Blue</a></li>
        </ul>
    </li>
   
    <li><a href="#">Activities</a>
             <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Education?max-results=12" title="Education Blogger Templates">Education</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Business?max-results=12" title="Business Blogger Templates">Business</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Entertainment?max-results=12" title="Entertainment Blogger Templates">Entertainment</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Photography?max-results=12" title="Photography Blogger Templates">Photography</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Sport?max-results=12" title="Sport Blogger Templates">Sport</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Travel?max-results=12" title="Travel Blogger Templates">Travel</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gaming?max-results=12" title="Gaming Blogger Templates">Gaming</a></li>
        </ul>
    </li>
   
    <li><a href="#">Holidays</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Christmas?max-results=12" title="Christmas Blogger Templates">Christmas</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/St. Valentine?max-results=12" title="St. Valentine Blogger Templates">St. Valentine</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Halloween?max-results=12" title="Halloween Blogger Templates">Halloween</a></li>
        </ul>
    </li>
</ul>
Dan untuk widget kategori warna di bawah navigasi masukkan kode berikut pada kolom kosong di bawah navigasi :
<div id='mas-color-sec' style='background:#2c2626; position:relative; height:54px; border:1px solid #120f0f; border-bottom:1px solid #473d3d; border-right:1px solid #473d3d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-image: -moz-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -ms-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -o-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b3232),color-stop(100%,#2c2626)); background-image: -webkit-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: linear-gradient(to bottom,#3b3232 0,#2c2626 100%);'>
<div id='mas-color-box-thumb' style='position:absolute;left:10px; top:10px;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUVS01RUPBzBMcXebe2tH2AXWxerhdAqs8jE34jgv_-1urqK-QM6zYmS1JoSZeOJrlclF0fv_yEifmHar729PVcW5sbwN9VHEVen1kMg_c5w2Tqun3lotghw0IRWV-8oI-YCXZmkvIHPUD/s1600/lb-one-px.gif' style='width:34px;height:34px;background:no-repeat url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyDYMMmr8sSCRs16kMFQC6gtIg6wgLd7GFQTc7MibJLFoBsttBhNRXywsXrJpMIjbxwi2-sHwqfdbLd9Qr7Slqs8lxZDvbG4EphW2G651Go2NB8HZer5n0orDS2lSXO5TTNTUq6RDwPcA/s1600/bg-color.png)'/></div>
<h2 class='pmz' style='position:absolute;font-family:arial,sans-serif;font-size:15px;text-shadow:0px -1px 0px #000;line-height:20px;color:#b69786;left:56px;top:5px;border:none'>Choose your template colour</h2>
<style type='text/css'>
.pmz{ padding:0; margin:0;}
#mas-color-sb{list-style:none; position:absolute; left:56px; bottom:10px; float:left;}
#mas-color-sb li{ height:13px; width:30px; display:block; margin:0 9px 0 0; float:left;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius: 2px;  filter:alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);opacity:1;}
#mas-color-sb li:hover{filter:alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);opacity:0.7;}
</style>
<ul class='pmz' id='mas-color-sb'>
<a href='http://mas-template.blogspot.com/search/label/Red?max-results=12'><li style='background:#ff0000' title='Red'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Green?max-results=12'><li style='background:#008000' title='Green'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Black?max-results=12'><li style='background:#000000' title='Black'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Orange?max-results=12'><li style='background:#ffa500' title='Orange'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Brown?max-results=12'><li style='background:#a52a2a' title='Brown'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Pink?max-results=12'><li style='background:#ffc0cb' title='Pink'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Gray?max-results=12'><li style='background:#808080' title='Gray'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Yellow?max-results=12'><li style='background:#ffff00' title='Yellow'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Violet?max-results=12'><li style='background:#ee82ee' title='Violet'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Blue?max-results=12'><li style='background:#0000ff' title='Blue'></li></a>
<a href='http://mas-template.blogspot.com/search/label/White?max-results=12'><li style='background:#FFFFFF' title='White'></li></a>
</ul>
</div>
Ganti URL pada kode diatas dengan URL blog Anda.

Itu tadi dua template yang saya bagikan pada artikel kali ini, kedua template ini sebenarnya sudah lama dibuat tapi baru sekarang saya bagikan secara gratis. Kode javascript pada kedua template diatas tidak saya ringkas, jadi aman dari gangguan banned dari Google Code. Jika Anda ingin meringkasnya silahkan, jika ada yang belum tahu caranya silahkan baca artikel saya tentang Mengatasi Loading Blog dengan Google Code. Sekian artikel saya kali ini selamat mencoba bagi yang berminat dan semoga bermanfaat.

Satu permintaan saja dari saya :
Mohon jangan dihilangkan kredit link pada template ini 

And I do not forget to say :

toko online blogger
Picture by : http://123newyear.com/
Senin, 21 Januari 2013
Johny Muantab

Johny Muantab


Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya :


Template ini sama dengan template Johny Sip Deh, menggunakan invoice email payment method (sistem pembayaran lewat email). 

Setting Template

Cari kode di bawah ini pada Edit HTML, untuk mengoptimalkan data mengenai toko online yang Anda kelola :
simpleCart.email = 'ncmajid@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://johny-mantuab.blogspot.com';
simpleCart.alamatPemilik = 'Alamat Anda ';
simpleCart.noHP = '081 xxxx xxxx';
simpleCart.urlFacebook = 'http://www.facebook.com/pages/your facebook';
simpleCart.urlTwitter = 'https://twitter.com/your twitter';
simpleCart.akunbank1 = 'Bank A';
simpleCart.norek1 = 'No Rekening Bank A';
simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening Bank B';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening Bank C';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening Bank  D';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening Bank E';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening Bank F';
simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';
simpleCart.urlReferrer = 'http://www.maskolis.com';
simpleCart.businessName = 'Nama Toko Online Anda';
simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';
simpleCart.contohformatsmsKonfirmasi= 'Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';
simpleCart.catatanTambahanInvoice= '(Have a nice day for you and I hope you enjoy it)';
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment',  'decrement','Total'];
Ganti kode warna biru diatas dengan data Anda.

Kekurangan dari sistem pembayaran dengan invoice email ini, Anda harus mempunyai hosting sendiri untuk menyimpan script email invoice yang berupa file PHP. Karena blogger belum support PHP dan tidak ada hosting gratis khusus untuk menyimpan file PHP. Untuk kedua template ini saya menggunakan hosting dari blog dimana saya berperan sebagai admin disitu. Jika Anda ingin mengganti atau merubah kalimat dan bahasa yang ada di email invoice, syarat utama anda harus mempunyai file PHP invoice email dan hosting untuk menyimpannya.

Awalnya saya ragu untuk membagikan kedua template ini, karena jika hosting yang saya pakai untuk menyimpan file PHP ini tidak diperpanjang bisa-bisa fitur invoice email yang saya pasang pada template itu tidak lagi berfungsi. Mengingat masih banyak pembuat toko online blogger berbayar yang menekuni bidang ini sebagai sumber mata pencaharian, tidak etis rasanya jika saya membuka semua rahasia pembuatan toko online blogger dengan invoice email payment method ini. Jadi silahkan Anda membuat sendiri file PHP dengan menggunakan dreamweaver, atau masuk ke situs http://stackoverflow.com disana banyak sekali dasar-dasar untuk membuat sebuah file PHP untuk email invoice.

Demikian tadi dua template toko online dengan model pembayaran lewat invoice email, jika ada yang ingin ditanyakan silahkan tulis pesan Anda di kotak komentar. Selamat mencoba dan selamat menikmati Tahun Baru 2013 bagi yang merayakan.... semoga bermanfaat.

Penting untuk diperhatikan bagi pengguna kedua template diatas :
  1. Buatlah sebuah page atau halaman statis dengan judul : Terima Kasih
  2. Isi terserah Anda, contoh bisa dilihat disini http://johnysip-deh.blogspot.com/p/terima-kasih.html
  3. Halaman ini digunakan untuk redirect URL setelah selesai pengisian formulir pemesanan.
  4. Download Template Toko Online Dengan Invoice Email 
Johny Sip Deh

Johny Sip Deh


Simpan semua file javascript pada template ini pada Google Code sendiri, download filenya :


Saya akan menjelaskan cara kerja shopping cart dengan menggunakan fitur email invoice secara sistematis disini. Sebagai contoh kasus, saya memesan barang lewat cart pada demo template diatas seperti gambar berikut ini :

toko online blogger

Setelah klik "Order Email",  si pemesan diharuskan untuk mengisi formulir yang muncul seperti pop up berikut ini :

toko online blogger

Kemudian klik OK button, setelah itu si pemesan akan diarahkan untuk mengisi email, nama, alamat, nomer telepon yang bisa dihubungi. Setelah semuanya diisi, pemesan akan mendapatkan notifikasi email seperti gambar berikut ini :

toko online blogger

Perhatikan produk-produk yang dipesan, sama dengan barang yang dipesan lewat shopping cart. Dan si pemilik toko online, dalam hal ini sebagai penjual pasti juga akan menerima notifikasi email dari pembeli atau pemesan produk seperti gambar berikut ini :

toko online blogger

Setelah proses diatas,  pemesan dan penjual tinggal melakukan finalisasi proses transaksi melalui data-data yang sudah tercantum dalam email yang dikirim.

Setting Template

Untuk merubah setelan transaksi online pada template ini, cari kode berikut ini pada Edit HTML :
simpleCart.email = &#39;ncmajid@gmail.com&#39;;
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = &#39;http://johnysip-deh.blogspot.com&#39;;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.alamatPemilik = &#39;Alamat Anda &#39;;
simpleCart.noHP = &#39;081 xxxx xxxx&#39;;
simpleCart.urlFacebook = &#39;http://www.facebook.com/pages/your facebook&#39;;
simpleCart.urlTwitter = &#39;https://twitter.com/your twitter&#39;;
simpleCart.akunbank1 = &#39;Bank A&#39;;
simpleCart.norek1 = &#39;No Rekening&#39;;
simpleCart.namarek1 = &#39;Nama Pemilik Rekening Bank A&#39;;
simpleCart.akunbank2 = &#39;Bank B&#39;;
simpleCart.norek2 = &#39;No Rekening&#39;;
simpleCart.namarek2 = &#39;Nama Pemilik Rekening Bank B&#39;;
simpleCart.akunbank3 = &#39;Bank C&#39;;
simpleCart.norek3 = &#39;No Rekening&#39;;
simpleCart.namarek3 = &#39;Nama Pemilik Rekening Bank C&#39;;
simpleCart.akunbank4 = &#39;Bank D&#39;;
simpleCart.norek4 = &#39;No Rekening&#39;;
simpleCart.namarek4 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.akunbank5 = &#39;Bank E&#39;;
simpleCart.norek5 = &#39;No Rekening&#39;;
simpleCart.namarek5 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.akunbank6 = &#39;Bank F&#39;;
simpleCart.norek6 = &#39;No Rekening&#39;;
simpleCart.namarek6 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.urlReferrer = &#39;http://www.maskolis.com&#39;;
simpleCart.businessName = &#39;Nama Toko Online Anda&#39;;
simpleCart.formatsmsKonfirmasi= &#39;(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)&#39;;
simpleCart.contohformatsmsKonfirmasi= &#39;Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 &#39;;
simpleCart.catatanTambahanInvoice= &#39;(Have a nice day for you and I hope you enjoy it)&#39;;
simpleCart.cartHeaders = [&quot;Name&quot;, &quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];

Kode warna biru diatas yang harus Anda ganti, sesuaikan dengan kebutuhan data Anda sehingga konsumen lebih percaya untuk membeli produk dari toko online yang Anda kelola.

Dan jika Anda ingin setting pembayaran dengan Paypal tinggal merubah kode berikut :
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
Ganti email dengan Paypal dan rubah IDR dengan mata uang top currency yang Anda inginkan. Hapus data pada kode diatas yang tidak diperlukan.

Untuk mengaktifkan fungsi reply komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 4486072018930286729 setelah ketemu ganti dengan blog ID anda
Johny Palelu Peang

Johny Palelu Peang


By : www.maskolis.com | http://www.mastemplate.com







Posting Artikel

Untuk membuat sebuah postingan, perhatikan struktur kode di bawah ini :
<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>
Keterangan :
Warna merah : masukkan url gambar produk anda pada kedua kode warna merah diatas.
Warna kuning : harga produk
Warna biru : deskripsi dari produk

Kode diatas adalah kode yang harus anda awali dalam membuat postingan terbaru, dan untuk memudahkan agar Anda tidak berulang kali copy paste kode tersebut sewaktu membuat artikel terbaru, masukkan kode tersebut pada kolom post template. Masuk ke setting, pilih posts and comments >> post template. Klik add, setelah itu masukkan kode diatas pada kotak kosong seperti gambar dibawah, terakhir save setting.

Slider

Slider pada template ini menampilkan postingan terbaru, untuk mengaktifkan slider, masuk ke Layout kemudian pilih kolom kosong diatas Bawah Slider. Masukkan kode ini di dalamnya :
<div id='slider'>
<div id='loopedSlider'>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<ul class='pagination'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
</ul>
<script type='text/javascript'>
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>
</div>
</div>

Setting Template

Untuk merubah setelan transaksi online pada template ini, cari kode berikut ini pada Edit HTML :
simpleCart.email = &#39;ncmajid@gmail.com&#39;;
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = &#39;http://johnysip-deh.blogspot.com&#39;;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.alamatPemilik = &#39;Alamat Anda &#39;;
simpleCart.noHP = &#39;081 xxxx xxxx&#39;;
simpleCart.urlFacebook = &#39;http://www.facebook.com/pages/your facebook&#39;;
simpleCart.urlTwitter = &#39;https://twitter.com/your twitter&#39;;
simpleCart.akunbank1 = &#39;Bank A&#39;;
simpleCart.norek1 = &#39;No Rekening&#39;;
simpleCart.namarek1 = &#39;Nama Pemilik Rekening Bank A&#39;;
simpleCart.akunbank2 = &#39;Bank B&#39;;
simpleCart.norek2 = &#39;No Rekening&#39;;
simpleCart.namarek2 = &#39;Nama Pemilik Rekening Bank B&#39;;
simpleCart.akunbank3 = &#39;Bank C&#39;;
simpleCart.norek3 = &#39;No Rekening&#39;;
simpleCart.namarek3 = &#39;Nama Pemilik Rekening Bank C&#39;;
simpleCart.akunbank4 = &#39;Bank D&#39;;
simpleCart.norek4 = &#39;No Rekening&#39;;
simpleCart.namarek4 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.akunbank5 = &#39;Bank E&#39;;
simpleCart.norek5 = &#39;No Rekening&#39;;
simpleCart.namarek5 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.akunbank6 = &#39;Bank F&#39;;
simpleCart.norek6 = &#39;No Rekening&#39;;
simpleCart.namarek6 = &#39;Nama Pemilik Rekening Bank D&#39;;
simpleCart.urlReferrer = &#39;http://www.maskolis.com&#39;;
simpleCart.businessName = &#39;Nama Toko Online Anda&#39;;
simpleCart.formatsmsKonfirmasi= &#39;(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)&#39;;
simpleCart.contohformatsmsKonfirmasi= &#39;Maskolis, email.maskolis@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 &#39;;
simpleCart.catatanTambahanInvoice= &#39;(Have a nice day for you and I hope you enjoy it)&#39;;
simpleCart.cartHeaders = [&quot;Name&quot;, &quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];

Ganti kode warna biru diatas dengan data Anda dan blog Anda.

Fungsi Reply Komentar

Untuk mengaktifkan fungsi reply pada kotak komentar pada kedua template ini cari Blog ID masing-masing demo template ini. Untuk Johny Palelu Peang : 2047062320562941851 dan Johny Pink Store : 5422099799591763959. Silahkan cari kode blog ID itu di Edit HTML pada template demo, kemudian ganti dengan Blog ID Anda masing-masing. Dan terakhir untuk widget popular post, centang hanya thumbnail, kotak snippet biarkan kosong.

Oya hampir lupa, untuk mengisi widget Bawah Slider dan Product Category tinggal ketik label pada kolom widget tersebut.

Kedua template ini tersedia untuk dua pilihan sistem pembayaran online, yang satu menggunakan invoice email seperti yang terlihat pada demo, dan menggunakan pembayaran melalui Paypal (demonya nggak ada karena kebanyakan bikin blog nanti). Buat yang kemarin request template Toko Online warna ungu silahkan dipakai, kalau nggak cocok yah nggak apa-apa buat koleksi aja, buat bungkus kacang juga boleh, buat dijelek-jelekin juga boleh, buat diomelin juga boleh.... ngomong apa sih????

Silahkan tinggalkan pesan jika masih ada yang mau ditanyakan, atau baca tata cara komentar dulu disini sebelum mengisi kotak komentar yang tersedia.

Penting untuk diperhatikan bagi pengguna kedua template diatas :
  1. Buatlah sebuah page atau halaman statis dengan judul : Terima Kasih
  2. Isi terserah Anda, contoh bisa dilihat disini http://johnysip-deh.blogspot.com/p/terima-kasih.html
  3. Halaman ini digunakan untuk redirect URL setelah selesai pengisian formulir pemesanan.
  4. Download Template Toko Online Dengan Invoice Email 
Breaking News
Loading...
Quick Message
Press Esc to close
Copyright © 2013 Blog Hendra All Right Reserved