Jagoan Blogger

4+ website super keren tempat belajar web design

2011-01-08T02:31:00.000-08:00

Suatu ketika saya mendapat tugas dari dosen, untuk membuat sebuah desain web, desain tersebut harus dibuat dengan menggunakan adobe photoshop lalu di-convert ke dalam bentuk HTML dan CSS. Namun, waktu itu saya masih sangat baru dalam hal web design dan materi convert meng-convert itupun belum pernah diajarkan sama sekali. Singkat cerita, saya menemukan sumber pembelajaran bagus di internet mengenai web design sekaligus tempat untuk download icon-icon dan template gratisan. Kebanyakan dalam bahasa inggris, maklumlah kebanyakan website dan blog dalam bahasa indonesia kurang bisa membuat saya puas, dan hanya dalam beberapa hari saya sudah bosan karena materi yang ditulis itu-itu terus, termasuk materi yang ditulis dalam blog saya ini juga gitu. hehe..

Ok, tanpa banyak cingcong ini dia 12 website yang menjadi sumber rujukan belajar saya selama ini:

1. Sixrevisions.com
Di blog ini diulas banyak hal tentang web design dan programming. Dari mulai yang paling dasar seperti HTML,photoshop dan css sampai yang paling rumit seperti ajax, JSON dan yang gitu-gituan lainnya. Tak ketinggalan pula materi project manajement menjadi ulasan di blog ini. Blog ini di tulis oleh banyak orang yang rata - rata sudah expert di bidangnya masing-masing. Artikelnya yang sering diupdate tiap hari dan selalu menyajikan hal-hal baru menjadikannya seperti surga bagi yang suka dengan web design dan ingin mempelajarinya lebih jauh.

2. Smashing Magazine
Nah, kalo blog yang satu ini mungkin sudah tidak asing lagi bagi sobat yang sering download content gratisan, seperti icon, website template, wordpress template dll. Yaps.. Smashing Magazine memang seneng banget membagi-bagikan stuff yang gratisan, eitss.. meskipuan icon dan template-nya gratisan, tapi masalah kualitas jangan ditanya. Menurutku sih, kualitasnya lebih bagus, bahkan dengan icon dan template premium kebanyakan.

3. Photoshop Lady
Photoshop lady adalah tempat belajar photoshop yang lengkap. Cocok bagi web designer yang membutuhkan kemampuan photoshop lebih. Tutorial yang disediakan terdiri dari bermacam-macam kategori, seperti UI (User Interface) design, Icon design dan lain-lain.

4. Free Icons Web
Nah, ini dia nih.. tempat download icon paling lengkap yang pernah saya temui. Selain di Smashing Magazine, saya juga sering download disini. Di Smashing Magazine, selain free stuff ada juga tutorial dll. Kalo di Sini Isinya icon semua, jadinya lebih lengkap deh..

Sebenarnya, masih banyak sih tempat belajar yang lainnya, hanya saja saya lupa alamatnya. Mau dicari, koneksinya lagi lemot banget, yaudah mungkin kapan-kapan ya sobat.. Met Belajar

Memodifikasi Hover Link dengan Menggunakan CSS

2010-07-19T20:40:00.000-07:00

Wahwah…. Rasanya sudah lama sekali saya tidak menyapa sobat lewat tulisan dalam blog ini. Semoga sobat tidak menderita gara-gara kangen sama saya yah…(hehe… ngelantur abiis…) .
Sobat, pada posting sebelumnya saya telah sedikit membahas tentang pemanfaatan CSS untuk memodifikasi properti pada tulisan, seperti warna, ukuran huruf dsb. Sekarang saya akan sedikit membahas tentang cara memodifikasi efek hover pada sebuah link. Simak terus bahasannya… check it out!

Apa itu efek hover?
Sebelum mulai ada baiknya sobat mengetahui terlebih dahulu apa itu efek hover, bagi sobat yang sudah tahu apa itu efek hover silahkan lewati bagian ini dan langsung “cara membuat efek hover”. Efek hover adalah berubahnya property (seperti warna, ukuran huruf, dsb) dari sebuah link ketika pointer mouse tepat berada di atas link tersebut. Contohnya adalah sebagai berikut:
1)    Google
2)    Yahoo
3)    Facebook
4)    Twitter
5)    Kaskus
Cobalah untuk meletakan mouse pointer pada salah satu link diatas, maka sobat akan lihat bahwa link tersebut warnanya berubah dari biru menjadi hijau kebiruan dan terdapat garis bawah, nah itulah yang dinamakan efek hover.

Cara membuat efek hover
Pertama-tama, buatlah tag pada bagian header HTML sebagai tempat untuk menuliskan CSS yang kita buat. Dalam hal ini kita menggunakan internal CSS (pembahasan mengenai internal CSS telah dibahas pada posting sebelumnya).

Selanjutnya buatlah stylesheet seperti berikut:

a:hover
{
    color:red;
    font-size:200%;
        text-decoration:none;
}

Dengan menggunakan stylesheet diatas, efek hover yang dimaksud sudah selesai dibuat, tinggal bagaimana sobat memodifikasinya. Adapun stylesheet diatas dibuat agar ketika mouse pointer diletakan di atas sebuah link, maka link tersebut akan menjadi berwarna merah dan berukuran dua kali dari ukuran semula. “text-decoration:none” digunakan untuk menghilangkan garis bawah pada link.
Demikianlah, cara memodifikasi link dengan menggunakan CSS. Mudah bukan?. untuk lebih jelasnya, sobat bisa download langsung contoh script lengkap-nya disini, bisa langsung dijalankan dengan browser kesayangan sobat.

Sampai jumpa pada pembahasan selanjutnya…

Faktor Wow! Dalam membuat blog yang dahsyat.

2010-05-20T08:53:00.000-07:00

Apa itu faktor WOW!? Oke, istilah factor wow hanyalah karangan saya sendiri untuk mendefinisikan factor-faktor yang membuat suatu blog menjadi blog yang bagus. Faktor wow! Adalah pembeda yang membuat blog kita lebih mudah diingat oleh pengunjung. Faktor wow! Juga merupakan penanda yang mengisyaratkan bahwa blog kita adalah blog yang bagus dan terpercaya. sebaiknya Adapun efek dari factor wow itu sendiri diantaranya:

Suatu blog akan lebih diingat oleh pengunjung.
Membuat pengunjung tertarik untuk kembali berkunjung pada kesempatan yang lain.
Membuat blogger lain tertarik untuk bertukar link dengan blog sobat.

    Sejujurnya, gagasan ditulisnya artikel ini adalah ketika mengunjungi beberapa website yang menurut saya sangat mengesankan. Namun saya sendiri belum menemukan blog yang memiliki faktor wow tersebut. Kalaupun ada, saya tidak tahu pasti blognya. Alangkah baiknya jika blogger-blogger Indonesia menjadi pelopor adanya factor wow dalam sebuah blog.

    Seperti yang saya jelaskan tadi, saya menulis postingan ini karena terinspirasi oleh beberapa website yang menurut saya sangat mengesankan dan membuat saya ingin kembali mengunjunginya. Website-website tersebut diantaranya:

1) http://www.face-face-face.com
    Sebuah website yang terkesan sangat simple dan bahkan tidak ada gambar sama sekali. Didalam nya hanya ada beberapa baris tulisan berwarna hitam. Namun, sobat akan terkejut betapa kreatifnya sang pemilik web dalam membuat efek menu dari tulisan tersebut. Sobat bisa lihat langsung websitenya.

2) http://www.Floridaflourish.com
    Lihat pada gambar pohon yang terdapat pada website tersebut. Apa yang terjadi jika kita meng-klik tombol merah yang ada di sekitar pohon tersebut? Silahkan test sendiri.

3) http://www.ericj.se/
    Pada bagian bawah dari website ini terdapat sebuah scrollbar yang jika kita drag maka akan terlihat orang sedang mengendarai sebuah sepeda motor. Jika terus di drag maka ia akan terus berjalan melewati menu-menunya.

        Baiklah, mungkin agak sukar bila efek-efek seperti itu diterapkan pada blog. Namun ingat, factor wow! Tidak ada kaitannya dengan “efek”,”animasi” dsb. Hal-hal tersebut hanyalah merupakan alat. Kita bisa saja menggunakan cara lain sebagai factor wow! Kita.

1) Buatlah satu atau beberapa faktor wow! Dalam desain blog sobat.
   Desain blog yang baik adalah desain blog yang semaksimal mungkin membuat pengunjung merasa nyaman. Memberi pengunjung kemudahan terutama dalam hal navigasi. Blog tersebut sebaiknya didesain dengan simple dan tidak terlalu banyak pernak-pernik agar pengunjung tidak merasa lelah membaca blog sobat. Perhatikan penempatan iklan dengan benar agar tidak mengganggu pemandangan blog sobat.

4) Langkah-langkah menciptakan faktor wow!
      Ada beberapa sumber yang menjelaskan bagaimana menciptakan suatu factor wow! Untuk sebuah website. Namun penjelasan ini tidak ada salahnya jika diterapkan juga pada sebuah blog. Diantaranya adalah sebagai berikut:

Buatlah sebuah ciri khas unik yang membuat blog kita berbeda dengan yang lainnya. Contohnya, desain yang menarik dsb.
Buatlah cirri khas tersebut menonjol dan membuat pengunjung mudah mengingat blog kita.
Jadilah pelopor, semakin banyak orang yang telah menerapkan factor wow! Yang sobat usung sebelum sobat, maka semakin kurang bermutu faktor wow! Tersebut. Jadi, jadilah orang yang pertama menjadikan faktor wow! Tersebut.

Itulah kira-kira pembahasaan mengenai faktor wow! yang saya maksud, semoga bermanfaat bagi sobat, bila sobat kurang sependapat atau ingin menambahkan silahkan berkomentar pada kotak komentar dibawah ini.

Mengenal Selector, Property dan Value pada CSS

2010-05-12T02:05:00.000-07:00

Apa itu selector, property dan value? Hmmm…. Saya juga bingung bagaimana menjelaskannya. Tapi kalau boleh mencoba kira-kira penjelasannya adalah sebagai berikut:

1) Selector : yaitu suatu syntax CSS yang digunakan untuk memilih elemen HTML mana yang akan terpengaruh oleh suatu kode CSS.

2) Property : Kalau Selector digunakan untuk memilih elemen HTML yang akan di Format, maka property digunakan untuk menentukan “apanya yang akan diformat dari elemen tersebut?” apakah warnanya, ukurannya ataukah posisinya dll.

3) Value : adalah nilai dari suatu property.

Sebagai contoh, suatu ketika sobat ingin membuat paragraf yang mempunyai background berwarna merah dengan melibatkan CSS. Maka suatu paragraf bisa kita anggap sebagai selectornya,background sebagi propertynya dan value-nya adalah merah.

Selector---------------?Paragaraf---------------------?p
Property---------------?Background------------------?background
Value-------------------?Warna merah---------------?red

Adapun cara penulisan CSS untuk selector, property dan value adalah sebagai berikut:

Selector{property:value}

Dengan demikian jika sobat ingin membuat paragraf dengan background berwarna merah, maka sintax CSS-nya adalah sebagai berikut:

P{background:red}

Setelah itu, setiap sobat membuat suatu paragraf (tentunya dengan menggunakan dengan tag < p>) pada dokumen HTML yang bersangkutan, maka secara otomatis akan memiliki background berwarna merah. Namun, perlu diingat bahwa format penulisan CSS diatas hanya berlaku pada Internal CSS dan Eksternal CSS, sedangkan pada Inline CSS format penulisannya akan berbeda.
Contoh Penulisan Internal CSS untuk membuat paragraf dengan background berwarna merah adalah sebagai berikut:

<html>
<head><title>Paragraf Berwarna merah</title>
<style type="text/CSS">
p{background:red}
</style>
</head>
</body>
<p>
It seems that almost everybody has a cell phone these days, and with the <br />
growing adoption of smart phones, more and more people are browsing the internet <br />
on their mobile device. Even though some phones, like the iPhone, have browsers <br />
that make viewing regular webpages suitable, a mobile version of your website can <br />
mean several benefits, like faster load times, and ensuring your content can be viewed <br />
on a wider range of phones.
</p>
</body>
</html>

Hasilnya kira-kira sebagai berikut:

Kira-kira seperti itulah penjelasan mengenai selector, property dan value pada CSS. Semoga bermanfaat bagi sobat. Nah, karena saya juga masih dalam tahap pembelajaran, bisa jadi terdapat kekurangan pada tulisan ini. Bagi sobat yang ingin menambahkan atau mengoreksi silahkan komen disini.

Membuat desain web yang menarik dengan CSS

2010-05-08T16:18:00.000-07:00

Bagi sobat yang sudah mengerti tentang HTML, tentu tidak asing lagi dengan yang namanya CSS. namun bagi sobat yang belum pernah menjamah sama sekali hal-hal yang berbau perancangan web, CSS mungkin agak terdengar Asing. Nah, sebelum mengetahui apa itu CSS, sepertinya kita perlu tahu dulu nih.. kenapa sih harus belajar perancangan web? Hmmm.... sobat tentu sudah tahu bahwa perkembangan teknologi informasi belakangan ini terlihat begitu pesat. Hampir tiap perusahaan baik yang ada di indonesia maupun mancanegara merubah cara berpromosi dari yang tadinya hanya sekedar offline, sekarang sudah merambah ke dunia internet (tanpa melupakan promosi offline tentunya). Disinilah para desainer dan programmer web sangat diperlukan. Bahkan, salah satu teman saya pernah mendapat penghasilan Rp 500.000 hanya untuk menuliskan beberapa baris kode CSS, dan pekerjaan itu diselesaikan dalam waktu kurang dari satu jam. bayangkan..

bagi seorang pemula, penghasilan sebesar itu sudah dianggap cukup besar bukan..?

Apa itu CSS?
CSS adalah script yang biasa digunakan untuk memformat style pada suatu dokumen HTML. CSS sendiri merupakan singkatan dari Cascading Style Sheet. CSS bukanlah suatu bahasa pemrograman, CSS hanyalah sebuah style sheet. Script CSS tidak mengandung fungsi-fungsi seperti IF, For, While dsb. Oleh karena itu, bagi sobat yang kurang menyukai bahasa pemrograman, tidak usah takut dengan CSS karena selain handal CSS juga mudah untuk digunakan.
Manfaat menggunakan CSS
CSS diciptakan karena adanya keterbatasan pada HTML untuk menciptakan tampilan web yang menarik. Dengan menggunakan CSS, kita bisa membuat tampilan web yang lebih menarik. Contoh yang paling sederhana adalah sebagai berikut:
Dengan menggunakan HTML biasa tampilan unordered list akan tampak seperti berikut:

Belajar PHP dengan Framework Code Igniter
Dibayar 300 Ribu Setiap Bulan Tanpa Modal. Mau?
Pemrograman C++ (part IV)
Pembuatan Pemesanan PHP dan MySQL
CD Interaktif Company Profile Perusahaan Sebagai Sarana Promosi 2010
PHP - Kompilasi ke Windows/Linux Executable
Dasar Java 1

Dengan menggunakan CSS kita bisa memodifikasi tampilan unordered list diatas menjadi lebih menarik, contohnya adalah sebagai berikut:

Selain contoh diatas, manfaat CSS lainnya adalah kita bisa mengubah tampilan website kita dengan lebih rapi dan tentunya lebih cepat. Bahkan, terkadang kita hanya perlu mengubah sebaris kode saja untuk mengubah seluruh tampilan website kita.
Bagaimana menggunakan CSS
    Dalam menggunakan CSS, alangkah baiknya jika sobat telah menguasai HTML. Karena sebagian besar kode CSS yang digunakan nantinya akan diterapkan pada dokumen HTML. Suatu style CSS sama sekali bukanlah apa-apa jika tidak ada elemen HTML yang menampilkan style yang ada di dalamnya.

    Ada 3 tipe penggunaan CSS, diantaranya adalah sebagai berikut:
1) Inline CSS
       Yaitu suatu style CSS yang dituliskan secara langsung bersama kode elemen HTML yang ingin dirubah style-nya. Contohnya adalah sebagai berikut:

<font style="color:blue">Ini Tulisan Berwarna Biru</font>

Contoh diatas adalah kode HTML yang digunakan untuk menampilkan kata-kata “Ini Tulisan Berwarna Merah” dengan warna merah:

Ini tulisan Berwarna Biru

Kode CSS diatas akan menampilkan hasil yang sama dengan kode dibawah ini:

<font color="blue">Ini Tulisan Berwarna Biru</font>

2) Internal CSS
Internal CSS adalah style CSS yang dituliskan pada bagian header dokumen HTML. Berikut cara menuliskannya:

     <style type="”text/CSS”">
    ……Kode CSS….
     </style>

3) Eksternal CSS
Yaitu suatu style CSS yang berada pada suatu dokumen terpisah, dan dihubungkan dengan suatu dokumen HTML. File ini diberi nama dengan ekstensi CSS, misalnya "latihan1.CSS". Untuk menggunakannya, dokumen ini kemudian dihubungkan dengan suatu dokumen HTML dimana style CSS tersebut diaplikasikan.Untuk menghubungkan CSS dengan dokumen HTML, tulisankan tag berikut pada header dokumen HTML.

<link href="latihan1.css" rel="stylesheet" type="text/css">

Kalau dijelaskan secara sederhana perbedaan antara inline,internal dan eksternal adalah sebagai berikut:
1) Inline Ditulis pada body HTML
2) Internal Ditulis pada bagian Header HTML
3) Eksternal ditulis pada File terpisah
Seperti itulah kira-kira gambaran awal mengenai CSS, Semoga bermanfaat bagi sobat yang baru memulai belajar CSS.
thx

Tips membangun blog yang sukses (part 2)

2010-05-06T08:21:00.000-07:00

Senang sekali saya bisa kembali berbagi bersama sobat, walaupun hanya melalui tulisan, tapi semoga bisa membawa manfaat bagi sobat semua. Pada postingan sebelumnya saya menjelaskan beberapa kriteria tentang “membangun blog yang sukses” diantaranya adalah sebagai berikut :

1) Memiliki motivasi yang kuat untuk berhasil

2) Pengetahuan yang lengkap seputar dunia blogging

3) Pengetahuan yang banyak dan mendalam mengenai tema yang diangkat

4) kemampuan menulis konten yang bermutu

Dibawah ini merupakan kelanjutan dari posting tersebut. Bagi yang belum membacanya silahkan klik disini. Adapun kriteria yang lainnya adalah sebagai berikut:

Sering-seringlah meng-update blog sobat

Salah satu faktor yang mempengaruhi peringkat blog kita di search engine adalah seberapa sering kita meng-update blog kita. Banyak diantara teman-teman blogger yang sering meng-update status di facebook, terkadang sehari ada yang lebih dari sepuluh kali. Namun seberapa seringkah kita meng-update postingan blog? Hmm… ada yang sering ada juga yang ogah-ogahan karena malas… (termasuk juga saya.. hehe).

Salah satu alasan yang membuat teman-teman blogger (dan saya sendiri ) malas dalam mengupdate postingan terkadang karena tidak tahu apa yang harus ditulis. Ketidaktahuan tersebut lagi-lagi karena kurang derasnya ide yang mengalir di dalam kepala kita.

Sobat,,, salah satu faktor yang mempengaruhi derasnya ide yang mengalir lagi-lagi adalah banyaknya pengetahuan yang kita miliki. Hal ini sesuai dengan yang saya ungkapkan pada posting sebelumnya. Jadi, sebelum mengupdate postingan, update dulu pengetahuan kita tentang tema yang diangkat.

Dalam mengupdate postingan, kita harus melakukanya secara kontinu. Sehingga, kita sebisa mungkin harus mampu mengatur waktu. Inilah yang paling berat menurut saya, jika dilihat dari sudut pandang saya yang notabene adalah seorang mahasiswa yang mempunyai kesibukan selain di kampus juga mempunyai banyak agenda diluar kampus. Apalagi ada faktor –x yang sangat menyulitkan dan mendesak. Loh…. Kok jadi curhat ya?? Hehe maaf…

Yah… mungkin ada juga sobat yang merasa bahwa waktu bukanlah suatu masalah, karena sudah mempunyai keahlian untuk me-managenya atau karena tidak mempunyai banyak kesibukan. Kalau seperti itu keadaanya saya ucapkan selamat bagi sobat… (dan turut berduka cita bagi saya…. Heheh).

Kesabaran sebagai kunci

Untuk tetap bisa continue mengembangkan blog kita dan menulis posting-posting, diperlukan kesabaran yang ekstra, kecuali mungkin bagi sobat yang menganggap bahwa menulis adalah sesuatu yang menyenangkan.

Kita juga mesti sabar untuk tidak terburu-buru mengikutkan blog kita ke suatu program affiliasi, PTC ,PPR dan sebagainya tanpa kualitas blog yang layak. Apalagi kalau blog tersebut masih sangat baru. Kalau mau dianalogikan, sebuah blog yang baru itu ibarat kuda yang baru lahir. Dan jika program-program Affiliasi (dan lain-lain) dianalogikan sebagai penumpangnya, maka kuda tersebut belum bisa menarik penumpang karena masih bayi. Betul tidak sobat? Jadi, sebelum bisa menarik penumpang, blog kita harus dibesarkan dulu dengan cara diberi konten-konten yang bermutu dan diusahakan agar pageranknya bagus, baru bisa narik deh…

Promosikan blog sobat

Ada banyak cara untuk mempromosikan blog sobat, beberapa diantaranya yaitu, dengan Search Engine Optimization, bertukar link dan sebagainya. Salah satu yang sangat penting menurut saya adalah menjalin kontak dengan blogger lain yang memiliki tema yang sama dengan kita. Ini memungkinkan kita untuk bisa bertukar pikiran, saling mengkoreksi kekurangan satu sama lain dan tentunya bisa bertukar link.

Demikian tulisan ini semoga bermanfaat bagi sobat, semoga kita bisa terus berbagi pengalaman dan pengetahuan satu sama lain.

^_^

Tips membangun blog yang sukses (part 1)

2010-05-04T19:55:00.000-07:00

Sobat, tahukah sobat seperti apa sih blog yang sukses itu? Menurut saya blog yang sukses itu adalah blog yang berhasil mencapai target sesuai dengan keinginan sang empunya. Betul tidak? Nah, pada kesempatan kali ini saya ingin membahas sedikit mengenai bagaimana membangun blog yang berhasil. kalau menurut saya blog yang sukses itu memerlukan beberapa kriteria diantaranya sebagai berikut:

Motivasi yang kuat untuk berhasil

Sobat, motivasi adalah energi. Energi motivasi dibutuhkan untuk membangun kekuatan tekad dan kemudian tekadlah yang akan dapat menggerakan diri kita untuk berhasil. Tidak dapat dipungkiri bahwa rata-rata orang sukses di dunia ini baik sukses dalam hal blogging atau bukan, mereka mempunyai tekad yang kuat untuk berhasil. Bila diibaratkan sebuah kerajaan, tekad adalah rajanya dan pikiran kita adalah penasehat kerajaannya sedangkan tubuh kita adalah rakyatnya. Jika rajanya itu kuat dan berwibawa, maka seluruh rakyat akan patuh dan mengikuti kehendak sang raja dan apabila rajanya lemah, jangan harap rakyat bisa mematuhi perintah sang raja.

Karena blog ini bukan blog motivasi, sobat bisa mempelajari lebih jauh bagaimana membangun motivasi melalui buku-buku ataupun blog yang khusus membahas seputar motivasi.

Pengetahuan yang lengkap seputar dunia blogging

Ketika kita akan pergi ke Roma kita harus tahu jalan menuju roma. Betulkan teman-teman? (ya iyalah…. ^_^) Nah dalam blogging pun demikian.. kalau kita pengen sukses minimal kita harus paham dulu seluk-beluk dunia perbloggingan. Cara menyenangkan dan paling ampuh belajar blog adalah dengan terjun langsung ke lapangan sambil terus mengikuti artikel-artikel terbaru dari blog/website yang memang membahas seputar dunia blogging.

Pengetahuan yang banyak dan mendalam mengenai tema yang diangkat

Jika sobat tidak mempunyai pengetahuan yang banyak mengenai tema yang diangkat, bisa-bisa pengunjung tidak tertarik dengan blog sobat. Kebanyakan mereka akan menganggap blog sobat sebagai blog yang kurang kredibel. Artinya, blog sobat kurang terpercaya (bukan kurang bisa dipercaya). Dan jika mereka tidak tertarik, mereka dengan mudahnya bisa mengunjungi situs lain yang lebih baik dalam hal ini. So, asah terus pengetahuan sobat mengenai tema blog sobat.

Untuk lebih mudah mengasah pengetahuan tentang tema tersebut, saya lagi-lagi menyarankan agar membuat blog sesuai dengan tema yang sobat senangi agar sobat tidak merasa berat mendalaminya. Jika sobat senang terhadap bidang tertentu, berarti sobat mempunyai minat terhadap bidang tersebut dan minatlah yang akan menumbuhkan motivasi belajar dalam diri sobat.

Kemampuan menulis konten yang bermutu

Jika sobat sudah mempunyai pengetahuan yang mendalam mengenai tema yang diangkat, berarti sobat bisa menulis konten yang bermutu. Sobat harus bisa menuangkan pengetahuan tersebut ke dalam bentuk tulisan. Sobat bisa baca artikel tentang bagaimana menulis konten blog, untuk membacanya klik disini.

Selain itu untuk membuat konten yang bermutu, minimal sobat harus lebih tahu dari pengunjung sobat. Bagaimana mengetahuinya kalau sobat lebih tahu atau tidak? Ya kira-kira saja… ^_^. Namun, perlu diperhatikan bahwa jangan sampai kita terkesan menggurui, bahkan terkesan sombong . Wah.. kalau sudah terkesan sombong, bahayanya dunia akherat tuh… ^_^.

Nah, itulah beberapa kriteria yang saya maksudkan. Namun tulisan ini belum selesai dan insyaallah akan saya lanjutkan pada posting berikutnya. Simak terus pembahasannya. Bila sobat ingin menambahkan atau bahkan tidak sependapat, silahkan memberikan komentar pada kotak komentar di bawah ini.

Waah... baru-baru ini blogger sudah mendukung amazon.

2010-05-02T18:25:00.000-07:00

   Baru-baru ini saya baru tahu kalau di blogger.com ada menu monetize blog, mungkin karena saya jarang update informasi kali ya... hehehe. Disana ada pilihan, mau me-monetize pake adsense atau pake amazon. Amazon? ya betul, teman-teman tentu sudah tahu kan tentang amazon.
Untuk me-monetize blogger anda dengan menggunakan amazon, selain dengan cara yang sudah saya jelaskan pada posting sebelumnya, teman-teman juga bisa melakukannya secara langsung dengan memilih menu monetize tersebut.

  Namun untuk melakukannya, pastikan bahwa teman-teman sudah memiliki account amazon. Bagi temen-temen yang belum memiliki account amazon silahkan klik disini.

  Jika teman-teman sudah berhasil mendaftar di amazon, silahkan klik monetize blog pada account blogger teman-teman dan ikuti langkah selanjutnya. Jika sudah berhasil, teman akan melihat menu amazon associate disamping kotak text ketika teman-teman akan membuat postingan. kira-kira seperti ini:

Selanjutnya teman-teman bisa menyisipkan iklan amazon pada postingan teman-teman, dan tentunya teman-teman akan dapat komisi apabila ada produk amazon yang terjual melalui blog teman-teman. Cara menyisipkannya yaitu :

Tempatkan kursor mouse pada postingan teman-teman pada bagian dimana teman-teman ingin memasang iklan amazon.

Kemudian klik pada salah satu tombol berikut:

Maka secara otomatis iklan amazon akan tampil pada postingan teman-teman, jika tombol yang teman-teman klik adalah tombol "link" maka iklan yang muncul akan berbentuk link. Jika yang teman-teman klik adalah "image" berarti iklan yang muncul berupa gambar dan jika teman-teman memilih "link+image" maka yang akan muncul berupa gambar dan link.

yah itu sedikit info saja dari saya semoga bermanfaat bagi teman-teman, jangan lupa untuk terus membaca postingan - postingan dari blog ini. insyaallah saya akan selalu meng-update nya dengan info-info baru.

thx

Tips Cepat Menulis Posting Blog

2010-04-29T21:13:00.000-07:00

    Posting blog adalah salah satu hal penting agar pengunjung anda merasa puas dengan informasi yang diperoleh dari blog anda. Kepuasan pengunjung merupakan hal yang penting karena bila pengunjung merasa puas, bukan tidak mungkin jika mereka akan kembali mengunjungi blog kita. Bahkan, mungkin ada diantara mereka yang
akan memberitahukan seputar blog kita kepada rekan-rekannya.Kalau udah gini blog kita bisa jadi terkenal kan?
dan bahkan bisa cepat menghasilkan keuntungan buat kita.

Teman-teman tentu tahu bahwa kebanyakan blogger saat ini sering malas membuat postingan. Hmmm... padahal sayang juga kalau blog kita hanya diisi dengan pernak-pernik/tool yang kata orang bisa menaikan pagerank. Padahal inti dari blog itu sendiri (baca:postingan) tidak diperhatikan. Emmm... kalau menurut saya sih tool-tool SEO tidak akan berpengaruh banyak kalau postingannya tidak terlalu bermutu dan jarang di-update. Dan kalaupun ada pengaruhnya paling-paling hanya sementara saja. Kecuali kalau blog kita menyediakan layanan yang sangat bermanfaat bagi pengunjung dan itupun tidak selamanya dibutuhkan.

Nah, lantas bagaimana kita bisa membuat postingan dengan cepat dan tanpa rasa malas, berikut saya uraikan beberapa tips dan triknya:

1) Sesuaikan tema tulisan teman-teman dengan minat teman-teman.
     Akan berbeda sekali rasanya ketika kita melakukan hal yang kita minati dibandingkan dengan hal yang tidak kita minati. Dengan menulis hal yang berhubungan dengan minat kita, rasa malas dalam menulis dapat diminimalisir.

2) Buat kerangka karangan sebelum menulis
    Langkah ini sebenarnya tidak wajib, mungkin diantara teman-teman ada yang lebih suka menulis secara mengalir (seperti ngobrol aja gitu..). Namun bagi teman-teman yang mau menulis tentang hal-hal yang agak serius semisal tutorial pemrograman, alangkah baiknya membuat kerangka karangan terlebih dahulu. Ini dilakukan agar kita tidak bingung ketika dalam tahap penulisan. Selain itu, kerangka tulisan bisa dibuat dimana saja, karena pendek, kerangka tulisan bisa ditulis di HP. Sehingga apabila kita tidak punya cukup waktu untuk menulis di depan komputer, tulis aja di HP, bisa ketika berada di dalam bis, di restoran sambil menunggu hidangan siap dll.

3) Tekun mendalami bidang yang kita geluti
   Semakin banyak wawasan kita mengenai bidang yang berhubungan dengan tema blog kita, semakin deras pula ide yang mengalir di kepala kita untuk membuat tulisan. Selain itu, JANGAN LUPA bahwa kita harus sering-sering mengupdate wawasan tersebut agar apa yang kita tulis di dalam postingan tidak menjadi sebuah informasi yang basi. Contohnya saja ketika teman-teman menulis tentang tutorial CSS, teman-teman sebaiknya mengetahui seluk-beluk CSS pada versi terbaru. Karena kemungkinan ada beberapa aspek dari versi sebelumnya yang tidak berlaku lagi pada versi terbaru. Dan jika pembaca menggunakan CSS versi terbaru, mereka akan kebingungan ketika tutorial yang anda berikan tidak bisa digunakan pada browsernya.

4) Jangan terburu-buru menulis banyak postingan
    Pernah suatu ketika saya membuat lima postingan sekaligus dalam sehari, namun tidak ada yang benar-benar selesai. Kelima tulisan tersebut saya buat asal-asalan tanpa melihat kembali kualitasnya apakah sudah layak belum untuk dijadikan sebuah postingan yang menarik. Akhirnya blog saya dicap sebagai blog yang kurang bermutu.

5) Lakukan seperti update status pada facebook
    Dengan begitu kita akan selalu merasa enjoy dengan apa yang kita lakukan. Tapi bukan berarti asal-asalan, kalau di facebook kita update status tentang keadaan pribadi kita. Sedangkan pada postingan blog kita update status mengenai bidang yangkita geluti semisal "info software terbaru".

Itulah sedikit tips dari saya semoga bermanfaat bagi teman-teman. Bagi teman-teman yang ingin menambahkan atau kurang sependapat silahkan berkomentar di bawah postingan ini. Thx

Cara Mendapatkan $27 Hanya dengan cara mengomentari website orang

2010-04-16T23:01:00.000-07:00

^_6 jangan heran ya dengan judul postingan ini, di internet ada banyak sekali situs yang menawarkan jasa surveys untuk member gambaran seberapa baguskah website kita. Jadi jika kita ingin website kita di survey, kita perlu membayar ke situs yang bersangkutan.

Naah….. sekarang apa jadinya kalau dibalik, kitalah yang akan men-surveys website orang lain. Tentunya kita dibayar doong? Yaps tentu saja..

Bagi yang penasaran mari kita coba salah satu situs yang menyediakan jasa survey ini, namanya awsurveys. Langkah-langkahnya adalah sebagai berikut:

1) Pertama-tama buka situs Awsurveys.

2) Klik create a Free account.

3) Isikan data-data sebagai berikut

4) Klik tombol create free account yang berada di bagian bawah.

5) Lalu Tanpa basa-basi temen-temen akan diajak kehalaman member area, dimana temen-temen bisa langsung mengomentari website yang disediakan. Tampilannya adalah sebagai berikut:

6) Untuk memulai survey klik pada salah satu pilihan survey pada bagian The Following surveys are available.

7) klik start survey now, maka akan muncul tampilan kira-kira sebagai berikut:

8) klik Click here for website 1 dan Click here for website 2 untuk melihat website yang akan dikomentari kemudian tulis komentar teman-teman pada kotak yang tersedia, jika sudah Click here for submit BOTH Reviews.

9) Ulangi langkah 6 sampai 9 untuk mengomentari website yang lainnya.

^_^ selesai ^_^

......

Langkah-langkah memasang snapshot di blog

2010-04-16T09:24:00.000-07:00

Temen-temen pasti udah tahu dong.. yang namanya snapshot? itu loh... yang suka muncul ketika kita mengarahkan kursor ke suatu link di suatu blog,,,,,, hmmm.... malah makin bingung ya? oke deh kalo bingung (padahal temen-temen pada pinter jadi gak mungki bingung) langsung aja kita coba.

Langkah-langkah membuatnya adalah sebagai berikut:

1) Pertama-tama buka http://www.snap.com

2) Klik Get Started pada bagian publisher/blogger.

3) Ketika muncul tampilan seperti dibawah, anda bisa menyesuaikan tema sesuai dengan keinginan, sesudah itu klik continue.

4) Setelah itu isilah data-data sebagai berikut, dan jangan lupa untuk mencentang kotak checkbox

I agree to term & Condition above.

5) Setelah itu klik Continue.

6) muncullah tampilan sebagai berikut:

8) klik continue. Maka snapshot temen-temen sudah selesai. Untuk mencobanya, arahkan kursor ke salah satu link di blog temen-temen, maka snapshotnya akan tampil. Untuk meng-editnya klik aja edit.

^_^ Selamat mencoba ^_^

Langkah langkah memasang shoutbox di blogger

2010-04-15T17:48:00.000-07:00

Hmm …. Ayooo… pasti udah tahu dong yang namanya shoutbox? Ok…ok.. bagi temen-temen yang belum tahu, nih saya kasih tahu
Shoutbox itu adalah kotak komentar yang banyak dijumpai di sidebar blog. Biasanya pemilik blog sengaja memasangnya untuk member kesempatan bagi pengunjung blog agar bisa member komentar atau minimal say hello di blog tersebut.

Seperti inilah kira-kira bentuknya:

Nah… sekarang sudah tahu kan apa itu shoutbox...., sekarang saya akan kasih tahu cara membuatnya. Caranya mudah kok, temen-temen tinggal ikutin aja langkah-langkah berikut ini:
1) Pertama bukalah situs http://www.shoutmix.com/main/
2) Lalu klik tombol Create shoutbox.
3) Setelah itu isilah data-data berikut dengan baik dan benar (^_^).

4) Kalo udah klik aja Continue.
5) Akan muncul tampilan sebagai berikut

6) Klik Get codes pada bagian sebelah kiri atas, di bawah tulisan quick start. Maka akan muncul lagi tampilan sebagai berikut.

7) Disini temen-temen bisa menyesuaikan panjang dan lebar shoutbox temen-temen. Sebaiknya sesuaikan dengan ukuran sidebar/tempat dimana temen-temen akan memasangnya. Jika sudah, copy kode yang ada pada text area Generate codes, lalu simpan di tempat yang temen-temen inginkan di blog temen-temen.

^ _^ Selesai ^_^

Cara menggabungkan aStore Amazon dengan blog

2010-04-11T08:21:00.000-07:00

Pada posting sebelumnya, saya telah menjelaskan tentang bagaimana membuat aStore amazon. Tentunya teman-teman sudah paham dan sudah bisa membuatnya. Kalaupun teman-teman belum membacanya teman-teman bisa klik disini.

Nah, pada kesempatan kali ini saya akan menjelaskan cara menggabungkan aStore amazon dengan blogger. Hah? Ternyata bisa juga ya? Ya…. Sangat bisa.

Adapun Langkah-langkah untuk menggabungkan aStore dengan blog adalah sebagai berikut:
1) Pertama-tama login dulu ke account affiliate amazon anda.
2) Lalu pilih tab aStore.
3) lalu klik edit pada bagian aStore yang ingin teman-teman gabungkan dengan blog teman-teman.

4) Pada side-bar sebelah kiri klik get link

5) Pada bagian Get Store Link, pilih Embed my store using an inline frame. Lalu copy kode dibawahnya ke postingan blog teman-teman.

.....Selesai dan Selamat mencoba....

Membuat Toko Online dengan menggunakan aStore amazon

2010-04-07T19:02:00.000-07:00

By: Asep Edi Kurniawan
Amazon.com adalah sebuah toko online yang saat ini bisa dikatakan memiliki peringkat pertama dalam penjualan secara online disamping e-bay. Situs ini juga memungkinkan kita untuk mendapatkan penghasilan secara online melalui program affiliasi atau affiliate program yang diadakan oleh situs tersebut.

Jadi...apa itu program affiliate? hemmmm….. saya yakin teman-teman sudah tahu apa itu affiliate marketing, namun jika belum, teman-teman bisa klik disini.
Dalam menjalankan bisnis affiliate, amazon menyediakan beberapa fasilitas. Salah satunya yaitu fasilitas “aStore” yang merupakan singkatan dari “ Associates Store”. aStore adalah suatu situs toko yang bisa dimiliki oleh peserta affiliate program untuk menjual produk.Memiliki aStore tentu jauh lebih mudah daripada membuat toko online sendiri.Sebab, peserta affiliate hanya tinggal mempromosikan aStore tersebut agar mendapat traffic/pengunjung yang banyak, sehingga kemungkinan terjualnya produk lebih besar.
Hehe… kayaknya pembaca sekalian udah mulai tertarik tuuh…… eits tenang dulu..! sebelum mulai membuat aStore pastikan terlebih dahulu anda sudah memiliki account program affiliasi amazon, jika belum klik tutorialnya disini.
Udah belum bikin account-nya? Kalo udah langsung saja ya… langkah-langkah membuat aStore adalah sebagai berikut:
1) Login ke http://affiliate-program.amazon.com
2) Klik pada tab aStore.
3) Lalu klik

4) Lalu Klik Add Category Page.

5) Pada bagian Category Title ketikan judul dari kategori yang akan dibuat, misalkan “merchandise”.

6) Pada bagian bawahnya pilih Add products by Amazon.com category

7) Lalu klik Select an Amazon category.
8) Kemudian akan muncul menu seperti berikut:

9) Kemudian, Pilih dan klik salah satu sub-kategori yang tersedia. Jika teman-teman ingin memilih semua subkategori, centang pada kotak/checkbox “Include all subcategories for this category”.
10) Jika teman-teman hanya ingin menampilkan produk berdasarkan kata kunci tertentu, berdasarkan kata kunci apa teman-teman ingin menampilkan? Ketik kata kuncinya pada kotak berikut:

11) Lalu klik Save.
12) Selesai. Kini Toko online anda sudah jadi. untuk melihatnya klik “permalink“ yang berada di samping category title. Jika anda ingin merubah tampilannya klik Color & Design. Bagi yang berminat untuk menggabungkan aStore dengan blog silahkan klik Disini.

----Selamat Mencoba----

Langkah-langkah Mendaftar di Program Affiliasi Amazon.com

2010-04-06T21:14:00.000-07:00

Amazon.com adalah sebuah toko online yang saat ini bisa dikatakan memiliki peringkat pertama dalam penjualan secara online disamping e-bay. Situs ini juga memungkinkan kita untuk mendapatkan penghasilan secara online melalui program affiliasi atau affiliate program yang diadakan oleh situs tersebut.

Program affiliate adalah suatu program yang memungkinkan kita mendapatkan penghasilan dengan cara menjual produk orang lain. Biasanya, kita akan diberi upah sekitar 30% dari keuntungan yang didapat.Proses penjualannya sendiri biasa dilakukan secara online.

Bagi anda yang berminat langsung saja saya beritahukan langkah-langkahnya:1) Ketikan URL : https://affiliate-program.amazon.com pada address bar di browser anda.
2) Setelah muncul halaman amazon associates klik Join Now for Free!
3) Kemudian Isi data-data sebagai berikut:

a. Pada textbox “ My e-mail address is”: Isi dengan alamat e-mail anda.
b. Karena anda adalah pengguna baru, maka klik radio button “I am a new customer”.
c. Kemudian klik "sign in using our secure server"
4) Setelah itu anda akan langsung dibawa ke halaman registrasi. Isikan data-data sebagai berikut:

5) Bila Sudah Selesai klik "continue"
6) Kemudian akan muncul kotak Isian lagi. Isikan data-data anda dengan benar, karena dengan data inilah yang nantinya akan menjadi alamat tujuan penerima pembayaran dari amazon.

7) Lalu apabila semua data sudah diisi ,lanjutkan dengan mengklik tombol "Next:Your Website Profile"
8) Pada kotak Isian Your Website Profile dengan data-data website anda.

9) Jika Sudah klik "Finish" untuk menuju account anda klik tombol Get Started Now.

Sekarang anda sudah memiliki Account di Affiliate Amazon, setelah ini anda bisa membuat toko online dengan menggunakan aStore amazon lihat tutorialnya disini.

……Selamat berbisnis…

Menampilkan Hewan peliharaan cyber di blogger

2010-04-04T06:38:00.000-07:00

Bagi anda yang senang dengan hal-hal yang unik tentu tidak ingin melewatkan hal yang satu ini, “hewan peliharaan cyber”. Hewan peliharaan cyber adalah hewan peliharaan “bo’ongan”yang dibuat dengan menggunakan program computer untuk sekedar hobi. Dan kini anda bisa memasngnya di blog anda, disini saya akan memberitahukan caranya memasang hewan cyber tersebut di blog anda. Langkah-langkahnya adalah sebagai berikut:

1) Kunjungi situs ini : http://bunnyherolabs.com/
2) Klik Cyber-Pets.
3) Kemudian akan muncul macam-macam karakter hewan cyber seperti kucing, kelinci, anjing, penguin dsb. Pilih dan klik yang anda suka.
4) Kemudian anda diminta mengisikan data-data sebagai berikut:

a. Get Your Pet a Name!, Untuk memberi nama bagi hewan peliharaan tersebut.
b. Type Your Name Here (nick name are Ok), Isikan textbox yang berada disampingnya dengan nama anda, anda boleh menggunakan nama panggilan atau nama samara sekalipun. Ini untuk ditampilkan sebagai nama peng-adopsi hewan tersebut.
c. Kemudian, di bawah tulisan your pet can be any colour you like! anda bisa menggonta-ganti warna hewan peliharaan anda sesuai yang anda inginkan.
5) Klik finish
6) Lalu akan muncul pilihan where do you want to put your pet? klik other site lalu pilih blogger.
7) Lalu Isikan lagi data-data sebagai berikut:

a. Blogger Username, dengan alamat email anda yang digunakan di blogger.
b. Blogger Password, dengan password blog anda.
c. Blog, disini ketikan alamat blog anda.
d. Jangan lupa centang kotak pilihan Post to Sidebar.

8) Klik Post.
9) Secara otomatis hewan peliharaan anda akan muncul di halaman blog anda. Anda bisa memindahkannya ke tempat yang anda kehendaki, agar tidak mengganggu tampilan blog anda. Caranya : klik Layout>Page Elemen kemudian drag kode hewan peliharaan anda ke tempat yang dikehendaki.

>>>Selamat Mencoba<<<

Download Artikel Ini

Memasang hit counters di blogger

2010-03-31T20:32:00.000-07:00

Hit counter adalah alat yang digunakan untuk menghitung berapa kali suatu situs dibuka oleh browser.Dengan kata lain hit counter adalah suatu alat penghitung pengunjung. Para administrator website maupun blog biasanya menggunakan alat ini untuk mengetahui seberapa popular website atau blog tersebut.

Untuk membuat hit counter setidaknya kita harus menguasai bahasa pemrograman seperti PHP dll. Namun bagi anda yang belum menguasainya, tidak perlu berkecil hati karena anda bias mendapatkannya dengan langkah yang lebih mudah. Adapun langkah-langkahnya adalah sebagai berikut:

1) Kunjungi situs berikut : http://www.website-hit-counters.com/
2) Setelah itu akan tampil berbagai desain hit counter yang menarik, pada halaman muka situs tersebut. Lalu pilih salah satu desain yang anda sukai dengan meng-klik radio-button yang ada di sampingnya.
3) Setelah itu anda diminta untuk mengisikan data-data sebagai berikut:

a. Website URL yaitu alamat web/blog dimana anda akan memasang hit counter.Isi saja dengan alamat blog anda.
b. Starting count yaitu angka mulainya perhitungan. Isi saja dengan angka nol.
c. Increment on, ada dua pilihan yaitu all hits dan unique visited only. All hits jika anda ingin menghitung setiap kunjungan , sedangkan unique visited only digunakan jika anda hanya ingin menghitung pengunjung dengan IP Address yang unik.
d. Is this a new or an existing account?: Pilih new jika anda adalah pengguna baru dan pilih existing jika anda adalah pengunjung lama (sudah punya account sebelumnya).
e. E-mail Address, Isilah dengan alamat e-mail anda.
f. Password, Ketikan Password yang anda inginkan

4) Klik Submit
5) Kemudian situs tersebut akan menampilkan kode dari hit counter anda ,copy dan paste kode tersebut ke blog anda.

Berikut Langkah-langkah untuk memasangnya di blogger :

• Buka blogger anda
• Klik Layout -> page elemen.
• Klik add a gadget -> Pilih HTML/Javascript.
• Lalu Paste kode dari hit counter anda di text area yang tersedia.
• Selesai
Selamat mencoba..

Download Artikel Ini