Mencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba Mencoba adalah mencoba mencoba adalah mencobaMencoba adalah mencoba mencoba adalah mencoba
« Baca Selengkapnya »
Minggu, 18 Agustus 2013
Sabtu, 10 November 2012
Dasar Membuat Icon Dengan Coreldraw
Sudah mengertikah anda tentang icon ? icon yang saya maksud disini adalah icon yang biasa digunakan untuk simbol - simbol tertentu pada sebuah blog/website sebenarnya Dasar Membuat Icon Dengan Coreldraw tidaklah susah... dengan memainkan tool pada coreldraw yaitu effect transparency dan trim. misalnya saja kita akan buat icon " download here " contohnya seperti gambar dibawah ini :
itulah icon yang akan kita buat pada tutorial Dasar Membuat Icon Dengan Coreldraw kali ini teman-teman.. segera ikuti langkah dibawah ini ya...
pertama buatlah persegi panjang dengan rectangle tool atau tekan F6 :
setelah itu lengkungkan siku persegi panjang tersebut dengan menggunakan shape tool atau tekan F10 :
kemdian duplikat objek tersebut menjadi 2, caranya tahan klik kanan dan seret gambar kebawah kemudian klik copy here seperti pada gambar dibawah ini :
setelah objek menjadi 2, buat persegi panjang menggunakan rectangle tool seperti pada langkah pertama tadi dan letakan diposisi tengah/center pada gambar ke 2 :
munculkan tool trim dengan cara klik windows > dockers > shapping ( perhatikan gambar dibawah ini ) :
Nah.. setelah itu pindah cursor ke objek persegi panjang kemudian klik tool trim yang tadi telah kita keluarkan dan langsung arahkan cursor ke persegi panjang lonjong yang akan kita potong tadi sehingga hasilnya menjadi seperti ini :
pindah dan tengahkan gambar yang telah kita potong tadi ke gambar yang pertama dan atur panjang tinggi lebar agar gambar ke 2 berada tepat di tengah-tengah gambar pertama kemudian beri warna hitam pada gambar pertama dan putih pada gambar ke 2 seperti ini :
pastikan posisi ke dua gambar tersebut sudah seperti contoh diatas. langkah selanjutnya yaitu memberi effect transparency pada gambar ke 2 yang tadi kita potong, menggunakan Interactive Transparency Tool :
klik objek gambar ke 2 yang di potong tadi kemudian klik Interactive Transparency Tool nya.. dan atur sendiri transparency nya sesuai selera anda.. seperti inilah contohnya :
nah bagian yang terpenting dari Dasar Membuat Icon Dengan Coreldraw sepertinya sudah beres, sekarang tinggal menambahkan tulisan " Download Here " saja kan..? okee... klik Text tool atau tekan F8, buatlah tulisan " download here " bisa juga tulisan yang lain sesuai keinginan anda.. beri warna putih dan sinkron kan ukuran dengan background yang telah kita buat tadi.. dan hasil akhirnya menjadi seperti gambar dibawah ini :
baaaadalaaa.... gambar icon nya udah jadi tuh!!? ( trus gue harus manjat pohon sambil bilang pucuk.. pucuk.. pucuk.. gitu ?!! ) hohoho... selamat belajar dan mencoba teman teman semoga tutorial ini bermanfaat.. terimakasih... :)
« Baca Selengkapnya »
pertama buatlah persegi panjang dengan rectangle tool atau tekan F6 :
setelah itu lengkungkan siku persegi panjang tersebut dengan menggunakan shape tool atau tekan F10 :
setelah objek menjadi 2, buat persegi panjang menggunakan rectangle tool seperti pada langkah pertama tadi dan letakan diposisi tengah/center pada gambar ke 2 :
munculkan tool trim dengan cara klik windows > dockers > shapping ( perhatikan gambar dibawah ini ) :
Nah.. setelah itu pindah cursor ke objek persegi panjang kemudian klik tool trim yang tadi telah kita keluarkan dan langsung arahkan cursor ke persegi panjang lonjong yang akan kita potong tadi sehingga hasilnya menjadi seperti ini :
pindah dan tengahkan gambar yang telah kita potong tadi ke gambar yang pertama dan atur panjang tinggi lebar agar gambar ke 2 berada tepat di tengah-tengah gambar pertama kemudian beri warna hitam pada gambar pertama dan putih pada gambar ke 2 seperti ini :
nah bagian yang terpenting dari Dasar Membuat Icon Dengan Coreldraw sepertinya sudah beres, sekarang tinggal menambahkan tulisan " Download Here " saja kan..? okee... klik Text tool atau tekan F8, buatlah tulisan " download here " bisa juga tulisan yang lain sesuai keinginan anda.. beri warna putih dan sinkron kan ukuran dengan background yang telah kita buat tadi.. dan hasil akhirnya menjadi seperti gambar dibawah ini :
baaaadalaaa.... gambar icon nya udah jadi tuh!!? ( trus gue harus manjat pohon sambil bilang pucuk.. pucuk.. pucuk.. gitu ?!! ) hohoho... selamat belajar dan mencoba teman teman semoga tutorial ini bermanfaat.. terimakasih... :)
Cara Belajar SEO
 |
| Cara Belajar Seo |
point penting nya, sebelum mempelajari ilmu SEO anda harus benar benar mengerti tentang apa itu SEO ? baiklah berikut penjelasan dari indoobloger tentang pengertian SEO,
SEO adalah singkatan dari search engine optimization dari namanya saja sudah jelas mengandung optimasi, maka dari itu bisa juga diartikan dengan pengoptimalan di mesin search engine. pertanyaan yang muncul berikutnya adalah... apakah anda sudah mengerti apa itu search engine ? kalo belum saya tidak akan menjawabnya dan malah akan saya ketawakan (hahahaha peace bro).
next... SEO adalah sebuah teknik untuk pengoptimalan website/blog kita agar mudah ditemukan di search engine. hal ini bisa dibuktikan apabila sebuah website dengan keyword tertentu telah menduduki posisi puncak di mesin search engine seperti Google,Yahoo,Bing dll. maka bisa dibilang bahwa SEO didalam website itu sudah lumayan bagus.
setelah anda mengerti apa itu SEO, kita kembali ke pokok bahasan utama yaitu tentang Cara Belajar SEO.
cara mempelajari ilmu tersebut memang tidak mudah tetapi juga tidak sulit juga. asalkan kita sudah benar benar memahami dan tidak asing lagi dengan istilah keyword.
keyword atau bahasa indonesianya bisa disebut dengan kata kunci. keyword dari sebuah website/blog sangatlah berpengaruh besar terhadap kekuatan website/blog itu sendiri di mata search engine. sebagai contoh nya misalkan anda akan membuat website/blog yang hubunganya dengan Rumah Sakit, maka disini keyword yang bersangkutan adalah Dokter,Pasien,Obat dll. yang intinya keyword - keyword tersebut ada hubunganya dengan judul dari website/blog anda.
Unique artikel atau artikel yang unik. biasanya jika blog kita hanya copy paste dari blog lain, sudah jelas blog kita tidak memiliki kualitas artikel yang unik. melainkan hanya artikel sampah. sebaiknya hindari copy paste dan biasakan menulis artikel yang original dari pikiran anda jika anda memang mempunyai niat untuk belajar ilmu ini.
Cara Belajar SEO memang tidak semudah membalikan tangan, melainkan harus step by step.. sebelum melangkah lebih jauh, sebaiknya pahami dulu tentang basic-basic keyword dan unique artikel yang telah saya berikan sedikit pengertianya diatas.
Cara Membuat Menu Css Di Blog
Salam indooblogger ! pada kesempatan pertama kali ini nih ya.. indooblogger akan membahas tentang bagaimana cara membuat menu css di blog. mungkin saja bagi para blogger yang sudah dewa atau sudah cukup lama malang melintang di dunia per blogger-an sudah cukup mengerti dengan cara membuat menu css di blog. maka dari itu indooblogger sengaja membuat tutorial ini untuk para newbie dan para blogger yang mungkin sedang membutuhkan menu css di blog untuk memperindah tampilan blog mereka.
sedikit bocoran saja ya, karena memang tutorial ini untuk blogger pemula, maka dari itu akan saya berikan cara yang gampang bahkan mudah juga untuk dipahami dan akan saya bahas secara detail.
oh iya, mungkin teman teman sekalian bisa melihat demo nya terlebih dahulu nih, silahkan klik DEMO untuk melihat demo dari menu nya.
Nah sudah lihat kan ? tenang saja memang menu ini cukup simple dan mudah untuk kita buat kok..
sebelum memulai ke tutorial silahkan terlebih dahulu login ke account blogger anda. kemudian, klik menu template yang ada di sebelah kiri ( lihat gambar dibawah ) :
catatan penting : sebelum merubah kode html nya mungkin ada baiknya silahkan anda backup terlebih dahulu template anda, untuk menghindari hal hal yang tidak kita inginkan, misal terjadi kesalahan pada pengeditan, maka kita tinggal upload kembali template sebelumnya yang telah kita backup tadi.
Oke teman teman proses pengamanan terhadap template kita sudah selesai... kalau begitu mari langsung saja kita mulai tutorial cara membuat menu css di blog.
langkah yang pertama, kembali ke menu template, kemudian klik " edit HTML " :
maka selanjutnya akan muncul pilihan seperti pada gambar dibawah ini, klik saja " lanjutkan " :
Langkah yang pertama silahkan centang Expand Template Widget di sebelah kiri atas pada kotak edit HTML :
Langkah kedua, cari kode ]]></b:skin> gunakan CTRL + F untuk mempermudah pencarian kode tersebut, jika sudah ketemu silahkan letakan kode css dibawah ini diatas kode ]]></b:skin> lalu klik simpan template
Langkah ketiga, masuk pada menu tata letak, kemudian pilih tambah gadget lalu pilih HTML/Javascript :
Kemudian letakan kode dibawah ini pada kotak HTML/Javascript :
kemudian klik simpan dan lihat apa yang terjadi pada blog anda ! hehehe... kalau memang tutorial cara membuat menu css di blog anda ikuti dengan teliti dan benar maka pasti hasilnya adalah menu seperti yang ada pada demo yang telah anda lihat tadi.. oke deh.. karena pada tutorial ini memang bisa dibilang terlalu detail dan saya anggap anda sudah paham langkah-langkahnya, maka pada tutorial - tutorial membuat menu css di blog berikutnya akan saya berikan secara singkat dan langsung pada intinya... hehehe..
« Baca Selengkapnya »
sedikit bocoran saja ya, karena memang tutorial ini untuk blogger pemula, maka dari itu akan saya berikan cara yang gampang bahkan mudah juga untuk dipahami dan akan saya bahas secara detail.
oh iya, mungkin teman teman sekalian bisa melihat demo nya terlebih dahulu nih, silahkan klik DEMO untuk melihat demo dari menu nya.
Nah sudah lihat kan ? tenang saja memang menu ini cukup simple dan mudah untuk kita buat kok..
sebelum memulai ke tutorial silahkan terlebih dahulu login ke account blogger anda. kemudian, klik menu template yang ada di sebelah kiri ( lihat gambar dibawah ) :
catatan penting : sebelum merubah kode html nya mungkin ada baiknya silahkan anda backup terlebih dahulu template anda, untuk menghindari hal hal yang tidak kita inginkan, misal terjadi kesalahan pada pengeditan, maka kita tinggal upload kembali template sebelumnya yang telah kita backup tadi.
untuk membackup template anda, klik tombol cadangkan/pulihkan yang ada di sebelah kanan atas :
setelah itu klik unduh template lengkap :
langkah yang pertama, kembali ke menu template, kemudian klik " edit HTML " :
maka selanjutnya akan muncul pilihan seperti pada gambar dibawah ini, klik saja " lanjutkan " :
Langkah yang pertama silahkan centang Expand Template Widget di sebelah kiri atas pada kotak edit HTML :
Langkah kedua, cari kode ]]></b:skin> gunakan CTRL + F untuk mempermudah pencarian kode tersebut, jika sudah ketemu silahkan letakan kode css dibawah ini diatas kode ]]></b:skin> lalu klik simpan template
/*-start indoblogger css menu-*/
.menuindooblogger1{
width: auto;height:33px;
}
.menuindooblogger1 ul{
width:auto;height:33px;float:left;list-style:none;padding:0px 20px 0 20px;margin:0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjILrvS__7OLmbdHTSh5U3aVqmRlMjp1-mZiAO6DIhyKtUPsPQ28ga41km1nyC5Wutkep74rWkkafbEGpBp32YXaemCNNXjZEVYAprPXWZ0OqoTyEcdfKI7PkRv7nB4wnnZyhbjAJ3eLjg/s1600/backgroundmenu.png) repeat-x center;
border-radius: 5px 5px 5px 5px;
}
.menuindooblogger1 ul li{
padding:0px;margin:0px 0 2px 0;display:inline;line-height:33px;
}
.menuindooblogger1 ul li a{text-decoration:none;padding:0 9px 0 9px;margin:0 10px 0 10px;color:#fff; float:left;}
.menuindooblogger1 ul li a:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhS045GvGiMn8YruFgXzIgLruPxI7B5y9afl0YfQCzxY0DQcNq3Bzg6TbIjfyIs49icOpDCt30oA_6VbzVIIQLm7kmY52bpNT5oyzBo0mDYx0lmBEsEs-8NzZWdWd-8AFBzHAWJywNjg/s1600/select.png) no-repeat center bottom;}
Langkah ketiga, masuk pada menu tata letak, kemudian pilih tambah gadget lalu pilih HTML/Javascript :
Kemudian letakan kode dibawah ini pada kotak HTML/Javascript :
<div class="menuindooblogger1">
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Indooblogger</a></li>
</ul>
</div>
kemudian klik simpan dan lihat apa yang terjadi pada blog anda ! hehehe... kalau memang tutorial cara membuat menu css di blog anda ikuti dengan teliti dan benar maka pasti hasilnya adalah menu seperti yang ada pada demo yang telah anda lihat tadi.. oke deh.. karena pada tutorial ini memang bisa dibilang terlalu detail dan saya anggap anda sudah paham langkah-langkahnya, maka pada tutorial - tutorial membuat menu css di blog berikutnya akan saya berikan secara singkat dan langsung pada intinya... hehehe..
Langganan:
Postingan (Atom)