car insurance

Senin, 31 Desember 2012

Gmail Notifier Pro 4.5.1 Full Keygen

Gmail Notifier Pro 4.5.1 Full Keygen - Sebuah software yang berfungsi untuk mengelola akun gmail kita langsung dari desktop . Jadi , saat ada email masuk kita dapat langsung membalas ataupun menulis email baru secara cepat dan praktis tanpa harus membuka situs Gmail lewat browser. Ketika ada email masuk ,Gmail Notifier Pro ini akan memberitahu sobat dengan munculnya popup di sebelah kanan dekat system tray. Gmail Notifier Pro juga tidak hanya khusus pengguna Google Mail , tetapi juga support dengan Facebook, Twitter , dan Google+



Screenshot :

Link Download :
Semoga Bermanfaat :)

Minggu, 30 Desember 2012

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).


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)  :

toko online blogger



toko online blogger



toko online blogger



toko online blogger


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

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

toko online blogger


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 = '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.

toko online blogger


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 

Sabtu, 29 Desember 2012

AIMP v3.20 Build 1165

AIMP v3.20 Build 1165 merupakan salah satu Software Audio Player yang Freeware alias GRATIS. AIMP v3.20 Build 1165 dibuat oleh Artem Izmaylov yang berasal dari Rusia. AIMP merupakan singkatan dari Artem Izmaylov Media Player. Walaupun Aplikasi ini gratis namun AIMP v3.20 Build 1165 ini memberikan fitur-fitur yang tak kalah powerful dalam hal kemampuan memutar musik dan memiliki tampilan yang keren dan menarik, selain itu software ini menggunakan recource yang sangat sedikit sehingga cukup ringan digunakan dan tidak memberatkan sistem komputer atau laptop sobat. Dan setelah saya liat tadi ternyata AIMP ini sudah mendapatkan 13 penghargaan.

Screenshot:

Download:
Jika ada masalah, inbox atau mention di :
Semoga bermanfaat..

McFunSoft Video Convert Master 8.0.5.24 + Serial

Siapa yang kenal software yang satu ini? dari namanya saja kita sudah bisa mengetahui fungsi atau kegunaan software ini. McFunSoft Video Convert Master 8.0.5.24 + Serial adalah software yang sangat lengkap yang berfungsi untuk mengconvert Video dan Audio ke berbagai type dan berbagai jenis perangkat/device. Selain itu juga McFunSoft Video Convert Master 8.0.5.24 + Serial dapat digunakan untuk membuat atau burning dvd (DVD Creator). Walaupun software ini memang sudah agak lama, namun tiada salahnya kan saya sharing mungkin ada sobat BAGAS31 yang belum punya, Enjoy hhee.


Screenshot :

Download :
Jika ada masalah, inbox atau mention di :
Semoga bermanfaat..

Jumat, 28 Desember 2012

Bad Piggies 1.1.0 Full Patch

Sobat tentu sudah tau tentang game Angry Birds bukan ?? Angry Birds merupakan game yang cukup sukses yang dikembangkan oleh Rovio. Nah, kali ini saya akan membagikan game yang dirilis oleh Rovio lainnya, yaitu Bad Piggies. Jika pada game Angry Birds sobat diharuskan untuk memanah para babi hijau ini, pada game Bad Piggies ini sobat ditugaskan untuk membangun sebuah kendaraan serta menjalankan kendaraan tersebut untuk mencapai potongan peta yang akan membawa babi-babi hijau tadi menuju telur ke Angry Birds. Kali ini saya akan membagikan versi terbaru dari game ini, yaitu Bad Piggies 1.1.0.

Screenshot

Download :
How to Install :
  1. Install Bad Piggies seperti biasa
  2. Setelah instalasi selesai, jangan di-buka dulu gamenya
  3. Copy-kan "Patch.exe" ke dalam folder Managed di dalam folder instalasi Bad Piggies
    Default : C:\Program Files\Rovio\Bad Piggies\BadPiggies_Data\Managed\
  4. Jalankan "Patch.exe" kemudian klik Patch !
  5. Selesai
Jika ada masalah, hubungi saya di :
Semoga Bermanfaat :)
Regards, Admin - Aditya Eka

Kamis, 27 Desember 2012

Aplikasi Belajar Tajwid

Untuk melengkapi koleksi software BAGAS31, kali ini saya akan membagi software Islami yaitu Aplikasi Belajar Tajwid. Bagi sobat yang ingin belajar atau mengajarkan cara membaca Al-Qur'an dengan tajwid atau bacaan yang benar, Aplikasi Belajar Tajwid inilah solusinya. Aplikasi Belajar Tajwid ini berbentuk flash file yang ringan yang delengkapi dengan gambar dan suara sehingga kita lebih mudah dan asyik untuk belajar Al-Qur'an.



Screenshot:

Download:
Jika ada masalah, inbox atau mention di :
Semoga bermanfaat..

Rabu, 26 Desember 2012

XiuXiu Meitu Photo Editor

Selamat siang sobat BAGAS31, setelah sekian lama tidak memposting karena kesibukan di dunia nyata dan terutama masalah "Quota" hhee. Pada kesempatan kali ini saya akan share Software Photo Editor yaitu XiuXiu Meitu Photo Editor. XiuXiu Meitu Photo Editor adalah perangkat editor photo yang paling dan sangat-sangat luar biasa menurut saya, saking hebatnya walaupun aplikasi ini hanya tersedia dalam bahasa Cina kita dapat menguasainya hanya dalam 5 menit walaupun kita sama sekali tidak mengerti bahasa Cina. XiuXiu Meitu Photo Editor ini sangat lebih mudah digunakan dari pada aplikasi photo editor professional seperti Photoshop, dll namun kita bisa dapatkan hasil lebih bagus malah dari pada edit foto menggunakan Photoshop sekalipun tapi tergantung pada kreatifitas kita masing-masing siih, hhee. Fitur atau efek-efek yang paling saya suka adalah menyediakan tatto, jas, kacamata, efek kecantikan, dll. Dan untuk menambah atau menggunakan fitur secara keseluruhan, pengguna harus terkoneksi ke internet.

Screenshot:

Download:
Note : Link Download XiuXiu Meitu Photo Editor akan otomatis ter-update pada versi terbarunya.

Jika ada masalah, inbox atau mention di :
Semoga bermanfaat..

Selasa, 25 Desember 2012

Internet Download Manager 6.14 Build 3 Full Patch

Mungkin sobat sudah bosan melihat postingan di BAGAS31 yang isinya software Internet Download Manager mulu. Bagaimana bisa ? Software downloader terbaik di dunia ini sangat rajin melakukan Update, belum juga seminggu Internet Download Manager atau IDM sudah merilis versi barunya. Kali ini IDM telah merilis versi barunya, yaitu Internet Download Manager 6.14 Build 3. Sebenarnya tidak ada perubahan yang cukup signifikan dari versi yang sebelum-sebelumnya. Namun, tidak ada salahnya kan, kalau saya posting software ini, supaya lebih Up to date gitu, hehehe.

Screenshot

Download :
Note : Sebagian Antivirus menganggap Patch ini sebagai virus, namun sebenarnya hanyalah Fake Alarm, jadi sebelum menggunakan Patch ini matikan Antivirus sobat terlebih dahulu

What's new in version 6.14 Final Build 3?
  • Added support for latest youtube changes
Semoga Bermanfaat :)
Jika ada masalah, mention saya di Twitter
Regards, Admin - Aditya Eka

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.

menu accordion

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/AVvXsEhA_tNAtqDd4Rjgsln_6C0C-YUuonajjLvbGNKh6GYrEcq70NKweYVMQbnbOS7nCgvgUsHEtFQFgIz8XjFvMwHcacFvhLOnOcHViibPRtepnrcpYwDyQZjdSmpLQYeteZTUOlUBFMWR4So/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/AVvXsEjMa6ENKsTLYD-7t1QfLTvTUqHnKoJuEHE58VAGkLN6awNfNK4sRHDfLdO45AlC5zfjDZn9w5aTH07PgQUl0R60m8KglJbGCuuG3S76HPp9EugpEw8zIOHEae4xLiBpNGdPtpcf_f_qruw/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


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/AVvXsEgWj_Jw5CGR-Yi9jUjc5H4e9niXP20xpndT2QPhVRgUctQjjDMLjR-BPfbCdWBR2vqJdA9rKlbDJyi-hezPzGO1rMmIcmPTlcSWd5yXRjjKFnti9uWFHD3bW55Ak9muhwjZR60gMBEZIyc/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/AVvXsEh238TbXhhjM7mJ-2DZoeMY3YbVof1Nl_Caj9BGv3k9-y7HEpRNpb06ORP3FKEW2ryfr022lH8F8W3yY2iOD5IUMYnXB-fnC5JFGCa9W6DdfiX0eL6aWYCvFl4-B7DbLhj3fsO3iQP3TDE/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>


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


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).

Senin, 24 Desember 2012

Need For Speed Shift for Android

Need For Speed Shift for Android merupakan Game bergenre balapan yang ditunjukan untuk Device Android kalangan menengah. Dengan Grafis yang memumpuni membuat Need For Speed Shift for Android ini layak diperhitungkan sebagai Game yang patut dicoba untuk para pengguna Android, didalamnya terdapat berbagai mode permainan seperti Sprint, Drag, Lap, dll. Dan Need For Speed Shift for Android juga memiliki berbagai macam mobil didalamnya, dan jika ingin Upgrade mesin atau cat body, bisa membelinya dengan cara menukarkan Poin yang kita dapatkan dari hasil balapan.

Screenshot from Samsung Galaxy Wonder
Download :
  • APK
  • DATA
    Password  :     |   Status  :  Tested (Galaxy Mini & Galaxy Wonder)
How to Install :
  1. Instal seperti biasa, Jika menolak, silahkan menuju "Setting -> Applications -> (Centang) Unknown Sources / Sumber Tidak Diketahui".
  2. Copy-kan Data "com.eamobile.nfsshift_na_wf" ke SDCARD/Android/data
  3. Jalankan NFS Shift yang ada di Menu
  4. Enjoy !
Selamat Bermain :)

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.

magazine template


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.

gallery template blogger


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/AVvXsEgSyxY4Y40H7-pLk_f-IFcBsxTPjFJXCWEUgA74egvTX6zM_fkHxM0zfh1N2INjuQ_9evAMA8PzHHzB8omBjr4Ld37T2AWflxR7XOni8jUYeoUfl8esGlOqLFTopNafi2Z8v6Y7531mVVp5/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/AVvXsEjHWjh26aVGHBFAZAvUn4O0atNz9oBRIuOv61Rirn2j2qC_gWOHZ2hCmfX_5Ca_WLDoP6koCxMgY5AtH-AKsq1ZVW8Aj_YNVT_MV-qeS-c8EhaoY8t6T8bVah_F6nJaNXQK2C9woQJ1c3gA/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/AVvXsEjHWjh26aVGHBFAZAvUn4O0atNz9oBRIuOv61Rirn2j2qC_gWOHZ2hCmfX_5Ca_WLDoP6koCxMgY5AtH-AKsq1ZVW8Aj_YNVT_MV-qeS-c8EhaoY8t6T8bVah_F6nJaNXQK2C9woQJ1c3gA/s1600/lb-one-px.gif' style='width:34px;height:34px;background:no-repeat url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjODUPJJtI0aBmgfZU-G6EeuIIGtXbIatI0AtyXEpSyvacaOwr2PRr-zbfAQUa3HBf3hBmNdr80yfQj7BXgT-KTi9y566udWVIsb5zBZzRc4PdWI123ZrTR07YOC9IExQxM_Q1HggPZDRqv/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/
 

TUTORIAL TUTORIAL Copyright © 2012 Fast Loading -- Powered by Blogger