Menambahkan Chatbox dan Buku Tamu di Blog

Surfing..Surfing... berkeliling lagi didunia maya, melihat berbagai blog-blog yang sangat bagus-bagus, dan ada juga yang tidak bagus pastinya. Hehehehehe
Sering kali ketika kita berkunjung kesebuah blog atau website, ada semacam widget buku tamu. Nah ini penting lho, karena ini merupakan salah satu widget yang menghubungkan antara pembaca dengan pembaca atau bisa pembaca dengan penulis. (meskipun saya tidak pakai hahahaha )
Nah, buku tamu yang biasa digunakan atau yang sering dijumpai adalah Chatbox dan Shoutmix. Gimana tuh cara nempelkan diblog nya? Gini nih caranya...
1. Kamu harus mendaftar dulu di Chatbox untuk mendapatkan widget buku tamu, bisa daftar di www.cbox.ws
2. Klik Sign Up.

3. Isi Formulir untuk melengkapi data pendaftaran.

4. Setelah pendaftaran berhasil, dan anda disuruh membuka email untuk aktifasi/konfirmasi pendaftaran.
5. Setelah dikonfirmasi, anda baru bisa login di Chatbox. Setelah masuk segera cari page Code Generator.

6. Segera ambil code script untuk dipasang diblog. Jika anda ingin melakukan pengaturan Seperti Lebar Kotak ChatBox Klik pada Bagian Look & Feel >> Layout Option kemudian untuk mengganti style cheatBox anda masuk ke Look & Feel >> Style Presents.
7. Kemudian memasukan kedalam Blog, Login ke Blogger >> Tata Letak >> Tambah widget >> HTML/Javascript.
8. Masukan kode yang anda dapat dari Chatbox tadi, kemudian simpan.
9. Widget sudah jadi, dan buku tamu anda siap digunakan.

Selamat Mencoba...

Read More

Membuat Gambar Iklan Di Pojok Blog Web

Sebuah iklan atau gambar mungkin sangat berperan penting dalam struktur komponen Blog/Web, selain membuat Web semakin enak dilihat juga menambah pengunjung untuk tertarik dengan adanya iklan dan gambar tersebut.
Dulu pernah saya coba beberapa metode pemasangan iklan yang tepat, tapi saya anggap belum saatnya saya pasang iklan (karena traffic belum memenuhi) Hehehehe
Tapi saya tertarik untuk mencoba memasang beberapa widget yang posisinya berada di pojokan kanan-kiri web. dan ini cukup menarik karena saat scroll mouse kita gerakan posisi widget tetap berada dalam posisi FIX. menarik bukan? Nah berikut caranya.
Pertama seperti biasa Login ke Blogger, lalu Tata Letak(Layout), lalu Add Gadget (Tambah Gadget), pilih tanda  HTML/Javascript.
masukan kode berikut,
untuk posisi diatas


dan untuk posisi dibawah


Nah untuk keteranganya,
URL(LINK) : link yang akan dituju, misalnya link blog anda.
Right     : posisi gambar, bisa diganti “left”, jika gambar mau ditampilkan di kiri pojok.
Keterangan Gambar: jika gambar disentuh, maka akan muncul tulisan yang anda cantumkan.
URL Gambar/lainya: url gambar yang akan anda buat di pojok, yang apabila gambar tersebut di klik akan menuju link tersebut.
kurang lebih screenshoot nya seperti gambar dibawah,

klik gambar untuk memperbesar

gambar diatas saya coba dengan widget follow twitter, karena script ini bisa menerima fitur apa aja. contohnya seperti memasukan gambar,iklan,follow facebook dan lainya. tinggal memasukan kode script kedalam nya.
Selamat mencoba yaaa...

Read More

Menjadikan Blog/Web ringan saat diakses

Setelah banyak yang membahas tentang cara-cara mempercepat traffic blog/web dengan cepat, sekarang saya akan membahas tentang bagaimana optimasi blog/web supaya proses atau penampilan website kita ringan. Dalam arti sebuah website dianggap bernilai itu tidak berdasarkan tampilan atau konsep saja,tapi berdasarkan dengan kecepatan proses penampilan website tersebut. Jika website/blog tersebut ringan,maka tak jarang banyak orang-orang yang tertarik dengan website yang kita buat. Belum lagi sekarang banyak user internet yang menggunakan akses via Handphone/ponsel, tentu saja itu akan mempengaruhi kecepatan data yang menampilkan website kita saat dikunjungi.

Nah,tips ini saya dapat ketika saya mengikuti perkuliahan dimata kuliah Struktur Data. Bahwa setiap program itu dianggap berkualitas bukan dari mampu mencetak sebuah hasil saja, tapi dilihat juga dari kecepatan dari program tersebut saat mencetak sebuah nilai, dalam bahasa IT nya biasanya disebut saat RUN.

Jadi saya berfikir, mungkin metode tersebut bisa saya gunakan didalam membangun sebuah blog/website. Nah untuk cara-caranya banyak sekali,mulai dari Compress HTML,mengambil Hosting yang cepat dan sebagainya. Nah kali ini saya akan membahas satu dari sekian cara tersebut,yaitu dengan cara Compress image yang ada didalam tampilan HOME blog/website kita.

Pada tampilan HOME kita terdiri dari beberapa image atau bisa juga berupa tampilan slide, yang paling familiar adalah image pada HEADER dan FOOTER. Nah perlu kita tahu bahwa waktu orang mengunjungi blog/website kita maka secara tidak langsung orang tersebut akan mendownload konten-konten yang terkandung dalam tampilang blog/website kita, berupa image,chace,slide,plugin dan lain sebagainya. Semakin besar file yang kita taruh dalam komponen blog/website kita maka sebesar itulah file yang akan didownload oleh pengunjung blog kita. Nah untuk mengantisipasi supaya pengunjung tidak terlalu lama menunggu tampilan blog/website kita maka kita harus meminimkan ukuran file-file dalam kandungan blog/website. Misalkan file header kita berupa image yang semula kita upload kedalam blog berukuran 90MB bisa kita minimkan menjadi 15MB, itu akan semakin mempercepat tampilan website kita sewaktu dibuka oleh pengunjung. Belum lagi sekarang sedang marak akses internet berbasis broadband atau modem yang rata-rata mempunyai kecepatan dibawah koneksi ISP, maka pengunjung akan lebih banyak memilih blog/website yang koneksinya ringan sewaktu dikunjungi.

Banyak sekali  website yang menyediakan layanan Compress image secara online, jadi kita tak perlu susah payah mendownload software Compress image untuk memperkecil ukuran image Header/Footer kita. Misalnya www.jpeg-optimizer.com www.imageoptimizer.net dan lain sebagainya. Dan ingat, bukan memperkecil gambar tetapi meng-kompress gambar,yang hanya memperkecil resolusi dari gambar tersebut,karena jika anda memperkecil gambarnya maka hasilnya akan berbeda.

Selamat mencoba….

Read More

Google Fonts dalam Wordpress

Jika sebelumnya saya telah menerbitkan postingan bagaimana menggunakan dan menampilkan Google Fonts dalam blogger dalam postingan Google Fonts untuk Blogger, sekarang saya akan membahas bagaimana menggunakan Google Fonts tersebut kedalam Wordpress.

Kita tahu bahwa Google memiliki ratusan jenis fonts yang dapat kita gunakan dalam mempercantik tampilan website kita, karena tampilan fonts dalam website kita tentu saja akan mempercantik tampilan website kita.

Keunggulan lainya menggunakan Google Fonts adalah, bahwa koleksi-koleksi fonts tersebut tersimpan dalam server Google yang pastinya ga akan pernah mati, juga load previewnya kenceng.

Dalam Wordpress berbeda dengan Blogger, Wordpress menggunakan semacam Plugin khusus untuk Google Fonts dalam editor HTML nya, Plugin tersebut dapat didownload disini.

Setelah anda mendownload dan menginstalnya, maka akan lansung terkoneksi dengan editor yang tersedia di Wordpress, seperti tampilan dibawah.

Nah, selamat mengotak-atik dan mencoba sendiri sesuka anda. :)

Read More

Menggunakan Google Font untuk Blogger

 

Google mempunyai salah satu layanan berupa karakter fonts yang sangat beragam, kita bisa memilih ratusan fonts yang disediakan Google untuk digunakan dalam web atau blog kita.

Langsung saja kita praktek kan, pertama kita kunjungi dulu web Google Fonts.

Setelah masuk, disana kita dapat memilih banyak fonts yang akan kita gunakan untuk mempercantik tampilan web/blog kita.

Setelah kita memilih salah satu, atau kita bisa memilih banyak fonts. klik Quick use dibawah sample font tersebut.

Setelah itu akan muncul kotak dialog berupa kode CSS yang akan kita tempatkan pada blog kita.

Ada 2 kode CSS, pertama kita buka dulu blogger - Rancangan - Edit HTML
cari kode <head> dan taruh kode CSS yang pertama dibawah kode <head> tersebut.
Jangan lupa kita tambahkan / diakhir penulisannya.
Contoh,

<link href='http://fonts.googleapis.com/css?family=Metal+Mania' rel='stylesheet' type='text/css'/>

Setelah itu langsung saja kita gunakan kode CSS yang kedua didalam blog kita, tinggal kita ketik aja dibagian CSS yang kita inginkan,seperti mengedit font biasa.
Contoh,

a {font-family: 'Metal Mania', arial, serif;}
 

Selain digunakan dalam tautan atau postingan, Google Fonts juga bisa kita gunakan dalam Header,Body,Sidebar dan mana saja, tinggal kita atur dan tempatkan didalam kode HTML blogger kita.

Selamat Mencoba.

Read More