Tips Membuat Header Website atau Blog dengan Mudah

Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..

Syaratnya :

• Kita musti tau ukuran Header template blog kita, biasanya berkisar antara 720 - 760 px lebarnya.. untuk standar panjang nya 150 -200 px.
• Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. yang gak tau, belajar ngeblog dulu ya .. hehehe..
• Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
• Tau juga Tema blog nya apa ( misal : photography, computer, camera, celebrity, dll)
• Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum ) :)
• Itu aja kayaknya syarat yang penting.

Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..

Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.

saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.

Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,

Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.

Klik Select > Inverse sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..

Tekan CTRL+ D untuk menghilangkan seleksi..

Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.

Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.

Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.

Klik 2x layer 1 atau klik kanan > blending Option,

Klik Ok.

Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style

Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.

untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.

hasilnya nanti :

Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool

Hasil akhir nya

Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.

Save sesuai nama file header di template nya, misal : header.jpg ,

Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.

Selengkapnya...

Membuat Readmore ...

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More ... / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu:

<div class='post-body entry-content'>

kalo dah ketemu maka dibawahnya ada kode ini:

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini

<p><data:post.body/></p>

menjadi seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".
5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha kamu pilih yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Readmore") diatas kode ini :

<span class="fullpost">

sementara sisanya yaitu keseluruhan posting letakkan di antara kode

<span class="fullpost"> dan </span>

Selengkapnya...

Melakukan Transaksi Pembayaran Lewat Internet

Bagaimana cara menerima pembayaran kartu kredit di Internet? Artinya ketika kita menjual barang di Internet, bagaimana sang pembeli barang kita (customer) dapat mengirimkan pembayaran kita, baik menggunakan kartu kredit (credit card) maupun alat pembayaran yang lain. Selain bekerjasama langsung dengan Bank (acquirer) untuk bisa mencharge kartu kredit pelanggan, kita juga bisa menggunakan third party company yang memiliki layanan untuk mencharge kartu kredit. Layanan ini sering disebut dengan Payment Gateway. Saya coba rangkumkan tips dan triknya, termasuk payment gateway mana yang bisa diterapkan untuk bisnis berbasis Internet (ecommerce) di Indonesia.

Teknik menarik kartu kredit langsung dari pembeli (tanpa perusahaan payment gateway) secara prinsip bisa dilakukan, tapi secara praktek sulit dilakukan. Yang pertama bahwa memerlukan biaya besar dan waktu yang lama untuk mengurus permohonan menjadi merchant di bank acquirer. Yang kedua resiko terlalu besar, baik dipihak pembeli (trust) maupun penjual (carding fraud). Jadi kesimpulannya untuk bisnis skala kecil, teknik ini tidak dianjurkan. Dengan bahasa lain, silakan gunakan payment gateway yang sesuai dengan model bisnis kita.

Di dunia ini sangat banyak perusahaan payment gateway, sayangnya sedikit yang mendukung kartu kredit Indonesia, baik sebagai pembeli maupun sebagai penjual (merchant). Saya akan menjelaskan tentang beberapa Payment Gateway ini, dengan harapan bahwa para pebisnis Internet di Indonesia bisa mulai memikirkan untuk menyediakan layanan pembayaran melalui kartu kredit.


PAYPAL.COM

Mungkin saat ini PayPal adalah payment gateway yang paling populer di dunia. Proses registrasi cepat dan tidak perlu membuat program yang sulit untuk menghubungkan barang yang dijual ke pemrosesan paypal. Asal ada form html yang berisi nama dan harga barang (bisa generate otomatis dari PayPal), PayPal akan memproses secara otomatis termasuk menyediakan shopping cartnya. Tampilan juga bisa diatur sesuai dengan tampilan situs jualan kita. Yang menarik lagi, tidak ada biaya setup, bulanan, maintenance, sehingga costnya cukup rendah (bahkan kita akan mendapatkan bonus 5 USD pada saat pendaftaran). Biaya hanya akan dipungut pada saat transaksi. Sayangnya PayPal tidak mendukung credit card dari Indonesia Saya menggunakan kartu kredit saya di Jepang untuk registrasi dan mendaftar menjadi penjual (merchant) di PayPal, dan sampai sekarang masih aktif untuk beberapa bisnis saya di Internet

2CHECKOUT.COM

Memiliki fitur yang selevel dengan PayPal (bahkan mungkin lebih baik), dan saat ini boleh dikatakan popularitasnya semakin menanjak tinggi. Menerima pembayaran dengan berbagai jenis kartu kartu kredit (Visa, MasterCard, Amex, JCB, Discover, dsb). Untuk mendaftarkan diri sebagai penjual, dipungut biaya 49 USD. Total fee setiap transaksi adalah 0,45 USD dan 5,5% dari nilai transaksi. Yang menarik 2checkout.com bisa digunakan oleh kartu kredit Indonesia

IKOBO.COM

Melayani pengiriman dan penerimaan uang dengan kartu kredit secara online. Prosesnya sederhana, apabila ada yang melakukan pembayaran ke kita, maka kita akan mendapatkan i-Kard (kartu visa debit), dengan kartu i-Kard inilah kita mencairkan uangnya. Sepertinya ikobo.com tidak menyediakan shopping cart dan fitur-fitur lain berhubungan dengan ecommerce yang kita bisa embed di situs jualan kita. Indonesia termasuk negara yang didukung. Salah satu kekurangannya adalah masalah total fee transaksi yang cukup besar. Pertama biaya transaksi adalah 5 USD + 3% dari transaksi. Kemudian kita akan kena charge pengiriman i-Kard sebesar 9,95 USD (kecuali sudah memiliki i-Kard sebelumnya). Dan yang terakhir adalah biaya penarikan dana melalui ATM (1,9 USD) dan biaya maintenance sebesar 0.9 USD. FAQ cukup lengkap menjelaskan semua masalah di ikobo.com

IPAYMENTINC.COM

Tidak sepopuler PayPal dan 2checkout, dan registrasinya cukup rumit. Tapi yang pasti memberi layanan pemrosesan kartu kredit dan secure payment gateway. Pendaftaran dan perubahan account menggunakan cara manual, kemungkinan untuk menghindari adanya fraud.

Tidak sepopuler PayPal dan 2checkout, dan registrasinya cukup rumit. Tapi yang pasti memberi layanan pemrosesan kartu kredit dan secure payment gateway. Pendaftaran dan perubahan account menggunakan cara manual, kemungkinan untuk menghindari adanya fraud.

AUTHORIZE.NET

Menyediakan fitur untuk menerima pembayaran kartu kredit dan juga check elektronik. Proses untuk pendaftaran sebagai penjual agak rumit, karena pendaftaran tidak langsung ke authorize.net melainkan ke agen perwakilan yang ditunjuk. Setiap agen memiliki fitur layanan bervariasi dan kita tinggal memilih mana yang sesuai dengan model bisnis kita. Setelah memiliki account dari agen perwakilan, selanjutnya kita memproses pendaftaran payment gateway account dari authorize.net. Account inilah yang kita gunakan pada module transaksi pembayaran di situs jualan kita. Authorize.net sepertinya kurang cocok untuk perusahaan atau bisnis sekala kecil.

PAY.INDO.COM

Payment gateway Indonesia Belum ada registrasi penjual secara online dan sepertinya kita yang tertarik diminta untuk mengirimkan form inquiry. Silakan dicoba atau bisa juga menanyakan langsung ke kontak

NOCHEX.COM

Sedikit berbeda dengan layanan payment gateway diatas, NOCHEX memiliki fitur transaksi pembayaran dengan mendebit rekening bank pembeli dengan surat elektronik NOCHEX. Sayangnya layanan NOCHEX terbatas di perbankan Amerika. Kalaupun mau nekat menggunakan, mungkin dengan meminjam rekening teman di Amerika

E-GOLD.COM

Meskipun juga sama-sama menyediakan fitur payment gateway, tapi e-gold memiliki konsep yang sedikit berbeda. e-gold menggunakan standard nilai berdasarkan harga emas murni 100% yang berlaku di dunia dan ini yang direpresentasikan dalam bentuk rekening tabungan e-gold. Kita bisa mencoba langsung membuka rekening e-gold, karena pendaftarannya bersifat gratis. Proses pengisian tabungan di rekening adalah dengan mengirimkan uang rupiah kepada pedagang e-gold (Indonesia juga ada), dan kemudian nominal yang kita bayarkan akan muncul di account tabungan e-gold kita (USD). Proses pencairannya juga sama, karena kita tingal menjual e-gold kita ke pedagang tersebut. Atau cara pencairan lain adalah dengan menggunakan debit card e-forexgold.com (terkena biaya 50 USD), dan dengan card e-forexgold tersebut kita tinggal mencairkan melalui mesin ATM berlogo mastercard, maestro dan cirrus (ATM BCA, dsb).

Sepertinya masih banyak payment gateway lain selain diatas, hanya saya lihat secara fitur dan popularitas masih di bawah delapan payment gateway diatas. Sebagai kesimpulan sementara, untuk Indonesia dengan bisnis skala kecil dan menengah sepertinya 2checkout.com cukup bisa menjadi solusi dalam payment gateway. Saya sendiri berharap bahwa PayPal bisa masuk ke Indonesia Sebelum pulang ke Indonesia tahun 2004, saya sempat mengirimkan permintaan supaya PayPal mau menerima kartu kredit Indonesia, tapi mereka belum approve karena masalah carding fraud di Indonesia yang tinggi

by: Romi Satria Wahono

Selengkapnya...

Tes Situs Web Anda dengan Browser Lain

Saat ini ada jutaan pengguna Internet di seluruh dunia. Tidak perlu diragukan, ada di antara mereka yang berkunjung ke situs anda yang telah anda buat selama berminggu-minggu. Tetapi di balik itu ada yang harus perhatikan.Walaupun halaman Web anda tampil sempurna ketika anda lihat di PC anda, mungkin tidak demikian halnya jika tampil di monitor PC orang lain. Masalahnya terletak pada komputer pengunjung situs anda itu karena komputernya sudah barang tentu telah mereka setel agar sesuai dengan kebutuhan mereka. Mereka mungkin menggunakan versi browser web berbeda dengan yang anda gunakan, atau malah browser berbeda sama sekali. Selain itu, resolusi layar dan setting warna pada komputer mereka mungkin berbeda sama sekali dengan yang ada pada monitor anda. Walaupun tampak remeh, salah satu faktor ini dapat mempengaruhi cara ditampilkannya halaman Web anda pada layar monitor orang lain. Akibatnya situs Web anda akan tampak amatiran. Hal lain yang akan mempengaruhi penampilan situs anda adalah fitur yang anda gunakan di dalam situs. Misalnya, fitur seperti Dynamic HTML, Cascading Style Sheet dan Frame akan tampil sempurna pada browser yang satu tetapi mungkin tidak pada browser yang lain.

Pengguna Internet itu bermacammacam. Masih akan ada netter yang menggunakan Internet Explorer versi tua yang tidak akan dapat menampilkan fitur yang sudah setengah mati anda buat. Agar situs anda dapat dibaca dengan benar oleh berbagai browser, ikuti petunjuk langkah demi langkah di bawah ini.

1. Tes Dengan Netscape

Kebanyakan orang yang mengunjungi halaman Web anda barangkali akan menggunakan Internet Explorer dari Microsoft. Walaupun demikian, anda perlu menginstal browser Netscape dan mentes kompatibilitas situs anda dengan program ini.

2. Ukuran Tampilan Halaman Web

Download program BrowserMaster dari www.applythis.com. Program ini memungkinkan anda melihat tampilan situs anda pada berbagai resolusi pada dua browser terpopuler. Dengan BrowserMaster pun anda dapat mencek warna pada halaman Web anda.

3. Tes Online

Selain dengan BrowserMaster, anda pun dapat melakukan tes secara online di www.anybrowser.com. Masukkan saja URL situs anda dan anda dapat menggunakan screen size test, HTML validator dan pengecek link untuk memastikan segala sesuatunya berjalan dengan baik.

4. Analisis Halaman

Ada satu tool online yang dapat mentes berbagai aspek halaman Web anda dan membuatkan laporan untuk anda. Bagian yang dites adalah spelling, meta tag, frame dan struktur dokumen. Cobalah Doctor HTML pada www2.imagiware. com/RxHTML. Cek kesehatan situs anda.

5. Fitur yang Didukung

Jika anda ingin menambahkan fitur seperti Cascading Style Sheet atau Java pada halaman Web anda, maka anda mungkin tertarik untuk mengetahui browser mana yang mendukung fitur tertentu. Cobalah di www.webreview.com/browsers/browsers.shtml.

6. Mengecek Link

Jaga agar situs anda tetap sehat dan up-to-date dengan mencek link pada halaman Web anda secara teratur. Program semacam CyberSpider Link Test (www.cyberspyder.com/cslnkts1.html) dapat melakukannya secara otomatis dan memberikan laporan broken link.

7. Monitor Situs Anda

Situs Web anda perlu selalu online dan tersedia setiap waktu. Jika situs anda offline, pengunjung akan mencari situs lain. Yoursiteup? akan memonitor situs anda dan jika situs anda offline, dapat memberitahu lewat email, pihak -pihak yang alamat emailnya Anda masukkan.

8. Bantuan Lebih Jauh

Untuk bantuan lebih jauh perihal pemanfaatan browser sepenuhnya, cobalah direktori sumber informasi pada www.anybrowser.com/directory. Di dalamnya ada link ke lebih banyak advis dan program yang berguna yang akan berguna saat anda membuat situs.

Selengkapnya...

9 Trik Edan Menyebarkan Blog Anda

Cobalah beberapa trik di bawah ini :

1. Buatlah akun Friendster, Facebook, atau jaringan perkawanan apapun yang kamu suka. Pasang foto kamu yang paling menarik bahkan menggoda, lalu isi seluruh kolom profil dengan URL blog kamu! Add sebanyak-banyaknya teman dan tetaplah aktif berkiriman pesan/komentar agar orang tertarik melihat profil kamu. Orang yang penasaran kemungkinan besar akan mengklik link yang bertebaran di halaman profil kamu.
2. Cantumkan URL kamu di album/buku tahunan sekolah tanpa menyertakan nomor telepon. Alumni-alumni lain yang ingin menghubungi atau mau ngajak reunian akan membuka URL itu karena tidak menemukan nomor telepon kamu.
3. Saat akan meninggalkan sekolah/kelulusan atau sudah lulus tinggalkan kenang-kenangan di gedung sekolah dengan coret-coretan penuh makna. Torehkan nama berikut URL kamu di berbagai tempat dari kantin, WC, sampai ruang kepala sekolah. Sebaiknya gunakan nama samaran/nick yang cukup dikenal tapi tidak diketahui para guru agar lebih aman. Misalnya “Strife Leonhart was Here! www.namakamu.com” (jadi ingat EiWhy nih)
4. Berhubungan dengan poin nomor tiga di atas, buatlah stiker yang bertulisan URL kamu. Dan tempelkan di sembarang tempat. Tempat yang strategis adalah bagian belakang motor/mobil dan bagian belakang helm. Bisa juga disablon/bordir di belakang baju/jaket. Dengan begitu anda memiliki sepasukan iklan berjalan :mrgreen:
5. Kalau anda memiliki wajah atau body yang ‘lumayan’ hal itu bisa jadi alat promosi blog anda. Berfotolah senarsis dan semenarik mungkin. Cetak sebanyak-banyaknya dan bubuhkan tanda tangan. Jangan lupa tulis nama dan URL anda di belakangnya. Selanjutnya cari tempat berkumpulnya banyak anak muda dan bagikan foto-foto anda secara gratis!!! Tempat yang strategis contohnya di pintu masuk tempat pelaksanaan ujian besar, pintu masuk sekolah/universitas, lampu merah, pintu jalan tol, dsb.
6. Cantumkan URL anda di kartu nama, lalu bagikan secara gratis di perempatan jalan.
7. Tulis URL kamu di setiap buku pelajaran, buku teks, dan buku catatan yang kamu miliki(ingat, milik kamu sendiri!).
8. Selalu sertakan URL kamu di setiap tugas yang guru/dosen berikan. Kalau guru/dosen kamu cukup gaul, mungkin beliau akan tertarik untuk membuka link kamu. Sebelumnya pastikan di blog kamu tidak ada entry yang menghujat atau menjelek-jelekkan lembaga tempat kamu menuntut ilmu maupun pengajarnya. Atau bersiap-siap mendapat nilai buruk atau dipanggil dan dihakimi petinggi lembaga.
9. Culik seorang beberapa anak kecil dan minta tebusan pada orang tuanya. Jangan lupa minta tebusan lewat Paypal/E-Gold yang rekeningnya bisa dilihat di blog anda. Jauh lebih aman daripada menyerahkan uangnya secara langsung. Kalau tebusan sudah dibayar maupun belum dibayar, kembalikan anak itu dan bilang kalau ini cuma taktik promosi perusahaan kamu. Jangan lupa bilang kalau orang tua anak itu akan mendapat hadiah dari perusahaan anda berupa setumpuk kartu nama yang bertuliskan URL anda!!

Selengkapnya...