Catatan gmbelART

Domain gratis .com .net .org

2011-09-18T23:05:00.001+07:00

Ada penyedia layanan domain premium seperti .com .net dan .org yang gratis dengan syarat hanya mencari referal 9 orang saja. Gampang kan?
Mau domain .com .net .org? silahkan klik di sini

Semoga bermanfaat.

Salam, gmbelART.

Tempat submit 500 free backlink

2011-09-17T00:39:00.001+07:00

Tidak usah basa basi, masuk saja ke sini

Semoga bermanfaat.

Salam, gmbelART

Cara install operasi sistem linux melalui flashdisk

2011-09-16T06:07:00.001+07:00

Untuk install operasi sistem linux dengan CD mungkin sudah biasa dan mulai saya tinggalkan. Sekarang lebih mudah dan lebih cepat install OS linux dengan menggunakan flashdisk. Untuk bisa menginstall OS linux melalui flashdisk dibutuhkan software bernama unetbootin.
Berikut tampilan dari unetbootin:

cara menggunakannya tinggal pilih Diskimage kemudian pilih file iso dari linux yang sudah kita punya. Kemudian klik OK. Nanti langsung akan ada proses copy file linux ke dalam flashdisk tanpa adanya format.

Untuk proses installnya sama seperti dengan menggunakan CD. Pada settingan booting di pilih boot melalui usb.

Silahkan download unetbootin di sini

Semoga bermanfaat.

Salam, gmbelART

SEO untuk gambar

2011-09-16T05:51:00.001+07:00

Baca-baca di situs resmi google tepatnya di webmaster google tentang masalah SEO, di sana di jelaskan berbagai macam cara SEO yang sangat bagus dan simple. Sebagai contohnya SEO untuk gambar. Agar gambar yang kita upload cepat terindex oleh google, maka gambar kita harus kita kasih keterangan atau diskripsi dengan menambah alt="isi_keterangan" di dalam tag <img>.
contohnya ketika kita memberi gambar pada blog, maka ketika kita berada pada tab HTML, akan ada tag <img> seperti berikut:

<img border="0" height="118" src="http://1.bp.blogspot.com/-EOa8XJkYp1I/TltMoOaNsII/AAAAAAAAANA/gtj0Yb6PpnU/s320/header2.jpg" width="320" /></a>

di situ bisa di lihat blm ada alt="", makanya kita kita akan menambahkan alt="" di dalamnya. setelah di tambah, akan jadi seperti berikut:

<img border="0" height="118" src="http://1.bp.blogspot.com/-EOa8XJkYp1I/TltMoOaNsII/AAAAAAAAANA/gtj0Yb6PpnU/s320/header2.jpg" alt="home image" width="320" /></a>

di situ bisa di lihat saya tambahkan alt="home image" di dalam tag <img>. Artinya saya memberi gambar tersebut keterangan atau diskripsi "home image" .

mudahkan? :D
Semoga bermanfaat.

salam, gmbelART

Tempat download font gratis

2011-09-06T04:29:00.001+07:00

Berikut tempat download font secara gratis:

http://www.urbanfonts.com/

http://www.dafont.com/

Sebenarnya masih banyak, tapi itu aja udah cukup banyak isinya .. :D

Semoga bermanfaat.

Salam, gmbelART

Cara membuat tombol google +1 di bawah postingan

2011-09-06T03:59:00.000+07:00

Berikut cara membuat tombol google +1 di bawah postingan:

Masuk ke edit HTML dan cari </html>, jangan lupa centang expand widget templates
Copy kode di bawah dini dan taruh di atas </html>

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

Cari <data:post.body/>
Copy kode di bawah ini dan taruh di bawah <data:post.body/> jika ingin tombolnya berada di bawah postingan. Tetapi jika ingin tombolnya berada di atas postingan, maka taruh di atas <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size='standard'/>
</div>
</b:if>

NB:

a. Untuk mengganti ukuran tombol +1, ganti standard dengan medium (20px) atau small (15px) atau tall (60px).

b. Untuk mengatur letak tombol di kanan atau di kiri, ganti right dengan left.

Semoga bermanfaat.

Salam, gmbelART

Video tutorial wordpress dari belajarbisnisinternet.com

2011-09-03T14:20:00.000+07:00

Pas nyari-nyari video tutorial wordpress, aku nemu video tutorial wordpress dari belajarbisnisinternet.com. Video tutorial lama. Ada 14 video tutorial. Berikut listnya:

Semoga bermanfaat,

Salam, gmbelART.

Cara menambahkan addthis atau share atau bookmarks ke blogger

2011-09-02T01:47:00.002+07:00

Berikut ini Cara menambahkan addthis atau share atau bookmarks ke blogger:

Masuk ke http://www.addthis.com/ dan silahkan daftar dulu untuk mendapatkan akun dengan klik Join Now.
Setelah daftar, kemudian masuk dengan menggunakan akun yang di buat tadi.
Pilih tampilan AddThis yang akan di gunakan.Kemudian klik Get AddThis. Pilih customize, kemudian pilih Blogger, tinggal klik Install Blogger Widget, AddThis akan di install ke blogmu.

Semoga bermanfaat,

Salam, gmbelART.

Cara mengatur Robot.txt untuk blogger

2011-09-01T00:44:00.001+07:00

Berikut cara mengatur Robot.txt untuk blogger:

Masuk ke Edit HTML terus cari <head>
Copy kode di bawah ini:

<meta content='index,follow,noodp,noydir' name='ROBOTS'/>

<meta content='2 days' name='revisit-after'/>

Paste kode tersebut di bawah <head>. kode tersebut berfungsi mengatur agar googlebot mengindex blog kita paling tidak 2 hari sekali.

Semoga bermanfaat.

Salam, gmbelART.

Ubuntu 11.04 Dream Studio sebagai solusi untuk kita yang ingin berkarya tapi tidak ada uang untuk beli software berbayar

2011-08-31T22:52:00.000+07:00

Belum lama ini, ada yang merilis Ubuntu dengan modifikasi sendiri dan diberi nama Dream Studio. Pertama melihat screenshotnya, aku langsung tertarik karena semua kebutuhan yang aku butuhkan hampir ada semua. Dari vektor, editing photo, editing video, editing audio, bikin brosur, 3D, 2D, sampai web desain semua ada. Dan masih banyak lagi fitur-fiturnya.

Ini dia screenshotnya:

Tertarik? Silahkan coba sendiri. Klik di sini untuk pergi ke situs resminya.

Semoga bermanfaat.

Salam, gmbelART.

Cara membuat related posts tanpa thumbnail dan external javascript di blogger

2011-08-30T13:53:00.000+07:00

Berikut cara membuat related posts tanpa thumbnail dan external javascript di blogger:

Masuk ke Edit HTML kemudian cari ]]></b:skin>
Copy kode HTML di bawah ini dan taruh sebelum ]]></b:skin>

.rbbox{border: 1px solid rgb(192, 192, 192);
padding: 5px;
background-color: #f0f0f0;
-moz-border-radius:5px;
margin:5px;
}

.rbbox:hover{background-color: rgb(255, 255, 255);

}
#relpostFs {
border: 1px solid rgb(204, 204, 204);
margin: 0;
padding: 3px 5px;
overflow: auto;
max-height: 200px;
-moz-border-radius:5px;}

Cari <data:post.body/>
Copy kode di bawah ini kemudian taruh setelah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

<H3>Related Post</H3>

<DIV class='rbbox'>

<DIV id='relpostFs'>

<DIV id='albri'/>

<SCRIPT type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 10;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 2;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

var li = document.createElement('li');

var a = document.createElement('a');

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

for (var l = 0; l < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('albri').appendChild(div1);

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

</b:loop>

</SCRIPT>

</DIV>

<script type='text/javascript'>RelPost();</script>

</DIV>

</b:if>

Semoga bermanfaat.

Salam, gmbelART

Cara membuat link agar di buka pada tab baru atau New Tab di Blogger

2011-08-30T12:25:00.001+07:00

Berikut ini adalah cara membuat link agar di buka pada tab baru atau New Tab di Blogger:

Pada saat posting, kita blok text mana yang mau di jadikan link.
Setelah diblok, klik "Link" yang ada di toolbar dan masukkan link-nya.
Setelah itu, buka HTML di bagian toolbar dan cari link yang kita berikan tadi terus di tambah target="_blank" di bagian akhir link. Contoh:

Yang aslinya:
<a href="http://catatan-gmbelart.blogspot.com/">Catatan gmbelART</a>

Setelah di tambahkan:
<a href="http://catatan-gmbelart.blogspot.com/" target="_blank">Catatan gmbelART</a>

Sekarang tinggal di Publish terus di coba.
Semoga bermanfaat.

Salam, gmbelART

Alamat yang di submit ke Yahoo Site Explorer dan Bing Webmaster untuk Blogger

2011-08-29T10:28:00.002+07:00

Untuk alamat yang di submit di Google Webmaster Tool sudah ada di sini. Dan berikut ini alamat yang biasa di submit ke Yahoo Site Explorer dan Bing Webmaster:

atom.xml
rss.xml
feeds/posts/default
feeds/posts/default?alt=rss

klik di sini untuk masuk ke Yahoo Site Explorer.
klik di sini untuk masuk ke Bing Webmaster.

Semoga bermanfaat.

Salam, gmbelART

Alamat yang di submit ke Webmaster Tool Google untuk Blogger

2011-08-29T09:43:00.000+07:00

Berikut alamat default yang biasa di submit ke Webmaster Tool Google

atom.xml
rss.xml
feeds/posts/default
feeds/posts/default?alt=rss
atom.xml?redirect=false&amp;amp;start-index=1&amp;amp;max-results=100
atom.xml?redirect=false&start-index=1&max-results=500
feeds/posts/default?max-results=9999&amp

jadi misal alamat blog atau website kita http://catatan-gmbelart.blogspot.com/ maka yang di submit adalah:

http://catatan-gmbelart.blogspot.com/atom.xml
http://catatan-gmbelart.blogspot.com/rss.xml
http://catatan-gmbelart.blogspot.com/feeds/post/default
http://catatan-gmbelart.blogspot.com/feeds/posts/default?alt=rss
http://catatan-gmbelart.blogspot.com/atom.xml?redirect=false&amp;amp;start-index=1&amp;amp;max-results=100
http://catatan-gmbelart.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
http://catatan-gmbelart.blogspot.com/feeds/posts/default?max-results=9999&amp

klik di sini untuk masuk ke Webmaster Tool Google

Semoga bermanfaat.

Salam, gmbelART

Gimp sebagai software pengganti dari Photoshop

2011-08-27T21:53:00.000+07:00

GIMP adalah software pengolah gambar opensource yang gratis untuk kita pakai dan kembangkan sendiri. Walaupun gratis, tetapi tidak kalah dengan software pengolah gambar yang berbayar seperti Photoshop.
Berikut ini beberapa screenshot dari GIMP:

Tertarik dengan GIMP? silahkan download di situs resminya di sini.

Semoga bermanfaat.

Salam, gmbelART

Inkscape sebagai software pengganti dari CorelDRAW

2011-08-27T16:48:00.001+07:00

Inkscape adalah software pengolah gambar vektor sama seperti CorelDRAW. Aku pilih Inkscape karena Inkscape opensource yang artinya gratis untuk digunakan dan di kembangkan sendiri. Berbeda dengan CorelDRAW yang harus membayar lisensi untuk menggunakannya. Dan harga lisensinya bisa dibilang cukup mahal bagiku.

Walaupun Inkscape adalah software opensource atau gratis, tetapi Inkscape tetap bagus dan hasilnya pun tidak kalah dengan software pengolah vektor berbayar seperti CorelDRAW, Illustrator, dsb.
Berikut beberapa screenshot dari Inkscape:

Tertarik dengan Inkscape? Silahkan download di situs resminya di sini.

Semoga bermanfaat.

Salam, gmbelART

Cara menambah gadget di Blogger

2011-08-27T16:18:00.001+07:00

Ingin mempercantik blogmu? tambahkan saja gadget.
Bagaimana caranya?
Berikut ini cara menambahkan gadget di Blogger:
1. Masuk ke blogger.com dengan akunmu.

2. Pilih blogmu yang akan di tambah gadget.

3. Masuk ke Layout. kemudian tinggal klik Add a Gadget. Nanti akan muncul pop up, tinggal pilih mau di tambah gadget apa. Kalau mau nambah gadget dari luar blogger bisa pake HTML/JavaScript. Biasanya nanti kamu akan dikasih kode HTML, dan kode tersebut di copy kemudian di paste di gadget HTML/JavaScript tadi.

Semoga bermanfaat.

Salam, gmbelART

Cara membuat Buku tamu dengan Cbox di blogger

2011-08-27T16:06:00.001+07:00

Apa itu buku tamu?
Apa ya, aku juga kurang tau apa itu buku tamu. :D
Tapi setauku, buku tamu itu adalah tempat di mana para pengunjung blog kita menuliskan data mereka, kesan atau masukan atau apalah di blog kita. Tampilan dari buku tamu itu berbeda-beda, sebagai salah satu contoh adalah buku tamu yang ada di blog ini, yang letaknya di sebelah kanan.
Bagaimana membuat buku tamu seperti itu?
Mari kita buat. :D

Pertama.
masuk ke http://www.cbox.ws, dan buat akun di sana dengan klik Sign up. Setelah selesai mengisi form pendaftaran jangan lupa untuk aktifasi dengan membuka email yang telah di kirim ke alamat email kita, klik link yang di berikan.

Kedua.
Log in di sana dengan akun yang telah di buat tadi, nanti akan langsung ada instruksi pemasangannya.

Terakhir.
Tinggal copy kode html yang telah ada di sana, kemudian masuk ke akun blogger kamu dan tambahkan gadget HTML/JavaScript kemudian paste kode tadi, klik save. selesai deh. :D

Buku tamu tersebut bisa disesuaikan warna dan ukurannya. silahkan di coba-coba sendiri. :)

Semoga bermanfaat.

Salam, gmbelART

Tempat upload atau hosting foto gratis

2011-08-27T12:55:00.000+07:00

Tadi aku nyari-nyari tempat upload foto yang gratis. Setelah browsing sana sini dan akhirnya ketemu tempat yang lumayan bagus.

Langsung aja ini tempatnya photoserver.ws
Berikut tampilan homepagenya:

Semoga bermanfaat.

Salam, gmbelART

Blender Sebagai Pengganti Software 3D berbayar

2011-08-27T11:56:00.000+07:00

Blender adalah software 3D opensource yang sangat bagus, bisa dijadikan software alternatif dari Software 3D berbayar seperti 3Ds MAX, Maya, dan sebagainya. Perkembangan software Blender pada saat ini sangatlah pesat. Versi terbaru dari Blender saat ini adalah Blender 2.59. Dan Versi 2.60 sedang dalam pengembangan untuk saat ini.

Software yang hanya sekitar 20MB ini bisa menghasilkan Animasi 3D atau gambar 3D yang sangat memukai tidak kalah dengan software 3D berbayar.
Kenapa aku menggunakan blender?
Pertama, Blender adalah software 3D opensource yang artinya gratis untuk digunakan dan juga di kembangkan sendiri. Software 3D yang berbayar harga lisensinya sangatlah mahal bagiku, dan kalau ada yang gratis dan bagus kenapa harus membayar? :D
Kedua, walaupun Blender adalah software gratis, tetapi hasil yang di hasilkan dari blender tidak kalah dengan software 3D berbayar. Salah satu keunggulan dari Blender yang tidak dimiliki software 3D berbayar adalah fitur Game Engine. Fitur yang memungkinkan kita untuk membuat game sendiri. Berikut adalah beberapa fitur dari Blender:

Interface yang sangat fleksibel dan dapat kita atur sendiri.
Modeling.
Rigging.
Rendering.
Animation.
Shading.
UV Unwrapping.
Imaging and Compositing.
Physics and Particles.
Realtime 3D/Game Creation.
Mendukung banyak file, baik 2D maupun 3D.
Mendukung banyak platform seperti Windows, Mac, Linux, FreeBSD.

Untuk fitur selengkapnya bisa di lihat di sini

Berikut beberapa contoh gambar 3D hasil dari Blender.

Tertarik dengan Blender? Silahkan Download di situs resminya di sini.

Atau bisa juga download versi pengembangannya di sini

Semoga bermanfaat.

Salam, gmbelART

Daftar software gratis atau opensource pengganti Software berlisensi yang aku gunakan

2011-08-27T11:15:00.000+07:00

Sesuai dengan judul postingannya, berikut ini adalah beberapa software gratis atau opensource yang aku gunakan sebagai ganti software berlisensi.

Blender

Blender adalah software pengganti dari software 3D seperti 3Ds Max, Maya, Lightwave, dsb.
Selengkapnya.

Inkscape

Inkscape adalah software pengganti dari CorelDRAW. Selengkapnya.

Gimp

Gimp adalah software pengganti dari Photoshop. Selengkapnya.

OpenOffice

OpenOffice adalah software pengganti dari Microsoft Office. Selengkapnya.

LibreOffice

LibreOffice adalah Software pengganti dari Microsoft Office. Selengkapnya.

7-Zip

7-Zip adalah Software pengganti dari WinRAR. Selengkapnya.

Berikut Beberapa Free Software lainnya yang aku gunakan:

Google Sketch
Foxit Reader
HTTrack
TUGZip
Digsby

Semoga bermanfaat.

Salam, gmbelART