Download Coffee Bee

Daftar Isi

• Fitur
• Instalasi
• Cara Mengganti Header Image
• Cara Memunculkan Info Penulis, Twitter ID, FB ID
• Menampilkan iklan 125×125 Pixel
• Menampilkan Sticky Post
• Live Demo
• Download
• Screenshot

Setelah posting kemarin tentang rencana rilis Coffee Bee free WP theme, sekarang giliran Coffee Bee masuk ke rimbanya dunia blogging. Rilis ini merupakan final rilis dari Coffee Bee. Memang saya tidak menyediakan pilihan warna untuk Coffee Bee, namun suatu saat akan saya buatkan lagi yang lain, tentunya bakal lebih keren.

Fitur Child Theme final release ini memang sama dengan yang kemarin saya bocorkan. Jadi tidak ada tambahan berarti. Jadi disini akan saya jelaskan bagaimana menginstall theme ini di blog WordPress Anda. Tapi sebelum itu, akan saya jabarkan sekali lagi fitur-fiturnya.

Fitur-fitur Coffee Bee Free WordPress Theme ^

• Sticky Post, bisa menampilkan posting Anda yang sekiranya mantaf selalu di homepage paling atas diantara postingan lainnya.
• WordPress menu.
• Custom Header Background Images. Anda bisa mengganti-ganti header background dengan gambar yang Anda sukai. Ukuran gambarnya adalah 940×160. Cara mengganti tinggal masuk ke: [url blog Anda]/wp-admin/themes.php?page=custom-header
• Tambahan untuk Contact Info. Apabila Anda mengisi informasi penulis di profil Anda, maka Anda bisa menampilkan Twitter ID dan Facebook ID Anda disana. Bisa menarik follower lo . Info ini bisa Anda edit melalui: [url blog Anda]/wp-admin/profile.php
• Share & Tweet Buttons. Untuk Tweet buttons harap isi Twitter ID supaya nanti apabila artikel Anda di Tweet pengunjung akan muncul via @username Anda.
• Threaded Comments.
• Footer Widget.
• Custom H3 tags.
  
• Custom quotes style.
  

Cara Install Coffee Bee WordPress Theme ^

Catatan: Harap jangan menghapus Twenty Ten default WordPress Theme, atau Coffee Bee tidak bisa jalan.

Karena ini adalah anaknya Twenty Ten WordPress theme, jadi penggunaannya sangat mirip dengan bapaknya itu. Cara menginstallnya pun sama, yaitu pertama upload ke hosting Anda di folder wp-content/themes. Setelah menguploadnya, tinggal ekstrak file tersebut.

Setelah diekstrak, silakan login ke dashboard blog WordPress Anda. Cari di bagian Appearence >> Themes dan aktifkan Coffee Bee. Cara lainnya yaitu langsung login ke dashboard, masuk menu themes >> Install Themes.

Tips SEO: Coffee Bee bekerja bagus untuk SEO apabila digabung dengan All In One SEO pack atau plugin SEO sejenis lainnya. Agar loading lumayan lebih cepat, Anda bisa menginstall jquery lazyload images plugin di blog Anda.

Tips Mengganti Header Image ^

Buatlah gambar background di Adobe photoshop atau aplikasi pengedit gambar lainnya dengan ukuran 940×160 pixels. Buat gambar dengan background warna #FFFEF9 atau transparan biar mecing dengan suasana Coffee Bee.

Setelah jadi, silakan save for web & devices (bila menggunakan Adobe Photoshop™).  Save image menjadi format jpg saja. Kemudian silakan masuk ke [url blog Anda]/wp-admin/themes.php?page=custom-header
untuk meng-upload-nya. Setelah selesai upload, jangan lupa klik tombol save changes di bawah.

Setelah Anda men-download Coffee Bee WordPress theme, Anda mendapat sebuah header image yaitu bee.jpg. Upload gambar tersebut untuk uji coba mengganti header image.

Cara Memunculkan Info Penulis, Twitter ID, & Facebook ID Dibawah Posting ^

Setelah Coffee Bee diaktifkan, langsung saja ke menu edit profil. Letaknya ada di menu bawah dashboard blog Anda yaitu menu User >> Your Profile. Atau kalau merunut alamat url yaitu di [url blog Anda]/wp-admin/profile.php. Isi informasi Anda di kolom yang telah tersedia, termasuk kolom Biographical Info.

Cara Menampilkan Iklan Block 125×125 Pixels ^

Untuk keperluan iklan di sidebar, kode iklan 125×125 ada di bawah ini:

<div style="display: block;"><li style="float: left; margin-bottom: 10px; margin-right: 0px;"> <a title="judul iklan" href="ganti dengan alamat link iklan 1 disini"><img src="alamat gambar 125x125px" alt="alt tag" width="125px" height="125px" /></a></li><li style="float: right; margin-left: 0px; margin-bottom: 10px; margin-right: 0px;"><a title="judul iklan 2" href="link iklan 2" target="_blank"><img src="alamat image iklan 2" border="0" alt="alt tag 2" width="125px" height="125px" /></a></li><li style="float: left; margin-bottom: 10px; margin-right: 0px;"> <a href="alamat iklan 3"><img src="alamat image iklan 3" border="0" alt="alt tag iklan 3" width="125px" height="125px" /></a></li><li style="float: right; margin-left: 0px; margin-bottom: 10px; margin-right: 0px;"><a href="alamat link iklan 4"><img src="alamat image iklan 4" border="0" alt="alt tag iklan 4" width="125px" height="125px" /></a></li></div>

Seret (drag and drop) HTML/text widget, kemudian copy/paste kode diatas di sidebar (widget HTML/text) Anda tadi. Ganti alamat link iklan, judul iklan, alt tag iklan, dan alamat gambar 125×125 pixel sesuai dengan iklan yang ingin Anda pasang.

Cara Menampilkan Sticky Post ^

Sticky post akan tampil terus di halaman depan blog Anda. Istilah lainnya yaitu featured post. Sticky post digunakan apabila Anda merasa postingan Anda sangat bagus dan layak dibaca setiap orang yang mampir di Blog Anda.

Cara menampilkan sticky post sebenarnya sangat mudah, yaitu pada kolom pengeditan artikel terdapat kotak “Publish”. Di dalam kotak tersebut memiliki banyak menu diantaranya menu “Visibility”. Klik edit pada menu tersebut dan centang kalimat “Stick this post to the front page”. Berikut screenshot-nya:

Live Demo ^

Anda bisa melihat live demo dari Coffee Bee pada dummy blog saya: cara membuat website gratis.

Download ^

Silakan Download Coffee Bee WordPress Theme disini.

Catatan: Apabila Anda ingin mengganti warna, silakan saja mengedit style.css. Saya mohon jangan mengganti footer link yang merupakan credit untuk penulis serta apresiasi kerja keras saya. Terimakasih banyak.

Screenshots ^

Saya ucapkan terimakasih untuk mas Tomi atas kesediaannya mencoba theme ini kemarin walau masih beta. Apabila ada masalah, pertanyaan, kritik, saran, mari bertemu di kolom komentar. Happy Blogging!

Kata kunci untuk menemukan artikel ini:

mengganti design by di wp, wp theme coffee, download footer, WordPress theme with header download, cara mengganti daftar menu, plugin untuk menambah kolom dibawah postingan wordpress, cara mengganti iklan pada header template wordpress, wp css tutorial Design Footer unik, iklan, twitter

Artikel yang "mungkin" berhubungan:

1. Rencana Rilis Coffee Bee Free WordPress Theme

Tagged as: coffee bee, download, Wordpress themes