Download Template Toko Online Dengan Invoice Email Download Template Toko Online Dengan Invoice Email

Template-template toko online blogger dengan fasilitas shopping cart ini awalnya saya buat dengan metode pembayaran via Paypal. Karena pembayaran lewat Paypal sampai saat ini hanya support untuk mata uang tertentu, terutama top currency (Dollar, Euro dan Pounds) sehingga bagi pengguna template yang memasang harga produknya dengan mata uang lokal sebagai alat transaksi, fitur cart menjadi tidak berfungsi dan kesannya hanya sebagai pemanis blog saja.

Nah, agar fitur shopping cart disini masih bisa berfungsi bukan hanya sebagai pemanis blog, saya sudah modifikasi template-template tersebut dengan merubah menjadi sistem pemberitahuan lewat email atau bahasa kerennya invoice email. Untuk lebih jelasnya, silahkan baca artikel saya sebelumnya 2 Template Toko Online Modifikasi dengan Invoice Email. Dan silahkan klik blog demo dibawah, klik add to cart salah satu produk yang ada di blog demo, lalu klik Order Email yang ada pada keranjang belanja (shopping cart).

Demo Template with Invoice Email

Jika Anda tertarik, dibawah ini template-template toko online yang sudah saya modifikasi dengan fasilitas invoice email (tapi demonya masih menggunakan Paypal), keempat template ini khusus untuk mata uang Rupiah (Rp)  :

Demo | Download Johny Blackstore Invoice Email

Demo | Download Johny Magstore Invoice Email

Demo | Download Johny Crott Invoice Email

Demo | Download Johny Ganteng Cart Invoice Email

Jika Anda pemakai salah satu template diatas, dan sudah memodifikasi template tersebut, sehingga jika download ulang akan merubah warna dan semua susunan widget dan yang lain. Anda tinggal download template yang dipakai diatas, kemudian cari kode yang saya tambahkan pada template tersebut, copy-kan ke template Anda. Demikian artikel singkat kali ini, selamat mencoba dan semoga bermanfaat.

Penting untuk diperhatikan bagi pengguna template-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. 2 Template Toko Online Modifikasi dengan Invoice Email Terbaru

Read More --►

2 Template Toko Online Modifikasi dengan Invoice Email 2 Template Toko Online Modifikasi dengan Invoice Email

Dari beberapa template Toko Online dengan shopping cart yang saya bagikan sebelumnya, banyak kendala yang dihadapi, khususnya bagi mereka yang menggunakan mata uang non top currency (dollar, Euro dan Pounds). Khusus untuk kali ini, saya akan membagikan 2 buah template Toko Online Cart dengan menggunakan fasilitas Invoice Email. Singkatnya begini, jika ada pesanan lewat fitur shopping cart Anda akan menerima langsung lewat email tanpa harus membuat form order, dan pesanan pembeli sesuai dengan produk yang di order lewat fitur shopping cart. Kelebihan lain adalah seorang pemesan pun juga akan menerima email dari barang yang dibelinya.

Untuk kali ini, saya memodifikasi 2 buah template yang pernah saya bagikan sebelumnya, yaitu Johny Blackstore dan Johny Magstore khusus untuk mata uang Rupiah (Rp). Oke langsung saja ya

Johny Sip Deh

Template ini persis sama dengan Johny Blackstore, hanya beda warnanya saja dan tambahan fitur related post di bawah postingan. Untuk tutorial cara membuat postingan dan pemasangan widget yang ada pada template ini, silahkan dibuka artikel Johny Blackstore, Template Toko Online Asal Jadi

Demo | Download

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

Download Javascript

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 :

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

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 :

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 :

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 = 'ncmajid@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://johnysip-deh.blogspot.com';
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
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';
simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening';
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" ,   "Total", "remove" ];

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 Muantab

Template ini modifikasi dari Johny Magstore, bedanya template ini menggunakan satu sidebar di sebelah kiri. Cara membuat postingan dan memasang widget sama persis dengan Johny Magstore template, untuk itu silahkan jika Anda ingin menggunakan template ini dibuka kembali artikel Johny Magstore, Template Magazine untuk Toko Online.

Demo | Download

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

Download Javascript

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 

Read More --►

Membuat Menu Accordion Tanpa Edit HTML Membuat Menu Accordion Tanpa Edit HTML

Kali ini saya akan memberikan tutorial membuat menu accordion yang saya pasang pada template Johny Simple Magazine 2 dan Johny Magazine 2 tanpa harus masuk ke Edit HTML. Awalnya kedua template tersebut menggunakan simple accordion dari dezinerfolio, belakangan ini tidak berfungsi. Sampai sekarang saya tidak tahu kenapa, padahal semua javascriptnya sudah saya ganti dengan yang baru. Akhirnya saya menemukan accordion menu yang lebih sederhana, tidak perlu masuk ke Edit HTML, tinggal masuk ke layout kemudian pilih HTML/Javascript, letakkan kodenya disitu....  sudah jadi menu accordionnya.

Salah satu fungsi dari accordion menu selain memperingkas tampilan blog, juga dapat memperindah blog, seperti juga fungsi tabber atau tab view, jadi blog Anda akan kelihatan lebih ringkas dan rapi. Tutorial ini sudah agak lama, saya hanya memperbaharui tampilan menunya saja. Anda bisa letakkan menu accordion ini pada sidebar blog. Bagi teman-teman yang mau mencoba, berikut ini cara membuatnya (wah bahasanya jadul banget ya) :

1. Login ke Blogger dengan akun Anda
2. Masuk ke Layout, pilih HTML/Javascript
3. Kemudian masukkan kode berikut ini ke dalamnya (kek bikin masakan aja) :
   <style type="text/css">
   #accordion{width:100%;margin:auto;border:0px solid white}
   #accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghFvWIO5Ymzro59VUdjLQ7TE5AMPAx_yMgL0_3Qq11q8hCo-633VtWs4-oyuPadasRr11zqeVZpzFctx_pNYoWd4HgMoczWppUWv3Z47MqqNHGYGF4C9nJrJS8G6b9t2C2JJPKGoZqBmg/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;}
   #accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;}
   #accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;}
   #accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;}
   #accordion .content li a:hover {text-decoration:none;color:#000;}
   #accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwok__Eddze2oKaNVVahloMUdbKmGePPI_rq0g_HZCeJ7fXQnEhYNF43DV-V3zbRYsrqnocSJd7MtWLnVa4Jo09H8NnYkN75wWmHXCYxwSCjgYrSYKNKsZkQe-mh-idSCaOmYYCCJdYCc/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;}
   </style>
   <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
   <script type='text/javascript'>
   $(function() {
   $('#accordion .content').hide();
   $('#accordion h2:first').addClass('active').next().slideDown('slow');
   $('#accordion h2').click(function() {
   if($(this).next().is(':hidden')) {
   $('#accordion h2').removeClass('active').next().slideUp('slow');
   $(this).toggleClass('active').next().slideDown('slow');
   }
   });
   });
   </script>
   <div id="accordion">
   <h2>Title 1</h2>
   <div class="content">
   Isi konten 1
   </div>
   <div id="accordion">
   <h2>Title 2</h2>
   <div class="content">
   Isi konten 2
   </div>
   <div id="accordion">
   <h2>Title 3</h2>
   <div class="content">
   Isi konten 3
   </div>
   <div id="accordion">
   <h2>Title 4</h2>
   <div class="content">
   Isi konten 4
   </div>
   <div id="accordion">
   <h2>Title 5</h2>
   <div class="content">
   Isi konten 5
   </div>
   </div></div></div></div></div>
4. Terakhir Save, lihat hasilnya

Demo Accordion Menu Light

Keterangan :

• Title : Judul heading menu accordion 
• Isi konten : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget)

Menu accordion diatas untuk blog yang mempunyai background warna terang. Bagi Anda yang mempunyai blog warna gelap atau hitam, tinggal diganti kode css-nya,. Lebih lengkapnya seperti kode di bawah ini :

<style type="text/css">
#accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwHijDd_kOBOcOpvVyXMVVUKcnnYEY4LgdVpa9RC7KAkL2EAUEaOZY2jTn_cZINcr0ceJ65Nwk9By-bIwaoOLQBmJkobAzxVkjqHkh3ZGyL9EDEYmZq5oQBKVwMFqL3IXQEn3ZkoFNgDE/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE-QTfN7HGD8HJB5a0nXNUCRir_EviSRHKHcnjgwXFkxB6FyWNY9UsiqgsuRbATBFYZ2JMeh_4KrwvOqoXGAArwmD9F8eLPw3ZigCgTk7OJTNVpR0jma9Bkz37NDnFsvuLO949B9n_ZQw/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style>
<script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script>
<script type='text/javascript'>
$(function() {
$('#accordion .content').hide();
$('#accordion h2:first').addClass('active').next().slideDown('slow');
$('#accordion h2').click(function() {
if($(this).next().is(':hidden')) {
$('#accordion h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
</script>
<div id="accordion">
<h2>Title 1</h2>
<div class="content">
Isi konten 1
</div>
<div id="accordion">
<h2>Title 2</h2>
<div class="content">
Isi konten 2
</div>
<div id="accordion">
<h2>Title 3</h2>
<div class="content">
Isi konten 3
</div>
<div id="accordion">
<h2>Title 4</h2>
<div class="content">
Isi konten 4
</div>
<div id="accordion">
<h2>Title 5</h2>
<div class="content">
Isi konten 5
</div>
</div></div></div></div></div>

Demo Accordion Menu Dark

Bagi yang ingin menyimpan javascript menu accordion silahkan download link dibawah :

Download Javascript Accordion Menu

Demikian tutorial singkat membuat menu accordion kali ini, dan bagi Anda yang menggunakan kedua template Johny Simple Magazine 2 dan Johny Magazine 2 dapat mengupdate menu accordion-nya dengan tutorial ini.

Pengumuman :

Bagi yang masih mengalami masalah dengan blog, karena ada permintaan password dan username pada blog yang dipakai, mending download ulang aja ya. Semua template sudah saya perbaiki kecuali 3 template pertama saya, yaitu Johny Simplesite, Johny Portal 1, dan Johny Magazine (lupa password emailnya, jadi nggak bisa diperbaiki).

Read More --►

2 Template Ini Saya Bagikan Karena banyak yang Minta 2 Template Ini Saya Bagikan Karena banyak yang Minta

Dua template yang saya maksud adalah Collector Template dan Maskolis Template yang dipakai adik saya di http://maskolis.blogspot.com. Daripada saya kasih satu per satu lewat email mendingan langsung saja saya bagi disini. Collector template awalnya saya bagi hanya untuk blog pilihan yang menggunakan template dari Creating Website. Dan untuk Maskolis Template, adik saya sudah memberikan ijin untuk dibagikan secara gratis disini. So, silahkan download bagi yang berminat, saya jamin tidak ada lagi gangguan jika Anda menggunakan kedua template ini, seperti file javascript yang rusak seperti kemarin. Karena tidak ada javascript yang saya simpan di Google Code.

Maskolis Template

Template ini mirip dengan Johny Kenthir Template cuma beda di header dan navigasi, cara memasang widget-widget yang ada di template ini pun juga sama. Untuk tutorial cara pasang widget pada template ini, silahkan Anda buka artikel Johny Kenthir, Template Ramai Seperti Pasar Tradisional.

Demo | Download

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

Awalnya, template ini saya bagikan khusus untuk penggna template Creating Website saja, itu pun hanya 20 orang. Tapi karena banyaknya permintaan lewat email, saya memutuskan untuk membagikan untuk semua. Semoga yang sudah menerima template ini tidak keberatan. Template ini khusus saya design untuk blog kontent gallery, silahkan mau dipakai buat gallery apa saja terserah penggunanya.

Demo | Download

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/AVvXsEjyj6UG9S69hlrCWHVb5OD3D32_y3eoLLEEK7hBeE7WYDiu0l6NO8GWOUOaW5sG1dOrPYD11QQRfC60_TicNVyyFIMmghJgKOy3ukVZO0HbMjRE90v34YiqbUivJKoKqBs5GXEGB7MSrUR3/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/AVvXsEjXyZKJFF-BUi4-DX5x-ZZyuZSFM5h-G8mIX870QIffG7iti72RAnSq-xRM29B9ymE9m0C6YWaikBMYQTQ69iWQ8ysTK8d74nc98w0VHGJOQ-L-rG9Q-bwOXw5VHY9_HW5RcHtCHKNuexxy/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/AVvXsEjXyZKJFF-BUi4-DX5x-ZZyuZSFM5h-G8mIX870QIffG7iti72RAnSq-xRM29B9ymE9m0C6YWaikBMYQTQ69iWQ8ysTK8d74nc98w0VHGJOQ-L-rG9Q-bwOXw5VHY9_HW5RcHtCHKNuexxy/s1600/lb-one-px.gif' style='width:34px;height:34px;background:no-repeat url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-TYIJ18PiFZSEzX-H0dahdNXYsaVMcu5hOZO180yuRIR9RhXELauIramXe23xAjlpA2ZN7HQ6GhsFw55_myg8dOdaS5JhVcvsZPEyh4g3vth2pYmUdoykjwLLJ4od8aRZ28c3KBNbaBG3/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 :

Picture by : http://123newyear.com/

Read More --►

Free Hosting Alternatif Untuk Menyimpan Javascript Free Hosting Alternatif Untuk Menyimpan Javascript

Now a days, keberadaan javascript dalam sebuah blog mutlak diperlukan. Javascript mempunyai fitur yang unik dan javascript juga membuat penampilan sebuah blog menjadi lebih atraktif. Permasalahannya sekarang adalah penggunaan javascript dalam sebuah blog membutuhkan hosting atau tempat penyimpanan. Google sendiripun sebenarnya sudah menyediakan tempat untuk menyimpan javascript yaitu di Google Code. Seperti layanan produk dari Google lainnya, Anda bisa menggunakan Google Code sebagai hosting javascript secara gratis. Jika Anda ingin mengetahui cara membuat akun dan menyimpan file di Javascript baca postingan saya Mengatasi Loading Blog dengan Google Code.

Disini saya tidak akan membahas Google Code, saya sudah terlanjur sakit hati. Tak satupun akun saya di Google Code bertahan lebih dari 10 menit. Jika ada teman-teman blogger yang mengalami nasib seperti saya, di tulisan kali ini saya akan memberikan alternatif lain bagi Anda untuk menyimpan file javascript, tentu saja gratis juga. Tempat hosting javascript gratis itu adalah yourjavascript.com dengan motto : If you've got problem with your javascript files on your hosting, just host it on yourjavascript.com. We will host your javascript for free. Situs hosting gratis ini khusus hanya untuk menyimpan file javascript.

Caranya sangat gampang sekali, tidak berbelit-belit anak SD pun bisa melakukannya. Di yourjavascript.com Anda tidak harus daftar terlebih dahulu, tinggal pilih file javascript yang ingin Anda upload, kemudian isi kode verifikasi dan email Anda. URL javascript selanjutnya akan segera dikirim ke email. Disitu nanti juga ada pilihan, javascript yang Anda upload digunakan pribadi atau terbuka untuk umum, jika ingin menggunakannya untuk pribadi Anda tinggal centang make private kemudian isikan URL blog pada kotak di bawahnya. Seperti pada gambar di bawah ini :

Setelah Anda mengisi semua kotak kosong seperti gambar diatas, buka email Anda (biasanya masuk ke spam). Disitu nanti Anda akan mendapatkan URL script dari javascript yang Anda upload seperti gambar di bawah ini :

Kapasitasnya 2 GB per satu akun email, saya sudah mencobanya dan sudah saya pasang di beberapa template buatan saya, so far so good. Jika Anda ingin mencoba layanan hosting gratis untuk javascript ini, silahkan klik logo yourjavascript.com diatas. Demikian artikel kali ini, selamat mencoba dan semoga bermanfaat.

Download Javascript Bagi Pengguna Template Creating Website

Read More --►

Artikel Lebay, Jangan Dibaca Artikel Lebay, Jangan Dibaca

Sepeti judul diatas, saya tidak tahu harus bagaimana lagi? mirip lirik lagu lebay ya, tapi disini saya bukan mau membuat sebuah lirik lagu. Tapi mau berkeluh kesah, atau bahasa gaulnya saya mau curhat sama pengunjung blog ini. Mungkin sudah tidak terhitung berapa banyak saya membuat akun di situs gratis penyimpanan online di Google Code, semuanya kena banned atau di-nonaktifkan sama empunya. Akun yang barusan saya buat kemarin pun tidak luput dari sasaran "kekejaman" Google, semua dibabat habis sampai tidak ada yang tersisa satu pun. Hari ini saya bikin lagi satu akun di Google Code untuk menyimpan semua file js yang saya gunakan untuk membuat template, entah sampai berapa lama umurnya, saya pasrahkan semuanya pada Yang Maha Kuasa.. lebay pollllll.

Sumber ilustrasi gambar : saveblogger.com

Semua langkah untuk menyelamatkan akun Google Code sudah saya tempuh, mulai dari mengirim surat cinta ke Google sampai mengemis agar Google dengan baik hati mengembalikan akun saya yang dinonaktifkan. Tapi apa mau dikata, jawaban yang ditunggupun tak juga kunjung datang, jangankan jawaban, peringatan sebelum dinonaktifkan pun tak ada. Saya hanya mau tahu, apa alasan akun saya berkali-kali kena banned, itu saja. Kesalahan apa yang telah saya perbuat, sehingga semua akun saya tanpa alasan yang jelas langsung dinonaktifkan.

Saya sudah baca semua privacy and policy yang ada di Google Code, dan tidak ada satupun pasal pelanggaran yang saya lakukan. Semua disini juga pasti tahu, saya tidak pernah membuat sebuah template atau tutorial di blog ini dengan tujuan mencari uang alias commercial purpose, not at all. Semua saya bagikan gratis, sama seperti platform Blogger yang dengan baik hati memberikan fasilitas blogging tanpa penggunanya harus bayar. Demikian juga dengan semua file yang saya simpan di Google Code, tak satupun yang dikasih label harga, semua diberikan cuma-cuma.

Banyak sekali masukan dari teman-teman sehubungan dengan kasus ini, dari semua masukan yang ada, membeli hosting sendiri untuk menyimpan semua file adalah jalan yang terbaik. Oke saya mau cerita sedikit, tujuan awal saya nge-blog adalah berbagi dan semua saya lakukan tanpa biaya kecuali biaya koneksi internet. Mulai dari domain dan hosting semua masih "minta gendong" sama blogspot. Maklum keterbatasan finansial jugalah yang membuat keputusan saya ngeblog menggunakan Blogspot, jangankan untuk membeli hosting, untuk mengganti domain menjadi .com pun saya menunggu ada orang yang berbaik hati memberikannya secara gratis. So, tak mungkin saya membeli hosting dengan kemampuan saya yang terbatas. Cerita lebay diatas, sebaiknya dilewatin aja.

Dan untuk pengguna template dari blog ini, saya kembali meminta maaf, meskipun kemarin sudah minta maaf, tapi jika terjadi lagi hal-hal yang mengganggu kenyamanan dalam aktivitas blogging Anda, saya tidak sungkan untuk meminta maaf kembali meskipun mesti saya lakukan beribu-ribu kali. Semuanya unpredictible, saya pribadi tak menginginkan hal ini terjadi, tapi kekuasaan mutlak bukan di tangan saya. Google-lah yang menentukan berapa umur akun saya, dengan "kebijakan" yang angkuh tentunya. Bagi teman-teman yang ingin mengganti template dengan template lain (bukan dari saya), silahkan saja jika itu demi kebaikan dan kemajuan blog teman-teman semuanya ke depan.

Untuk teman-teman yang masih ingin menggunakan template dari Creating Website, sangat saya sarankan untuk menyimpan semua file js yang ada pada template yang Anda gunakan, di Google Code atau situs penyimpanan file online Anda sendiri. So, jika akun Google Code saya jadi sasaran tembak kekejaman sang diktator, blog Anda aman tidak terkena imbasnya. Buatlah akun di Google Code atau tempat penyimpanan file online lainnya, kemudian ikuti petunjuk cara penyimpanannya. Jika Anda ingin menyimpannya di Google Code, caranya sangat mudah sekali. Berikut ini adalah link-link artikel tentang cara menyimpan file di Google Code :

1. Membuat akun di Google Code dan cara menyimpan File di Google Code
2. The Best File Upload Javascript is Google Code

Itu tadi artikel tidak bermutu bin lebay saya hari ini, khusus untuk Google yang terhormat, saya tidak akan menyerah sekalipun akun saya kena banned sampai ribuan kali. Saya tetap bikin akun baru lagi sampai kapanpun. Semoga bermanfaat

Download Javascript Bagi Pengguna Template Creating Website

Read More --►

Download Javascript Bagi Pengguna Template Creating Website Download Javascript Bagi Pengguna Template Creating Website

Postingan ini saya khususkan bagi pengguna template Creating Website, kali ini saya akan bagikan semua file javascript yang saya pasang di berbagai template kreasi blog ini. Hal ini untuk mengantisipasi semakin seringnya akun Google Code saya dinonaktifkan alias di banned oleh Google, mungkin sudah tidak terhitung berapa kali akun Google Code saya kena banned dan jika Anda masih menggunakan file javascript dari template bawaan (belum disimpan di Google Code atau file hosting sendiri) akan terkena dampak dengan tidak berfungsinya fitur-fitur yang ada.

File-file ini merupakan ringkasan dari banyak kode-kode script yang disimpan dalam sebuah notepad. Sebenarnya Anda bisa saja tidak harus meringkas dan menyimpannya di Google Code atau situs tempat penyimpanan file lainnya, yaitu dengan cara membuka file tersebut pada notepad atau wordpad kemudian langsung meletakkan pada template. Jika template yang Anda pakai sedikit menggunakan javascript, cara itu bisa dilakukan.

Lain halnya jika Anda memakai template yang banyak menggunakan javascript sebagai penunjang fitur-fitur yang dipasang, hal ini akan menyebabkan kapasitas memori template yang Anda pakai semakin membengkak yang selanjutnya akan mempengaruhi proses loading blod Anda. Untuk itu banyak master-master blogger menyarankan lebih baik file itu diringkas dan kemudian disimpan di situs penyimpanan file seperti Google Code, hal ini untuk mempercepat peramban, dalam hal ini mesin telusur Google dalam menulusuri file-file, baik HTML, CSS maupun Javascript yang ada pada template yang Anda pakai. Karena semakin kecil kapasitas template yang Anda pakai otomatis semakin cepat loading blog Anda.... Mohon bagi para master blogger yang membaca tulisan saya ini, dikoreksi kalau ada yang salah.

Nah, diatas tadi adalah ulasan singkat saya tentang file-file javascript yang akan Anda download jika memang dirasa perlu. Pertanyaannya sekarang adalah, bagaimana cara menggunakan file-file javascript tersebut?

Jika Anda masuk ke Edit HTML template, Anda pasti pernah menemukan sebuah URL script yang berakhiran .js, itu adalah javascript yang sudah diringkas dan disimpan di tempat penyimpanan file online. Contohnya seperti ini :

https://johny-ember.googlecode.com/svn/trunk/labelthumb.js

Jika Anda meletakkan URL diatas pada browser kemudian tekan enter akan mucul banyak sekali kode-kode script yang merupakan isi keseluruhan dari javascript tersebut.

Maksud dari artikel ini adalah, saya menyediakan file javascript yang saya pasang di semua template dari Creating Website dan sudah saya ringkas menjadi file .js. Dimana nantinya Anda tinggal download dan simpan di tempat penyimpanan Google Code Anda sendiri sehingga jika sewaktu-waktu akun saya kena banned dari Google, blog Anda tidak terkena dampaknya. Di bawah ini link download dari kumpulan file-file javascript yang sudah saya ringkas :

Download Javascript

Jika Anda sudah download, disitu terdapat banyak sekali file javascript dari semua template yang pernah saya buat. Anda tinggal memilih script mana yang akan dipakai dan dipasang pada template Anda, tinggal mencari namanya saja, misalnya anda ingin mengganti URL script https://johny-ember.googlecode.com/svn/trunk/label.js, Anda tinggal cari file label.js kemudian upload di Google Code. Bagi Anda yang belum mengetahui cara membuat akun dan menyimpan file di Google Code silahkan baca postingan ini.Demikian postingan singkat kali ini, semoga bermanfaat.

Note :

Jika Anda masih mendapat masalah dengan blog Anda, karena fungsi script yang tidak jalan, baca potingan ini Pengumuman Penting

Read More --►

Pengumuman Penting Bagi Pengguna Template (3)....!!!!!! Pengumuman Penting Bagi Pengguna Template (3)....!!!!!!

Selamat malam teman-teman blogger semua...! Lama saya tidak menyapa kalian semua, karena sesuatu hal, saya pribadi tidak bisa melakukan aktivitas blogging seperti biasa. Pertama saya mau minta maaf kepada seluruh pengunjung blog ini, khususnya bagi teman-teman pengguna template Creating Website, karena komentar atau pertanyaan seputar template belum bisa saya jawab karena kesibukan saya di dunia nyata. Kedua, saya juga meminta maaf karena untuk kesekian kalinya google code saya kena banned lagi, dan ini sangat membuat tidak nyaman bagi pengguna template.

Untuk itu, pada kesempatan kali ini saya menyempatkan diri untuk memberikan solusi bagi para pengguna template creating website, agar blognya bisa berfungsi normal kembali. Langsung saja, karena waktu saya juga terbatas karena setelah ini saya ada kegiatan lain, maklum pindah kerja di tempat baru banyak pekerjaan yang harus diselesaikan. Jika Anda membuka blog dan menemukan peringatan seperti gambar di bawah ini :

Gambar diatas menunjukkan akun Google Code dengan alamat https://masolis-javascript.googlecode.com sudah tidak bisa berfungsi lagi karena di-banned Google. Saya sudah menyiapkan 4 akun lagi di Google Code dibagi untuk semua template, sehingga tidak semua template nantinya menggunakan satu akun dari Google Code. Hal ini untuk mengantisipasi jika akun Google Code kena banned lagi.

Berikut ini adalah langkah-langkah yang harus Anda lakukan untuk membuat blog Anda normal kembali.

1. Masuk ke Blogger dengan akun Anda
2. Kemudian pilih Template >> Edit HTML >> Proceed
3. Jangan lupa untuk mencentang kotak kecil Expand Widget Templates.
4. Selanjutnya cari semua URL script yang berawalan : https://masolis-javascript.googlecode.com
5. Setelah ketemu ganti dengan URL script ini : https://johny-bandel.googlecode.com
6. Saya berikan contoh, misalnya URL script di bawah ini :

   https://masolis-javascript.googlecode.com/svn/trunk/relatedpost.js

   Anda tinggal mengganti (masolis sampai com) dengan URL script berikut :
   

   https://johny-bandel.googlecode.com/svn/trunk/relatedpost.js

7. Ingat...!! Temukan semua URL script dengan awalan https://masolis-javascript.googlecode.com pada template Anda seperti contoh diatas dan ganti dengan.https://johny-bandel.googlecode.com
8. Terakhir, save template

Demikian tadi penjelasan singkat saya tentang cara untuk menghilangkan peringatan seperti gambar diatas. Sekali lagi saya mohon maaf atas ketidaknyamanan ini, saya pribadi tidak menginginkan hal ini terjadi lagi, dan sewaktu-waktu akun Google Code saya yang baru bisa kena banned lagi. Oleh karena itu, untuk lebih aman Anda silahkan membuat akun di Google Code sendiri dan simpan semua script yang ada pada template Anda pada situs Google Code yang sudah Anda buat, bagi yang belum mengetahui caranya, silahkan baca dipostingan ini. Sekian semoga bermanfaat.

Note :

1. Bagi Anda yang belum memodifikasi template, silahkan download ulang.
2. https://maskolis.googlecode.com, https://johny-blogger.googlecode.com, https://maskolis-blogger.googlecode.com dan https://johny-kenthir.googlecode.com sudah di-banned lagi ganti dengan :
   https://johny-bandel.googlecode.com
   
3. Sambil nyari hosting lain selain Google Code sementara ini dulu

Download Javascript Bagi Pengguna Template Creating Website

Read More --►