Cara mudah dan cepat membuat QR CODE / Barcode sendiri

THIS MY CONTACT
scan this QR CODE with your smart phone or gadget
QR CODE atau sejenis barcode yang biasa di pakai untuk pencatatan kode suatu produk barang.
Dengan cara scanning atau men-scan dengan alat barcode reader maka akan diketahui nama produk, harga produk, dan lain sebagainya. Keterangan yang ada didalam barcode tesebut berisi berdasarkan pencatatan pada saat barcode tersebut dibuat.

Nah dalam posting kali ini saya ingin berbagi tips untuk membuat barcode tersebut untuk pribadi maupun perusahaan. Tapi barcode tersebut tidak berisi mengenai keterangan tentang produk barang, melainkan berisi informasi kontak, seperti : NAMA, NAMA PERUSAHAAN, ALAMAT, NOMOR TELEPON, EMAIL maupun  WEBSITE.
QR CODE namanya. QR CODE ini bisa dibilang semacam kartu nama digital. Dengan membuat QR CODE ini kemudian hasil gambarnya kita pasang pada website atau blog, atau disimpan dalam handphone atau bisa juga di print, dan ketika orang lain menginginkan kontak kita, orang tersebut tinggal menscan gambar QR CODE yang sudah kita buat. QR CODE tersebut dapat di scan dengan menggunakan Handphone Blackberry, atau smartphone android, iphone, atau gadget lainnya, tentunya handphone atau gadget tersebut sudah terinstal aplikasi QR CODE READER yang bisa di download secara gratis agar bisa membaca / menscan gambar QR CODE yang sudah kita buat tersebut.
Proses membuat QR KODE ini pun sangat mudah dan cepat, bahkan tidak sampai 5 menit QR CODE atau kartu nama digital anda sudah jadi.

Baik. saya bagi tipsnya untuk membuat QR CODE tanpa perlu software, melainkan membuat secara online via website penyedia QR CODE GENERATOR.
Dan website yang menyediakan fasilatas pembuatan QR CODE secara gratis adalah : the qr code generator.com.



Panduan :
- Silahkan klik / buka situs the qr code generator.com ini atau klik gambar di atas in untuk menuju ke website QR CODE GENERATOR..
- Tunggu sebentar, kemudian klik saja "SKIP" pada pojok kanan atas, maka anda akan langsung menuju pada QR CODE GENERATOR.
- Selanjutnya isi data anda yang ingin anda masukkan ke dalam QR CODE anda, misalnya NAMA atau NAMA PERUSAHAAN, NOMOR TELEPON, ALAMAT, URL WEBSITE, 
- Jika sudah selesai mengisikan data anda, dapatkan gambar QR CODE anda dengan meng-klik tombol "GENERATE".
- Dan Gambar QR CODE milik anda sudah jadi.
- Pilih ukuran gambar lalu klik "Download" button untuk menyimpan file gambar QR CODE anda tersebut.

* Tips :
Perlu diingat, bahwa semakin banyak text yang anda masukkan, maka gambar akan semakin rapat, dan hal tersebut dapat mengakibatkan gambar QR CODE anda akan susah di baca atau di scan oleh QR CODE READER.
Jadi saran saya, input text seminim mungkin tetapi sudah cukup jelas untuk pembaca / pen-scan QR CODE anda untuk mendapatkan informasi tentang kontak anda.

Sekian posting kali ini, semoga artikel ini bisa bermanfaat

Jika ingin bertukar link dengan DEJAVANTA BLOG silahkan klik BACKLINKS GENERATOR >>
Website atau Blog anda juga akan tampil di DEJAVANTA BLOG seperti daftar nama-nama website dan Blog di HALAMAN INI >>
Lumayan kan bisa nambah rating blog anda !!!

9 komentar:
Label:

Tutorial cara membuat menu bar drop down di blogspot


Untuk melihat domo, silahkan klik gambar

Pada posting saya di sebelumnya saya sudah mengulas tentang cara membuat / memasang menu drop down pada side bar / sisi samping blog . Nah untuk kali ini saya juga akan mencoba mengulas mengenai cara membuat navigasi menu bar drop down yang dipasang pada menu utama blog, yaitu letaknya biasanya ditempatkan di atas header atau dibawah header.

Ketika konten atau isi website / blog semakin lama semakin banyak, tentunya hal tersebut juga akan banyak makan space di halaman website/ blog. Untuk itulah menu drop down ini dibuat agar page website / blog tetap terlihat rapi, simple, dan tidak acak-acakan.

Menu drop down in juga berfungsi sebagai pengelompokan kategori konten. Misalnya untuk situs penjualan barang dengan bermacam-macam produk. Maka bermacam-macam produk tersebut dapat dikelompokkan menjadi satu navigasi dengan menu utamanya adalah produk. Mungkin untuk menambah sedikit lebih jelas gambaran tentang aplikasi membuat navigasi menu bar drop down ini anda bisa melihat demonya dengan meng-klik gambar diatas.

Sekarang akan saya share script atau kode HTML nya.

Untuk script yang pertama berikut ini berfungsi sebagai pemberi perintah untuk pengaturan ukuran bidang menu, ukuran text, warna background, warna border, warna text, pengaturan jarak, dan sebagainya.
Untuk itu script tersebut ditempatkan pada HTML TEMPLATE. Tepatnya sebelum / diatas kode :
 ]]></b:skin>  ( tekan CTRL + F untuk mempermudah melakukan pencarian).
Buka "TEMPLATE" pada blogger &gt;&gt;klik "EDIT HTML" >> beri tanda centang pada "Expand Template Widget" .
Agar lebih aman jika ternyata mengalami kegagalan sebaiknya "COPY" dulu "HTML TEMPLATE" anda dan "PASTE" ke notepad sebelum mengedit.


/* --- Start menu bar drop down ---*/
#mbtnavbar {
background: #F28110;                                     /* -- warna background menu utama --*/
width: 580px;                                                   /* -- Lebar keseluruhan menu utama --*/
color: #F28110;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #F28110;                      /*-- warna border atas menu utama --*/
height:35px;                                                       /*-- Tinggi menu utama --*/
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #F28110;                                   /*-- warna border kiri --*/
border-right:1px solid #F28110;                                 /*-- warna border kanan --*/
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFFFFF;                                                                 /*-- Warna text link tujuan --*/
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background: #CE5E03;                                  /*-- warna background yang aktif ( kena mouse ) --*/
color: #FFFFF;                                                 /*-- warna teks yang aktif ( kena mouse )--*/
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 160px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background: #F28110;                                       /*-- warna background sub menu drop down --*/
width: 130px;                                                    /*-- lebar sub menu drop down --*/
color: #FFFFFF;                                           /*-- warna text sub menu drop down --*/
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #FFFFFF;              /*-- warna border bawah sub menu drop down --*/
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background: #CE5E03;
color: #FFF;
display: block;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

Keterangan Script ke-1:
Pada script pertama di atas, sebagian telah saya beri tanda pewarna background pada text.
Nilai tersebut dapat di atur sesuai dengan keinginan masing-masing.
( Tips untuk membantu dan mempermudah pemilihan warna sebaiknya gunakan software graphic design seperti adobe photoshop dan sebagainya untuk merubah nilai dari warna-warna tersebut, karena nilai-nilai tersebut sama dengan yang ada pada software-software design grafis.)


<div id="mbtnavbar">
<ul id="mbtnav">
  <li>
  <a href="http://kontraktorsolarcell.blogspot.com"><b>HOME<b></b></b></a>
  </li>
  <li>
  <a href="http://kontraktorsolarcell.blogspot.com/p/product.html"><b>PRODUCT</b></a>
  <ul>
    <li><a href="http://kontraktorsolarcell.blogspot.com/p/product/module-solar-cell.html">Module Solar Cell</a></li>
    <li><a href="#">Solar Street Light (PJU)</a></li>
    <li><a href="#">Solar Water Pumps</a></li>
    <li><a href="#">Inverter</a></li>
    <li><a href="#">Kontroller</a></li>
    <li><a href="#">Digital Battery Charge</a></li>
  </ul>
  </li>
  <li><a href="http://kontraktorsolarcell.blogspot.com/p/about.html"><b>ABOUT PRODUCT</b></a>
  <ul>
  <li><a href="#">Module Solar Cell</a></li>
  <li><a href="#">Solar Street Light (PJU)</a></li>
  <li><a href="#">Solar Water Pumps</a></li>
  <li><a href="#">Inverter</a></li>
  <li><a href="#">Controller</a></li>
  <li><a href="#">Digital Battery Charge</a></li>
   </ul>
</li>
<li>
<a href="http://kontraktorsolarcell.blogspot.com/p/services.html"><b>SERVICES</b></a>
</li>
<li>
<a href="http://kontraktorsolarcell.blogspot.com/p/about-us.html"><b>ABOUT US</b></a>
   <ul>
   <li><a href="#">Profile</a></li>
   <li><a href="#">Company Legality</a></li>
   <li><a href="#">Experience Us</a></li>
   </ul>
</li>
<li>
<a href="http://kontraktorsolarcell.blogspot.com/p/contact-us.html"><b>CONTACT US</b></a>
   </li>
</ul>
        </div>
       
Sedangkan untuk script yang ke-dua, diletakkan pada widget / gatget yang posisinya di atas header atau di bawah header.

Buka "TATA LETAK" pada blog >> klik "TAMBAH GADGET" >>; Masukkan script ke-dua tersebut pada bidang HTML gadget blog. >> "SAVE"

Keterangan script ke-2 :
Pada scrpt ke-2 diatas jug telah saya beri tanda pewarna pada text.
Anda dapat mengganti Text menu tersebut sesuai dengan kebutuhan website / blog anda.
Untuk Url link juga silahkan diedit untuk disesuaikan dengan Url link halaman website / blog masing-masing.
Jika ingin menambahkan sub menu lagi pada sub menu pertama maka anda tinggal menambahkan kode

<ul> <li><a href="URL-LINK-SUB-MENU-2">NAMA SUB MENU 2</a></li> </ul>


tepat dibawah sub menu 1.

Contoh :
Pada script diatas, misalkan saya ingin menambahkan sub menu-2 pada menu:  PRODUK >> MODULE SOLAR CELL >> SOLAR STREET LIGHT (PJU) >> LED (ket : Sub menu 2.1)
                                                                                     >> MERCURE  (ket : Sub menu 2.2)

Maka penulisan scriptnya pada menu produk menjadi seperti berikut ini :


<li>
  <a href="http://kontraktorsolarcell.blogspot.com/p/product.html"><b>PRODUCT</b></a>
  <ul>
    <li><a href="http://kontraktorsolarcell.blogspot.com/p/product/module-solar-cell.html">Module Solar Cell</a></li>
    <li><a href="#">Solar Street Light (PJU)</a>
<ul>
  <li><a href="#">Mercure</a></li>
  <li><a href="#">LED</a></li>
</ul>
    </li>
    <li><a href="#">Solar Water Pumps</a></li>
    <li><a href="#">Inverter</a></li>
    <li><a href="#">Kontroller</a></li>
    <li><a href="#">Digital Battery Charge</a></li>
  </ul>
  </li>



Untuk masing-masing link dapat dibuatkan 1 halaman 1 link (1 menu / 1 sub menu )

Caranya :
Buka DASHBOARD BLOG >> klik "LAMAN" >> "BUAT LAMAN BARU" >> Beri nama title / judul sesuai dengan NAMA MENU / SUB MENU >> Tulis isi konten halaman >> "SIMPAN"
Kemudian lihat hasil halaman yang sudah disimpan tersebut >> "COPY" URL link halaman tersebut lalu "PASTE" ke script ke-2 Menu drop down diatas.

CUKUP SEKIAN, SEMOGA INI BISA MEMBANTU . . . 

Jika ingin bertukar link dengan DEJAVANTA BLOG silahkan klik BACKLINKS GENERATOR >>
Website atau Blog anda juga akan tampil di DEJAVANTA BLOG seperti daftar nama-nama website dan Blog di HALAMAN INI >>
Lumayan kan bisa nambah rating blog anda !!!
18 komentar:
Label:

Cara membuat menu drop down di side bar website atau blogspot


Jumpa lagi dengan saya di tutorial blog dengan topik bahasan kali ini adalah cara membuat atau memasang menu drop down atau pull down untuk dipasang di side bar atau sisi samping blog.

Menu drop down ini biasanya banyak dipakai pada menu header sebuah blog atau website. hal ini untuk membuat tampilan website atau blog agar lebih ringkas dan rapi. selain itu juga dapat difungsikan untuk mengelompokkan artikel sesuai dengan kategorinya.

Script atau kode HTML untuk membuat menu drop down yang diletakkan di header blog atau website berbeda dengan dengan script untuk menu drop down pada side bar atau sisi samping bar. Untuk menu drop down / pull down side bar script lebih sederhana dan lebih ringkas.

Oke, langsung saja saya bagi-bagi scriptnya ke anda.



Dan hasil tampilan dari contoh script di atas adalah seperti dibawah ini :



Semoga bisa membantu
Tidak ada komentar:
Label: ,

Free downloads AVAST anti virus terbaru 2012 Versi 7


Hybrid Cloud Technology
Streaming, update virus database real-time

Memungkinkan untuk mendapatkan setiap update virus yang telah ditemukan dan berhasil diblock  avast! untuk dikirimkan kepada penggunanya secara real-time melalui koneksi internet ke avast! Virus Lab, tidak seperti versi sebelumnya yang harus menunggu untuk mendapatkan update database secara tradisional. Database pengguna avast! akan terus diperbarui dengan definisi terbaru tersebut.

Reputasi sistem file
FileRep memungkinkan penggunanya untuk mengetahui apakah sebuah file sudah aman sebelum dibuka. Sebagian ditentukan oleh berapa banyak orang memiliki file dan bagaimana file baru tersebut. Teknologi ini juga digunakan secara internal, membantu pemindaian PC untuk membuat keputusan yang lebih cerdas.

Fitur Perlindungan Baru avast! versi 7
Auto Sandbox

Program yang mencurigakan otomatis akan ditempatkan dalam avast! Sandbox. Ketika selesai program, laporan komprehensif dihasilkan dan, berdasarkan perilaku program, para penggunanya diberi rekomendasi tentang bagaimana untuk merepairnya.

Browser Sandboxing
Hanya perlu satu klik mouse untuk pengaktifan, memungkinkan penggunanya untuk benar-benar mengisolasi browser dari sistem chase - bahkan jika browser akan dibajak, sistem penggunanya akan tetap bersih.

WebRep
Plugin versi WebRep 7 browser memberikan perlindungan yang lebih besar terhadap situs phishing, termasuk deteksi heuristik situs phishing baru. Selain itu, avast! juga memperluas dukungan browser untuk Apple Safari.

SafeZone
Sayangnya fitur baru untuk database komputer  untuk pengamanan data transaksi keuangan melalui internet (internet bangking) yang satu ini hanya tersedia diversi Pro Antivirus dan Internet Security, SafeZone jendela browser akan tetap bersih dan aman untuk transaksi keuangan, karena dari browser biasa secara otomatis akan diarahkan ke SafeZone.

avast! Account Portal
Bagi para pengguna berbasis web, avast! Account Portal adalah direktori pribadi Anda untuk semua  data terkait avast!. Hal ini memungkinkan pengguna untuk melacak semua instalasi avast!, lengkap dengan data kesehatan mereka, informasi status, dan statistik yang berguna.

Customizable instalation
avast! dapat diinstal dalam Compatibility Mode, yang berarti bahwa itu akan berjalan dengan sempurna bersama dengan perangkat lunak antivirus lain untuk bertindak sebagai garis pertahanan kedua. Dan bahkan jika penggunanya menginstal avast! dalam mode normal, memungkinan juga untuk menginstal komponen antivirus lain yang dibutuhkan penggunanya.

Tes independen menunjukkan bahwa avast! 6 adalah salah satu sumber daya intensif produk antivirus tercepat dan paling tersedia. avast! kemudian merilis versi 7 ini dengan mengusung fitur2 baru yang lebih canggih.

Jendela Beta 8 yang kompatibel
avast! 7 sangat kompatibel dengan Windows 8 dan bahkan memiliki beberapa fitur baru khusus untuk Windows 8, seperti Early-Load Antimalware Driver (ELAM), yang masuk ke dalam proses booting Windows 8, sehingga memberikan perlindungan tambahan lebih aman terhadap sistem tingkat rootkit dan bootkits.


System Operasi :
Untuk menjalankan avast! Free Antivirus, PC Anda harus memenuhi kriteria sebagai berikut:

Sistem Operasi yang didukung
• Windows 8 (Edisi apapun, 32-bit atau 64-bit)
• Windows 7 (Edisi apapun, 32-bit atau 64-bit)
• Windows Vista (semua Edisi excl Starter Edition., 32-bit atau 64-bit)
• Windows XP Service Pack 2 atau lebih tinggi (Edisi apapun, 32-bit atau 64-bit)
• Microsoft Windows 2000 Professional Service Pack 4


Kebutuhan Hardware Minimum
• Pentium 3 Processor
• 128 MB RAM
• 200 MB ruang hard disk bebas

* Harap dicatat bahwa avast! Free Antivirus hanya berjalan pada PC dengan Windows 2000 Professional Service Pack 4 dan yang lebih baru.
Untuk hasil terbaik, hapus perangkat lunak antivirus lain dari PC Anda sebelum menginstal avast!

System requirements
Free Antivirus
Pro Antivirus
Internet Security
Engine: Blocks viruses & spyware
YES
YES
YES
Remote: Allows assistance from a geek friend
YES
YES
YES
SafeZone: Secures shopping & banking
NO
YES
YES
Sandbox: Lets you surf the web virtually
NO
YES
YES
Sandbox: Runs risky programs virtually
NO
YES
YES
Firewall: Blocks hacker attacks
NO
NO
YES
Firewall: Secures personal data
NO
NO
YES
Firewall: Secures your identity
NO
NO
YES
Anti-spam: Stops annoying SPAM
NO
NO
YES
Anti-spam: Blocks phishing scams
NO
NO
YES

Downloads avast! anti virus terbaru versi 7


Tidak ada komentar:
Label:

Cara pasang menu Multi Tab View di side bar blog


Untuk membuat tampilan blog agar terlihat lebih rapi dan ringkas " Multi Tab View " mungkin menjadi salah satu pulihan untuk di pasang pada blog.

Selain membuat tampilan blog menjadi rapi dan rinkas, Multi Tab View ini juga menjadikan banyaknya menu yang ingin di tampilkan hanya membutuhkan tempat yang relatif sedikit.
Umumnya menu tab view digunakan untuk penggunaan " Popular Post , Label , dan Archives Blog atau Posting terakhir". Untuk membuat Multi Tab View dari ketiga menu tersebut di atas, diperlukan editing pada HTML template Blog dengan memasukkan kode HTML ke dalamnya, sehingga secara otomatis jika ada posting baru, atau label baru misalnya, ketiga menu pada multi tab view tersebut akan meng-up date dengan sendirinya.

Namun yang akan saya bahas sekarang adalah membuat Menu Multi Tab View pada side bar blog tanpa harus merubah atau mengedit HTML Template blog, melainkan cukup dengan menambahkan gadget pada side bar, lalu memasukkan kode HTML ke dalamnya. Namun kelemahan untuk Multi Tab View jenis ini adalah harus memasukkan isi dari menu tersebut satu per satu secara manual, penggunaan multi tab view jenis ini biasanya tidak digunakan untuk menu-menu tersebut diatas.


Ok, yang ingin memasang Multi Tab View jenis ini berikut adalah kode HTML nya :



<div>
<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 95px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #dc8126; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #dc8126; /* Warna border kotak Tab */
border-bottom: 1px solid #dc8126; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #CC6600; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #ffffff; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a href="#"><span style="color: white;">KONTEN-1</span></a>
<a href="#"><span style="color: white;">KONTEN-2</span></a>
<a href="#"><span style="color: white;">KONTEN-3</span></a>
<div class="Pages" style="height: 200px; width: 300px;">
<div class="Page">
<div class="Pad">
isi konten-1 disini
</div>
</div>
<div class="Page">
<div class="Pad">
isi konten-2 disini
</div>
</div>
<div class="Page">
<div class="Pad">
isi konten-3 disini
</div>
</div>
</div>
</div>
</div></form>

<script src="https://masolis-javascript.googlecode.com/svn/trunk/tab-viewmaskolis.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>


Silahkan Copy kode HTML di atas, lalu buka Tata Letak >> Tambah Gadget >> HTML/ Java Script >> Paste kode HTML >> Simpan


4 komentar:
Label:
Langganan: Postingan (Atom)
adf.ly - shorten links and earn money!
 
Support : DEJAVANTA | KARYA MANDIRI
Copyright © 2010. D E J A V A N T A - All Rights Reserved
Template by Creating website Modify by DEJAVANTA
Proudly powered by Blogger