MasterGoBlogspot

Mencari (Search) Image / Photo Menggunakan Photo Uploader TynEye

2011-12-02T02:12:00.001+07:00

Seringkali orang awam (termasuk ane) mencari foto dengan jalan menggunakan fasiltas google search. Hasilnya adalah gambar-gambar yang memiliki judul sesuai yang kita cari, walau terkadang judul dengan gambarnya berbeda.

Namun, saat ni sudah ada cara yang dapat mencari gambar yang relevan dengan yang kita cari. Salah satunya adalah dengan jalan menggunakan fasilitas bantuan dari TynEye. Fasilitas pencarian dari TynEye akan mencari tahu asal, versi modifikasinya, serta versi resolusi yang lebih tinggi dari image yang telah kita upload dari situsnya TynEye.

Jadi cara kerjanya adalah sebagai berikut :

Upload gambar yang hendak kita cari
Tunggu hasilnya.

TynEye mencari tahu dari mana asal image, versi modifikasi gambar, serta versi resolusi yang lebih tinggi melalui proses identifikasi dan bukan kata kunci, metadata, ataupun watermark.

Pengen mencoba, silahkan aja.....

Cara Cepat Blog Terindex di Mesin Pencari (Search Engine) Google

2011-11-19T16:06:00.001+07:00

Sebenarnya tanpa melakukan apa-apa pun, google sudah otomatis mengindexs postingan Agan. Gak percaya, coba aja search artikel atau postingan agan di google dengan mengisikan kata yang sama persis...Gmn hasilnya, ketemu bukan ?

Nah yang menjadi masalahnya bagaimana google dapat mengindex di bagian depan, sokur di halaman pertama nomer satu dari atas...Kalau bisa kayak gitu..hebat gan :thumbup:

Banyak cara yang mesti ditempuh agar postingan kita dapat di index di bagian awal hasil pencarian..Salah satunya adalah melakukan editing kode html dengan menaruh meta keyword dan meta description. Meskipun cara tersebut merupakan cara lama dan katanya dah kurang ampuh lagi, tapi gak da salahnya untuk dicoba...sekalian belajar teknik-teknik seo lainnya...

Nah adapun langkah-langkahnya :

Masuk ke template
Tekan tombol edit html
Jangan lupa di backup yak...!!!
Kemudian, tekam tombol proceeds.
Cari kode seperti ini <b:include data='blog' name='all-head-content'/>
Terus, isikan dibawahnya kode di berikut<b:if cond='data:blog.url == "http://namablogkamu.blogspot.com/"'> <meta content='Tulis Deskripsi artikel posting anda' name='description'/> <meta content='Tulis katakunci untuk posting anda dan pisahkan masing-masing kata kunci dengan tanda koma' name='keywords'/> </b:if>
Habis tuh tinggal tekan save template.

Peringatan !!!

Jangan gunakan minify html untuk mengedit html blog, karena akan berakibat sebagaian fungsi - khususnya widget - tidak berjalan.

Sumber :

Tool Compressor/ Minify & Editor Javascript (JS), CSS, Jquery & HTML Code Online

2011-11-07T00:06:00.000+07:00

Temen ane berkata;"Blog jualan ane berat untuk di buka". Ane lihat emang bener. Terasa jengah juga lihat blog jualan ane lama ngebukanya, apalagi kalau jaringan internetnya lambat.

Akhirnya tak coba brosing guna menemukan solusinya atas masalah yang ane temuin. Browsing di mbah goole menggunakan keyword search how to optimized blogspot more lighter. Ane pakai bahasa inggris gan biar afdol. Akhirnya, tak temuin beberapa artikel atau site yang menarik dan sayang kalau nggak ane rangkum.

Di internet dikenal istilah minify yang fungsinya untuk meringankan halaman web kita dengan jalan membuang koding-koding yang tidak perlu. Dan juga istilah compressoryang fungsinya mencompress koding html/css kita. Kedua definisi tersebut definisi ngawur ane, jadi gak bisa dijadikan rujukan yak ^^ Kalau mau cari istilah yang bener cari aja sendiri. ^^

Pada blog, koding yang sering dipakai menggunakan bahasa html dan css. Nah, dikarenakan ane masih goblog dengan koding-koding kedua bahasa tersebut, maka ane carinya tools yang bisa membantu kita melakukan koreksi. Sokur nggak perlu download.

Hasilnya sebagai berikut :

Minify HTML.

Nah, buat yang ingin meminify html, silahkan aja langsung mampir di www.textfixer.com

Atau bisa juga di sini www.boryi.com

Nah, kalau menginginkan source lainnya silahkan aja brosing di mbah google dengan keyword minify html online

Minify CSS

Untuk meminify CSS bisa langsung mampir aja di www.minifycss.com. Di minifycss.com, selain memperoleh koding yang nggak perlu kita bisa mengetahui juga koding yang invalid.

Minify HTML (XHTML)dan CSS

Willpeavy malah menyediakan untuk kesemuanya (HTML, CSS, maupun Javascript)

Compress Javascript

Tuk javascript compress bisa masuk sini langsung aja js compress.

Tools yang Sering Dipakai Buat Minify / Compress

css compressor
yui compressor
google minify

Selanjutnya, silahkan aja mencari dan belajar sendiri... ^_^

Sumber :

http://wordpress.org/support/topic/how-to-make-blog-lighter

Cara Setting Internet Modem USB CDMA (Huawei EC-167) Pakai Provider ESIA

2011-10-12T14:47:00.000+07:00

Saat ini di tempat kita ada servisan modem USB Huawei EC-167, yah lumayan bagus stylenya. Keluhannya dudukan buat pigtail antene eksternal rusak, lepas. Posisi saat ini dudukannya telah ane pasang. Hanya aja masalahnya gimana mo nyobanya yak..Bingung

Akhirnya, tak coba pake paket kartu esia karena modem huawei EC-167 merupakan modem cdma bundling AHA (Jikalau pengen di unlock modem huawei kayaknya dah banyak tuh yang ngeshare. Tp buat olive kayaknya masih terbatas dan berbayar). Sedangkan beli kartu perdana AHA kok mahal yak :malus 80K di salah satu toko di Jogjatronik.

Nah, bagi agan atau sista yang mo gunain internet pakai kartu ESIA berikut langkah-langkahnya.

Daftar dulu buat yang beli kartu baru. Untuk mendaftar gak perlu bingung, karena di bagian kiri dari dashboard ada menu registration.
Cek Pulsa buat yang makai kartu esia lama. Perlu dipastikan kartu esia kita ada pulsanya. Kalau gak da pulsanya gimana kita mo make buat internetan? Kecuali agan/ sista emang punya tips buat internet gratis pakai kartu esia. Kalau ane sih gak tahu :D Sedangkan yang barusan beli perdana baru, bisa kok langsung di ajak ngacir, tentunya setelah mengganti settingan internetnya.
Adapun petunjuk (instructor / guidelines) setting internet esia adalah dengan jalan menekan new terlebih dahulu. Kalau default modemnya sih mesti settingan AHA kayak di bawah :

Access Number : #777
User Name aha@aha.co.id
password : ***

Dan, untuk bisa buat makai esia mesti diganti terlebih dahulu tuk username dan passwordnya. Untuk username : esia dan password : esia juga. Sedangkan dial numbernya masih sama #777
Nah udah deh..modem dah bisa di ajak ngacir tinggal tekan Connect aja.

Tarif internet EsiaUntuk tarif internet ESIA saat ini ane belum tahu. Tapi berdasarkan hasil brosing ane tarifnya sbb :

Paket Harian Rp 1000,- + PPN (Quota 2MB. Setelah habis quota tidak bisa buat browsing lagi)
Paket Mingguan : Rp 10.000,- + PPN

Untuk mengambil paket harian tinggal ketik DATA1 kirim ke 678. Sedangkan untuk paket mingguan Ketik DATA7 kirim ke 678.

Selesai.
Untuk cara setting Telkomsel (Flash, Simpati, AS) Indosat (IM3), XL, dan 3, serta AXIS- dengan modem gsm tentunya - ataupun aha, flexy (modem cdma) beserta paket paket (volume / durasi / unlimited) dan tarifnya kan ane posting tersendiri. Begitu juga, apa ada cara mempercepat koneksi internet dengan masing-masing provider akan di bahas pada postingan tersendiri.

Setting Internet Modem Pakai AXIS

2011-10-06T14:57:00.000+07:00

Lagi mo ngetest servisan modem Sierra 881U kasus initializing mulu....
Padahal biasa pake internetannya smart....Biasa cari yang murah :D
Ya udah, akhirnya beli dah perdana barunya AXIS...luamayan bisa milih paket harian, mingguan, atau bulanan. Murah lagi :D
Akhirnya kepentok blm bisa settingnya..Browsing akhirnya dapet dah kayak gini...
Langkah Pertama : mesti punya perdananya. Nah, kalau beli baru dapat tuh akses internet gratis sebesar 10MB. Setelah tuh bayar...
Langkah Kedua : Mesti beli dulu paketan internetannya. Nah, kalo yang ini gk bs tuh pake modem sierra 881U. Jadi, mesti ngaktifinnya pake hape gsm.

Langkah Ketiga : Setelah di ACC ma AXISnya, silahkan masukan sim / UIM Card ke modem.
Langkah Keempat : lakukan settingan koneksinya seperti di bawah

Connection Name AXIS
Access Point Name (APN) :AXIS
Username :axis
Password : 123456

Langkah Kelima dan Terakhir : Konekin tuh internet....

Yang selanjutnya mo nyoba esia buat internet..Mo coba servisan OLIVE bundling AHA..Bisa gak yak????

Menghilangkan Tanggal Posting Di Blog

2011-09-29T19:51:00.000+07:00

Posting blog yang baik menurut ane , khususnya blog jualan, tidak menyantumkan tanggal kapan di publish. Ntah kenapa saya kurang menyukai tanggal kapan postingan kita publish.
Nah bagi temen-temen semua yang tidak menyukai tanggal kapan postingan di publish silahkan di hilangkan saja. Gampang dan mudah kok sob dan perlu sampai .

Cara menghilangkan tanggal posting.

Masuk terlebih dahulu ke menu layout pada blog.
Kemudian, masuk ke menu edit html blog.
Cari source code seperti di bawah.
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}

.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);

}

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .5em;

}

/* Main
Tambahkan code visibility;hidden di bawah $(date.text.color); Jadi tampak seperti di bawah
h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
}

.main-inner h2.date-header {
font: $(date.font);
color: $(date.text.color);
visibility:hidden;
}

.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .5em;

}

/* Main
Simpan dan Selesai. Mudah bukan?

Sekian Dulu semoga bermanfaat
Sumber inspirasi dan contekan:

http://tutorial-jitu.blogspot.com/2008/08/menghilangkan-tanggal-posting.html

Drop Down Menu Html Code 2 Coloums

2011-09-11T17:33:00.000+07:00

Nah, setelah posting sebelumnya bahas membuat menu drop down vertical 1 coloum di mari kita membuat dengan dua kolom.
Sebelumnya kita lihat kembali kode html tuk single coloum

Untk menambahkan submenu diperlukan perubahan pada bagian-bagian berikut :

Pertama,

dari yang awalnya kayak gini
}

ul.pureCssMenu ul{

width:0px;
diubah widthnya menjadi seperti ini (atur sesuai kebutuhan)
}

ul.pureCssMenu ul{
width:148.05px;

Kedua,

ubah kode
ul.pureCssMenu li:hover > a img.def {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over{display:inline}

ul.pureCssMenu a:hover img.def{display:none}
menjadi
ul.pureCssMenu li:hover > a img.def {display:none}

ul.pureCssMenu li:hover > a img.over {display:inline}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}

Ketiga,

tambahkan kode dibawah baris ketiga. Biar enak lihat bawah
ul.pureCssMenu a:hover span{    _background-image:url(./images/arrow_main4.gif)}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub5.gif)}

ul.pureCssMenu ul li:hover > a span{    background-image:url(./images/arrow_main4.gif);}
mejadi
l.pureCssMenu a:hover span{    _background-image:url(./images/arrow_main4.gif)}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub5.gif)}

ul.pureCssMenu ul li:hover > a span{    background-image:url(./images/arrow_main4.gif);}

ul.pureCssMenu table a:hover span{background-image:url(./images/arrow_main4.gif)}

Keempat,

sedangkan untuk submenus tinggal taruh di bawah menu utama. Contoh pada menu kamera digital kan kita tambahin subbagian yaitu kamera baru dan kamera second. Yang awalnya kodenya kayak di bawah
<li class="pureCssMenui"><a class="pureCssMenui" href="http://draft.blogger.com/blogger.g?blogID=6238952949093134052#">Kamera Digital</a></li>
menjadi
<li class="pureCssMenui"><a class="pureCssMenui" href="http://draft.blogger.com/blogger.g?blogID=6238952949093134052#">Kamera Digital</a>

<ul class="pureCssMenum">

<li class="pureCssMenui"><a class="pureCssMenui" href="http://draft.blogger.com/blogger.g?blogID=6238952949093134052#">Kamera Digital Baru</a></li>

<li class="pureCssMenui"><a class="pureCssMenui" href="http://draft.blogger.com/blogger.g?blogID=6238952949093134052#">Kamera Digital Second</a></li>

</ul>

</li>

Sedangkan untuk menaruh link tinggal ganti (misal)

<a class="pureCssMenui" href="http://draft.blogger.com/blogger.g?blogID=6238952949093134052#">FAQ</a>

dengan http link yang agan inginkan. Detailnya coba baca postingan sebelumnya. Selamat mencoba. Bagi yang baru ketemu postingan ini, alangkah baikknya baca postingan seblumnya. Thanks

Free HTML Code for Dropdown Vertical Menu (Part 1)

2011-09-04T22:48:00.000+07:00

Setelah lama dibuat bingung gimana cara membuat menu drop down vertikal akhirnya ketemu solusi mudah. Caranya dengan membelajari kode html dari hasil yang disajikan dari site purecssmenu.com.Dan, apa yang saya pelajari akan disampaikan secara bertahap sebagaimana saya mempelajarinya.

Tahap 1. Permulaan mencoba membuat 1 item
Tahap 2 Membuat 2 Item
Tahap 3 Membuat 1 item submenus
Tahap 4 Membuat 2 subitem menus
Tahap 5 Membuat 1 sub dari subitem menus
Tahap 6 Membuat 2 sub dari subitem menus

Tahap 1. Permulaan mencoba membuat 1 Menu

Parameter yang digunakan

Font

Tahoma
11 px

Colour

Font

Normal : 305429
Hover : FFFFFF

Background

Normal : 91FF09
Hover : 47723F

Item : Product

<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:98%;top:-1px;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#308321;
	background-repeat:repeat;
	border-color:;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:68.25px;
	float: left;
}
ul.pureCssMenu ul{
	width:0px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#91FF09;
	border-width:0px;
	border-color:#E4E1DE;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Tahoma;
	color: #305429;
	text-decoration:none;
	cursor:default;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:;	background-image:none;}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#47723F;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#47723F;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrow_main4.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrow_main4.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub5.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arrow_main4.gif);}

</style>
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Product</a></li>
</ul>

Menambah item baru Sistem Transaksi
Dikarenakan sistem transaksi memerlukan lebar kolom yang lebih besar maka perlu diubah pula ukurannya. Ganti lebar awal

}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:68.25px;
	float: left;
}

menjadi

}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	_width:105px;
	float: left;
}

Setelah itu, jangan lupa tambahkan item baru "Sistem Transaksi" dari yang sebelumnya

<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Product</a></li>
</ul>

menjadi

<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Product</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Sistem Transaksi</a></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->

Nantinya akan berubah seperti di pada gambar di samping. Jadi penambahan Menu tinggal menaruh kode di bawah menu sebelumnya (yang dicetak tebal)

Menambahkan Link Pada Menu / Item

Untuk menambahkan link pada item tinggal menaruhkan kode link pada kode link item (#) yang sebelumnya kayak gini :

<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Product</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Sistem Transaksi</a></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->

menjadi seperti ini

<!-- Start PureCSSMenu.com MENU -->
<ul class="pureCssMenu pureCssMenum">
	<li class="pureCssMenui"><a class="pureCssMenui" href="#">Product</a></li>
	<li class="pureCssMenui"><a class="pureCssMenui" href="http://masteronlinestore.blogspot.com/2011/02/sistem-trasaksi.html" target="_blank">Sistem Transaksi</a></li>
</ul>
<a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
<!-- End PureCSSMenu.com MENU -->

Mudah bukan? Untuk warna, font, serta luasan silahkan pelajari sendiri yak. Tinggal ubah aja jenis font, colour, dan widhtnya sesuai dengan kebutuhan sampeyan.Nah, kalau sempat akan saya jabarkan untuk case dua colom item.