Banyak cara membuat logo blog, salah satunya dengan menggunakan Photoshop. Mungkin banyak di antara Anda yang sudah mengetahuinya, namun mungkin banyak pula yang sebaliknya. Jika Anda pada kondisi kedua, di bawah ini adalah langkah-langkah yang bisa membantu Anda membuat logo untuk blog Anda.

Sekadar informasi, saya menggunakan Adobe Photoshop 8.0. Jangan khawatir jika Anda memiliki versi Photoshop yang berbeda karena tool-tool yang digunakan tersedia pada Photoshop versi berapa pun.

1. Buka Photoshop dan buat sebuah file baru dengan mengklik menu File » New (Ctrl+N).
2. Pada jendela New, atur lebar (width) dan tinggi (height) sekitar 400 dan 100 pixels.  Pilih Resolusi 72 pixels/cm dan Color mode RGB 8 bit. Ukuran tersebut cukup bagus digunakan sebagai sebuah logo blog agar ukuran file yang dihasilkan tidak terlalu besar. Untuk background contents pilih White. Selanjutnya klik OK.



3. Setelah lembar kerja Anda terbuat, kini saatnya membuat tulisan untuk logo. Untuk itu klik Horizontal Type Tool (berupa huruf T) pada toolbox di sebelah kiri jendela Photoshop.  Ubah warna foreground menjadi hijau (#008000).


Klik pada lembar kerja dan ketik nama blog Anda. Pada contoh ini saya menamai blog saya dengan nama GLOSSY GREEN. Sesuai dengan warna tulisan logo dan efek glossy yang akan diberikan nantinya.


4. Selanjutnya, masih pada layer tulisan, klik menu Layer » Layer Style » Blending Option untuk menambah style pada layer tulisan.
5. Pada jendela Layer Style, pilih dan tandai opsi Drop Shadow untuk menambah efek bayangan. Kemudian atur setting sebagai berikut:

Blend Mode: Multiply; Opacity: 75; Angle: 120, Distance: 3; Size: 4, selengkapnya lihat gambar.


6. Selanjutnya, pilih dan tandai juga opsi Bevel and Emboss. Atur setting seperti berikut:

Style: Inner Bevel;  Technique: Smooth, Depth: 100%; Direction: Up; Size: 2; Soften: 0; Angle: 120; Attitude: 30. Lihat gambar untuk setting selengkapnya.


7. Jika pengaturan sudah selesai, klik OK untuk menyimpan Layer Style.
8. Selanjutnya, kita akan menambahkan sebuah gambar di sebelah nama blog dengan menggunakan Custom Shape Tool. Karena temanya kebetulan berwarna hijau, maka saya akan menambahkan sebuah gambar rumput menggunakan cutom shape tadi.
9. Untuk itu, pilih Cutom Shape Tool Kemudian pada toolbar, klik tanda panah kecil pada shape dan pilih Grass 2.
   
10. Buat sebuah layer baru dengan mengklik menu Layer » New » Layer (Shift+Ctrl+N) dan beri nama Rumput agar mudah mengenalinya. Kemudian gambar Shape grass tadi pada layer baru tersebut di sebelah kiri nama blog.



11. Selanjutnya, berikan style pada layer Rumput dengan style yang sama pada layer nama blog. Seperti pada langkah 4 sampai 7.
12. Setelah selesai mengatur Layer Style, kini seleksi layer shape Rumput dengan cara melakukan Ctrl+Klik layer tulisan pada layerbox.


Lakukan seleksi pula pada layer nama blog dengan cara melakukan Ctrl+Shift+Klik. Hingga kedua layer tersebut terseleksi seperti gambar berikut:


13. Selanjutnya, buat sebuah layer baru dengan mengklik menu Layer » New » Layer (Shift+Ctrl+N) dan beri nama layer tersebut dengan nama Glossy  untuk lebih memudahkan kita mengingat fungsi layer tersebut, yaitu memberi efek Glossy.
14. Setelah itu, pilih Paint Bucket pada toolbox dan pastikan warna foreground adalah putih (#FFFFFF).
15. Jika sudah, masih menggunakan Paint Bucket, klik pada lembar kerja Anda. Maka warna nama blog dan gambar rumput akan berubah menjadi putih.
16. Kemudian, pilih Eliptical Marquee Tool pada toolbox dan buat seleksi pada area tulisan seperti gambar di bawah.


Jika sudah, klik kanan pilih pada hasil seleksi dan pilih Select Inverse atau Anda bisa menekan tombol Ctrl+Shift+i pada keyboard. Selanjutnya tekan tombol Delete pada keyboard. Terkahir tekan tombol Ctrl+D untuk menghilangkan seleksi. Hasil dari langkah tadi seperti gambar di bawah.


17. Setelah itu, masih di layer Glossy, ubah layer Opacity menjadi 15% dengan cara mengklik tanda panah kecil pada Opacity yang terletak di Layer Box.


Langkah ini bertujuan untuk memberikan effek glossy pada tulisan.

18. Selanjutnya, Anda bisa juga menambahkan tag line di bawah nama blog tadi dengan menggunakan Horizontal Type Tool.



19. Setelah Anda selesai menambahkan tag line atau gambar, selanjutnya simpan gambar tersebut ke format PNG agar bisa digunakan pada blog. Sebelum minyimpan hilangkan dulu layer background agar warna latar dari logo Anda transparan agar bisa dipasang pada header dengan warna latar apapun. Cara menghapusnya atau menyembunyikannya dengan mengklik gambar mata di sebelah layer background pada layer box.



20. Jika warna latar sudah transparan, klik menu File » Save for Web (Alt+Shift+Ctrl+S). Pada jendela Save for Web, ubah preset di sebelah kanan atas jendela menjadi PNG-24 dengan mengaktifkan Transparency, seperti gambar di bawah.



21. Terakhir klik tombol Save dan berikan nama yang Anda inginkan. Hasil dari logo diatas kira-kira akan seperti gambar dibawah ini

Kini Anda sudah mempunyai logo yang cukup cantik untuk blog Anda. Anda bisa menambahkan kreasi Anda sendiri atau memakai warna lain pada logo tersebut agar sesuai dengan warna dominan blog Anda.

Sekian tutorial cara membuat logo sederhana dengan menggunakan Photoshop. Semoga bermanfaat dan selamat mencoba!

Tentang Penulis:

Gus Adit adalah blogger asal Bali pengelola blog Dunia Komputer. Blog alumnus Bahasa dan Sastra Inggris Universitas Udayana ini berisi tips dan berita seputar komputer dan internet. Simak salah satu artikel terpopulernya Download Google Chrome 5.0 Terbaru.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Salah satu kelebihan wordpress.org dibanding wordpress.com adalah saya bisa mengedit HTML dan CSS theme yang digunakan. Dengan demikian, saya bisa memodifikasi theme blog saya sehingga terkesan unik (beda dengan blog lain).

Menurut definisinya, HTML (HyperText Markup Language) adalah bahasa dasar internet yang digunakan untuk menggambarkan struktur teks dan media lain dalam suatu situs atau blog. Adapun CSS (Cascading Style Sheets) adalah bahasa Internet yang digunakan untuk menggambrkan jenis dan format halaman situs atau blog.

Sayangnya, karena tidak memiliki dasar informatika, saya awalnya pusing dan tidak mengerti dengan CSS dan HTML. Namun, dengan proses belajar yang kontinu, saya sedikit demi sedikit mengerti kedua bahasa Internet  tersebut.

Proses belajar ini dimulai dari Abi Umar pemilik Blogger Pemula. Blogger Sorowako yang notabene adalah rekan kerja saya ini banyak mengajarkan saya mengenai CSS dan HTML. Saya masih ingat bagaimana ia memandu saya untuk memodifikasi theme Prosense dari tiga kolom menjadi dua kolom.

Selain itu, ia juga memberikan wawasan bagaimana caranya menambah sidebar bawah, menyisipkan logo, memodifikasi header, dan sebagainya. Semuanya itu membantu saya sehingga saya sering menelpon atau ngeblog bersama untuk menyelesaikan masalah CSS dan HTML yang saya hadapi.

Tak ingin bergantung kepada orang lain, saya pun mencoba memahami CSS dan HTML secara otodidak. Saya mengutak-atik CSS yang ada dan melihat hasilnya. Terkadang saya juga melihat dan mengadaptasi CSS dari theme lain yang tidak ada di theme yang saya gunakan.

Aktivitas ini sungguh mengasyikkan dan bahkan sering berujung pada kesalahan. Namun, di balik kesalahan ini, saya menjadi tahu dan lama-lama mulai memahami CSS dan HTML.

Saya juga sering belajar di situs atau blog yang membahas CSS dan HTML. Di antaranya adalah:

1. w3schools

Situs ini memiliki banyak tutorial seputar HTML dan CSS. Tutorialnya gratis, mudah dipahami, dan juga disertai studi kasusnya.

2. HTML.net

Kelebihan situs ini adalah memiliki 15 pelajaran dasar mengenai HTML dan CSS. Tentunya ini sangat bermanfaat bagi mereka yang benar-benar belum mengerti sama sekali mengenai HTML dan CSS.

Saya percaya masih banyak situs atau blog yang membahas topik serupa dua situs di atas. Namun, bagi Anda yang ingin belajar HTML dan CSS, ada baiknya Anda mengunjungi kedua situs tersebut untuk melihat dan mempelajari konten yang ada.

Itulah sekelumit kisah saya belajr HTML dan CSS. Pada postingan berikutnya saya akan berkisah mengenai bagaimana saya mempromosikan Blogodolar dalam 3 bulan pertama sehingga sedikit demi sedikit trafik dan pelanggan RSS blog ini bertambah.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Tampilan kategori seperti itu bisa Anda lihat di kategori blog ini (contohnya Tips Menulis). Langkah-langkah untuk membuatnya sebagai berikut:

1. Setelah login ke wordpress.org Anda, pada fitur Appearance klik Editor.

2. Lalu klik archive.php yang ada dibagian kanan atas Anda.

3. Lihat bagian ringkasan yang kodenya seperti ini:

<?php the_excerpt(__(‘Read more’));?>

4. Hapus kode tersebut.

5. Lihat bagian meta data (author, date atau comments information). Contoh kodenya seperti ini:

<div>
<div class=”date”>By <span style=”text-transform:capitalize”><?php the_author_posts_link(); ?></span> | <span style=”text-transform:uppercase”><?php the_time(‘M j, Y’); ?></span></div>
<div class=”postinfo”><img src=”<?php bloginfo(‘template_url’); ?>/images/i_com.gif” align=”top” alt=”" /> <span class=”koment”><?php comments_popup_link(‘Comment’, ’1 Comment’, ‘% Comments’); ?></span></div>
</div>

<div class=”clearer”></div>

6. Hapus kode meta data tersebut.

7. Cari kode berikut:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

8. Tambahkan kode <ul> di depan kode tersebut sehingga hasilnya seperti ini:

<ul><?php if (have_posts()) : while (have_posts()) : the_post(); ?>

9. Cari kode berikut:

<?php endwhile; else: ?>

10. Tambahkan kode <ul> di akhir kode tersebut sehingga hasilnya seperti ini:

<?php endwhile; else: ?></ul>

11. Cari bagian permalink, lalu tambahkan kode <li> di depan dan </li> di belakangnya sehingga hasilnya seperti ini:

<li><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></li>

12. Klik Update File. Lalu lihat hasilnya di salah satu kategori yang Anda miliki.

Sebagai gambaran hasil langkah-langkah di atas, silakan simak screenshoot archive.php Blogodolar di bawah ini.

P.S:  Mohon copy terlebih dahulu kode-kode asli archive.php blog Anda, sehingga bila setelah melakukan editing terjadi error, Anda tinggal mem-paste-nya kembali.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Bagi pengunjung yang waktunya terbatas, kondisi ini cukup merepotkan karena ia harus mengklik beberapa halaman berikutnya. Dengan kata lain, pengunjung tersebut butuh waktu relatif lama untuk menemukan sesuatu yang dicarinya. Bagaimana cara mengatasi kondisi ini?

Cara mengatasinya adalah dengan menampilan seluruh postingan suatu kategori dalam satu halaman. Sebagai contoh, saat ini kategori Tips Dasar Ngeblog Blogodolar memiliki 65 postingan. Ketika Anda mengklik kategori tersebut, maka  65 postingan tersebut muncul pada satu halaman, padahal homepage-nya diatur hanya menampilkan 8 postingan. Dengan demikian, Anda akan mudah menemukan informasi seputar tips dasar ngeblog tanpa mengklik beberapa halaman selanjutnya.

Langkah-langkah untuk menampilkan seluruh postingan suatu kategori adalah sebagai berikut:

1. Download plugin Custom Query String (link download).

2. Upload, instal, dan aktifkan plugin tersebut di blog Anda (lihat caranya pada Cara Menginstal Plugin WordPress).

3. Pada fitur Settings, klik CQS sehingga muncul halaman CQS Options.

4. Pada Add New Condition, pilih is_archive pada Query, -1 pada Display (untuk menampilkan seluruh postingan), dan date – DESC pada Order by (diurut berdasarkan tanggal terbaru).

5. Lalu klik Add.

6. Hasil pengaturan kondisi di atas akan seperti di bawah ini.

7. Lihat hasilnya dengan mengklik salah satu kategori blog Anda.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Tips-tips tersebut terdiri dari:

• Cara Edit General Settings
• Cara Edit Reading Settings
• Cara Membuat Postingan
• Cara Membuat Link dalam Postingan
• Cara Upload Gambar
• Cara Mudah Install Theme WordPress
• … dan sebagainya.

Selengkapnya bisa disimak di halaman khusus Tips WordPress Bagi Pemula.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Favicon di blog wordpress.org bisa dibuat secara manual atau menggunakan plugin. Saya sendiri sudah menggunakan kedua cara tersebut. Cara manual saya gunakan dalam membuat favicon di Blogotainmen, adapun cara plugin saya gunakan di blog ini. Di bawah ini kedua cara tersebut.

Cara Memasang Favicon dengan Plugin cbnet Favicon

1. Pada fitur Plugins, klik Add New

2. Ketik cbnet favicon di kolom search plugins

3. Klik Install, lalu Install Now.

4. Klik Active Plugin untuk mengaktifkannya.

5. Pada fitur Settings, klik cbnet favicon.

6. Akan muncul tampilan untuk memilih favicon, yaitu favicon yang tersedia, favicon dari komputer Anda, dan favicon dari URL. Anda bisa memilih salah satunya.

7. Setelah itu klik tombol Save.

8. Favicon akan muncul di browser.

Cara Manual Memasang Favicon

Tahapannya terdiri dari 3 langkah: membuat favicon dengan menggunakan situs pembuat favicon, upload favicon ke blog, dan edit header.php untuk memasukkan link favicon.

Membuat favicon

1. Kunjungi situs html-kit.com.

2. Klik browse untuk memilih foto, gambar, atau logo yang hendak Anda jadikan favicon. Selanjutnya klik Generate Favicon.ico.

3. Contoh hasilnya seperti ini. Lalu klik Download Favicon Package dan simpan di komputer Anda.

4. Karena berbentuk WinZip, ekstrak gambar favicon (tipe gif) lalu simpan.

Upload favicon ke blog

1. Login ke wordpress.org Anda

2. Pada fitur Media, klik Add New.

3. Klik Browse dan pilih favicon yang sudah diekstrak tadi. Lalu klik Upload.

4. Akan muncul tampilan Media Library, lalu klik edit gambar favicon yang telah diupload tadi.

4. Copy Link URL dari favicon tersebut. Simpan di notepad atau MS words.

Memasang favicon di header.php

1. Pada fitur Appearance, klik Editor.

2. Klik header.php.

3. Masukkan kode berikut di atas </head>. Ganti huruf yang berwarna biru dengan link favicon Anda.

<link rel=”shortcut icon” href=”http://wwwblogodolar.com/wp-content/uploads/2010/03/animated_favicon1.gif” >

Untuk lebih jelasnya, silakan lihat screen shoot di bawah ini.

4. Klik Update File.

5. Buka blog Anda. Favicon akan terlihat di browser Anda.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Saya pun mencarinya di direktori plugin wordpress. Saya pun menemukannya dan menginstallnya. Alhasil, plugin ini sangat mudah dan elegan banget digunakan sekaligus mencirikan kreativitas Indonesia. Nah, bagi Anda yang ingin memasang plugin ini di blog wordpress.org, berikut cara mudah menginstal dan menggunakannya.

Cara Install Kaskus Emoticons

1. Login ke blog wordpress.org Anda.

2. Pada fitur Plugins, klik Add New.

3. Ketikkan kaskus emoticons pada kolom yang tersedia lalu klik Search Plugins.

4. Hasilnya seperti gambar di bawah ini, lalu klik Install.

5. Klik Install Now, lalu klik Active Plugin untuk mengaktifkannya.

Cara Menggunakan Kaskus Emoticons

Bagi Anda yang ingin menggunakan kaskus emoticons di postingan, caranya sangat mudah yaitu dengan mengklik tombol berlambang K dan tinggal pilih emoticon apa yang mau digunakan.

Sementara itu, bagi pembaca blog yang ingin menggunakan kaskus emoticons saat berkomentar, caranya tinggal mengklik tanda + yang ada di bawah form komentar lalu pilih emoticons sesuai keinginan.

Semoga bermanfaat dan selamat mencoba plugin yang elegan buatan anak bangsa ini.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Jika Anda tertarik juga membuat link download untuk RSS feed blog wordpress.org Anda, di bawah ini cara-cara membuatnya.

Halaman Download

1. Buat halaman (Add New Page) untuk menyimpan ebook yang akan didownload oleh pelanggan RSS.

2. Upload ebook yang Anda miliki di halaman tersebut. Caranya sama seperti meng-upload gambar. Lalu copy link URL-nya.

3. Tulis nama ebook pada halaman yang sedang dibuat dan sisipkan (insert) link URL pada tahap 2 ke nama ebook tersebut.

4. Publish halaman.

Catatan: Halaman ini tidak ditampilkan di navigasi header. Bagi Anda yang theme blognya memunculkan halaman secara otomatis, maka Anda harus memodifikasi header.php dengan menghilangkan list-page dan membuat ulang navigasi header secara manual.

Instal RSS Footer

1. Pada bagian fitur Plugins (di dashboard), klik Add New

2. Ketik RSS footer pada kolom Search Plugins.

3. Klik Install dan aktifkan plugin dengan mengklik Active.

Setting RSS Footer

1. Pada fitur Setting, klik RSS Footer.

2. Akan tampil halaman RSS Footer Options

3. Masukkan deskripsi dan kode link HTML halaman yang telah dibuat tadi pada bagian Content to put in the footer. Di bawah ini adalah contohnya (yang digaris bawah merah adalah kode link HTML halaman).

4. Pilih posisi After, jika Anda hendak menempatkannya di bawah postingan.

5. Klik Update RSS Footer Setting.

Jika Anda tidak mau membuat link download ebook, plugin ini bisa Anda gunakan untuk menempatkan link afiliasi, link blog baru Anda, dan sebagainya. Yang Anda lakukan hanya mengganti kode HTML link pada bagian Content to put in the footer.

Selamat mencoba dan semoga bermanfaat bagi yang membutuhkannya.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Bagi pengguna wordpress, ada beberapa cara dalam membuat postingan terkait tersebut, mulai dari mengedit theme sampai menggunakan plugin. Dari beberapa plugin yang tersedia, secara pribadi saya lebih cocok menggunakan plugin WordPress Related Posts karena simpel. Jika Anda tertarik menggunakan plugin ini, di bawah ini adalah cara menginstal dan mensettingnya.

Install Plugin WP Related Posts

1. Setelah login ke dasbor blog wordpress.org Anda, klik Add New pada fitur Plugins.

2. Pada kolom Search, ketik wordpress related posts. Akan muncul tampilan seperti ini, lalu klik Install.

3. Copy kode <?php wp_related_posts(); ?> , lalu paste di MS word atau notepad untuk digunakan pada tahap berikutnya.

4. Klik Install Now dan aktifkan plugin WP related posts dengan mengklik Active.

Setting WP Related Posts

Setelah diaktifkan, plugin ini harus disetting agar berfungsi optimal. Berikut ini cara-caranya.

1. Pada fitur Settings, klik Related Post.

2. Akan muncul halaman setting. Bagian Basic Setting merupakan fasilitas untuk menambahkan judul, format tag, jumlah postingan, dan sebagainya. Sementara bagian No Related Posts merupakan fasilitas untuk memunculkan postingan tidak terkait (random posts). Settingan yang saya gunakan adalah seperti ini.

3. Klik Save Changes.

4. Untuk menampilkannya di postingan, Anda harus menyisipkan kode (yang sudah dicopy pada tahap 3 di atas) di Single Post (single.php).

5. Pada fitur Appearance, klik Editor. Pada sidebar kanan, pilih Single Post.

6. Paste kode di bagian akhir postingan agar postingan terkait muncul pada akhir tulisan.

7. Klik Update File.

8. Jika suatu postingan memiliki tag yang sama dengan postingan lain, maka postingan terkait akan muncul. Namun, jika postingan tersebut tidak memiliki tag yang tidak sama, maka yang muncul adalah random posts. Untuk contoh postingan terkait, Anda bisa melihatnya di akhir postingan ini.

Selamat mencoba dan semoga bermanfaat.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner

Bagaimana cara membuat poling di postingan? Bagi Anda yang ingin mengetahuinya, di bawah ini cara-cara membuat poling di postingan dengan menggunakan plugin Polldaddy Polls.

1. Instal dan aktifkan plugin Polldaddy Polls melalui Add New Plugins.

2. Setelah aktif, klik Add New di fitur Polls.

3. Tulis judul poling beserta pilihan jawabannya. Sebagai contoh, lihat gambar di bawah.

4. Pilih tampilan poling yang sesuai dengan selera Anda dengan menggunakan tanda panah.

5. Pilih Show results to voters dan Block by cookie (untuk menghindari duplikat pemilih). Lalu Save poling.

6. Klik Edit pada fitur Polls, lalu klik HTML Code untuk disisipkan pada postingan.

7. Copy code yang ada. Bisa berupa shortcode atau JavaScript (saya lebih menyukai shortcode).

8. Pada postingan yang sedang Anda buat, sisipkan code yang telah dicopy di atas pada bagian HTML postingan (klik tab HTML postingan terlebih dahulu).

9. Publish postingan Anda.

10. Untuk menutup poling (misalnya setelah 1 minggu), kembali ke langkah 6, dan pilih Close.

Semoga cara-cara di atas bermanfaat bagi Anda yang membutuhkannya.

Bonus ebook untuk Anda: Make Money Blogging, Adsense Secret, & SEO for Beginner