-->

Sabtu, 23 Maret 2013

Cara Membuat Buku Tamu di Blog

Cara Membuat Buku Tamu di Blog

Jika anda blogger maka interaksi dengan dengan visitor sangatlah penting. Karena interaksi yang aktif dengan pengunjung semakin meningkatkan citra positif bagi anda sang pemilik blog. Salah satu cara untuk bisa berkomunikasi dengan visitor adalah dengan memberikan fasilitas Buku Tamu di blog anda. Di Buku Tamu inilah siapa saja bisa melakukan chatting dan bertanya apa saja bahkan bisa berdiskusi santai dengan pengunjung/blogger yang lain.
Tidak berpanjang kata lagi, saya langsung akan jelaskan pada anda Cara Membuat Buku Tamu di Blog. Tapi maaf ya. Ini Tutorial Blog ini khusus bagi blogger pemula. Bagi yang sudah ahli mohon saran dan kritiknya saja, siapa tahu ada kesalahan. Mari ikuti caranya step by step :
Proses Pembuatan Account
1. Buka web untuk membuat Buku Tamu di http://www.cbox.ws
2. Klik Get your own free Cbox now!
3. Isi Form pendaftaran dengan lengkap mulai dari Cbox Name, Email address, Password, alamat website, dan bahasa
4. Masih di form pendaftaran anda bisa menentukan gaya Buka Tamu anda dengan memilih Style
5. Jika sudah selesai diisi semua dengan lengkap klik tombol Create My Cbox dan sukses anda telah membuat Buku Tamu.
Login dan Setting Buku Tamu
1. Login ke member area cbox anda
2. Klik Look & Feel > Layout Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu. Sesuaikan dengan ukuran side bar blog anda. Anda juga bisa mengatur apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih In Order
3. Klik Look & Feel > Colours & Fonts. Anda bisa menentukan warna, bentuk huruf dan lain-lain. Silahkan setting sesuai dengan selera anda.  Jangan lupa klik Save
4. Jika sudah selesai semua setting anda, jangan lupa klik tombol Apply
Cara mengambil kode HTML buku tamu dan memasukkan ke side bar blog
1. Masih di member area Cbox klik Publish! Lalu klik tombol Copy to clipboard
2. Login ke blogger.com dan klik Rancangan/Design
3. Klik Tambah gadget
4. Di window yang muncul klik HTML/Java Script
5. Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia seperti di bawah ini
Beres. Silahkan buka blog anda dengan buku tamu yang baru anda buat.
Semoga manfaat ya.
Baca Selengkapnya

Cara Memasang Flag Counter di Blog Blogspot

Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
  cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com 
Sobat akan melihat tampilan seperti berikut.


2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..
  • Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
  • Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.



  • Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
  • Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
  • Column of Flags : Jumlah kolom untuk counter
  • Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
  • Background Color : Warna latar belakang
  • Text Color : warna teks
  • Border color : Warna garis tepi
  • Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
  • Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
  • Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung
3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.



4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.


Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.
Baca Selengkapnya

10 Situs Download Gambar Gratis Buat Blog/Web & Desain

10 Situs Download Gambar Gratis Buat Blog/Web & Desain




Gambar di dalam posting blog memiliki arti penting. Gambar/image (photo or picture) bukan hanya sebagai penghias semata. Jika dipilih secara matang, gambar dapat menjadi ilustrasi isi posting blog, memperkuat nuansa, serta memberikan kesan dan dramatisasi atas tema yg diusung di dalam artikel. Selain itu, gambar juga dibutuhkan bagi halaman web/blog sebagai petunjuk/indikator navigasi, backgroundheader, dan masih banyak lagi. Oleh karenanya, gambar tidak bisa disepelekan begitu saja oleh blogger.
Memproduksi gambar sendiri sesuai keinginan bagi kebanyakan blogger bukanlah hal mudah. Apalagi bagi blogger yg tidak menekuni bidang desain grafis atau memiliki stock gambar pribadi yg banyak. Solusinya adalah dengan mencari gambar melalui internet. Tapi tahukah bahwa tidak semua gambar dapat secara bebas dipakai? Ada beberapa kasus yg menyebutkan penuntutan/pelanggaran hak cipta atas blog yg memuat gambar tanpa credit atau seijin pemilik asli. Tentu ini bukan hal yg kita kehendaki. Sebagian besar blogger memang lebih sering mencari gambar melalui Google Image Search yg lebih praktis sesuai dengan keyword yg diinginkan. Tapi hal ini berbahaya.

Posting ini sekaligus juga menjadi tanggapan saya dalam komentar di posting pencurian konten yg menyatakan bahwa gambar yg saya gunakan dipertanyakan. Sebenarnya tidak demikian. Saya selalu menggunakan gambar-gambar free license, bahkan gambar-gambar tersebut juga memiliki lisensi gratis untuk diedit ulang bagi keperluan desain blog/web, komersil, dan desain grafis. Apakah benar ada situs download gambar gratis demikian? Ada banyak! Ratusan! Kualitas gambar-gambarnya pun tidak perlu dipertanyakan lagi. Very high quality images for free! Mulai dari photo, vector, ordinary images, icons, sampai very artistic images are ready for free use, sodara-sodara! Dengan menggunakan gambar-gambar demikian, kualitas posting dan originalitasnya pun semakin tinggi. So, lebih baik hentikan pencarian gambar dari Google; gunakan/download gambar sebebas-bebasnya dari situs-situs berikut (short url digunakan semata-mata untuk menghindari link juice):
Situs hosting dan penyedia gambar terbesar. Ratusan foto/gambar berkualitas diupload setiap detiknya. Untuk memudahkan pencarian gambar sesuai tema, Photobucket menyediakan fitur search yg punya akurasi tinggi. Jika ingin melakukan hosting sekaligus, buat akun gratis. Bahkan foto yg diupload pun bisa dibuat private, sehingga tidak muncul di pencarian. Tempat favorit saya untuk berburu gambar bertema apapun!
Ratusan ribu icon web/blog atau komputer siap digunakan untuk memperindah blog. Icon set dapat memperkuat themes/templates blog karena memiliki keselarasan desain dan warna. Iconarchive juga menghosting gmabar-gambar icon tersebut. Jadi jika malas download dan upload lagi, langsung saja gunakan diret url gambarnya!
Foto-foto berkualitas dan beresolusi tinggi serta memiliki kekuatan artistik disediakan oleh situs ini. Salah satu situs favorit saya untuk mendapatkan gambar sebagai penguat tema artikel. Fngsi search nya dapat digunakan untuk mencari gambar lintas situs penyedia gambar gratis.
Situs pecinta foto dengan komunitas besar. Menyediakan banyak foto artistik yg siap dipakai untuk background maupun ilustrasi artikel. Situs ini kini di-handle penuh oleh Getty Images, sebuah perusahaan besar yg me-manage banyak situs image/gambar berkualitas.
5. Flickr
Situs gambar gratis milik Yahoo! yg menjadi favorit para blogger dan interneter untuk mencari gambar-gambar gratis berkualitas tinggi. Sebagian memiliki lisensi. khusus. Namun cukup banyak gambar yg dapat dipakai secara bebas tanpa batasan.
Ribuan foto yg dapat digunakan sebagai inspirasi dan referensi desain grafis. Dapat digunakan secara bebas untuk keperluan desain, baik yg pribadi maumpun komersial.
Freepixels menawarkan banyak foto beresolusi tinggi baik untuk keperluan personal maupun bisnis (komersial). Memiliki kategori yg sangat banyak untuk memudahkan naviugasi serta terdapat fungsi search untuk langsung mencari foto dengan tema tertentu.
Situs penyedia foto/gambar gratis dengan koleksi yg sangat banyak; sekitar 9 juta gambar/foto siap didownload dan digunakan. Terdapat dua jenis foto sebenarnya, yg gratis dan dijual. Url di atas langsung saya arahkan untuk gambar gratis.
Salah satu situs besar favorit saya. Situs ini adalah tempat berkumpul para artis desain grafis dan fotografer untuk bertukar ide dan gambar karya mereka. Gambar/foto yg menjadi koleksi luar biasa besar jumlah, kualitas, resolusi, serta nilai artistiknya. Download gambar tanpa perlu registratis terlebih dahulu. Link di atas langsung saya arahkan ke bagian resources stock image.
10. Picfndr
Yg terakhir ini sebenarnya buka(n) situs penyedia image gratis. Namun situs untuk mencari gambar gratis yg bebas license, baik untuk keperluan pribadi atau komersil. So, ga perlu lagi Google Image Search yg riskan itu! Pencarian dilakukan berdasarkan setting tertentu; terdapat menu setting di sebelah kiri untuk mendapatkan akurasi pencarian, baik setting keyword, jenis lisensi, pembatasan untuk gambar yg butuh atribusi (credits) atau tidak, dll. Gambar-gambar yg dimunculkan di hasil pencarian berasal dari ratusan situs penyedia gambar gratis yg terjamin lisensi gratisnya. Situs ini yg paling sering saya gunakan untuk mencari gambar ilustrasi posting. 
Masih ada banyak lagi situs-situs semacam di atas. Sebagian lain memiliki koleksi yg tidak begitu banyak meskipun tidak kalah kualitas gambarnya. Dalam kesempatan lain, bila memungkinkan, akan ditambah situs-situs lain untuk memperkaya resource kita untuk mendapatkan gambar gratis berkualitas tinggi bagi blog/web, desain, maupun kepentingan lain.
Baca Selengkapnya

Cara Mudah Pasang Read More Animasi Gambar

Cara Mudah Pasang Read More Animasi Gambar

Salam blogger, di kesempatan kali ini saya kebetulan punya trik blogger baru, walaupun trik yang satu ini sudah banyak diposting orang tapi rasanya belum lengkap kalau saya tidak ikut posting juga. Posting kali ini akan membahas mengenai read more atau sering dikenal di indonesia dengan sebutan baca selengkapnya. Pada umumnya read more sebuah posting hanya berbentuk teks saja. Nah disinilah kegunaan posting yang satu ini yang dapat merubah teks tersebut menjadi gambar atau icon, dengan begitu posting blog anda akan terlihat menarik.

Inilah langkah-langkah membuat read more dengan gambar :
1. Login ke account blogger sobat
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang 
    bertuliskan "expand template widget"
6. lalu sobat cari kode <data:post.jumpText/>, agar pencarian lebih mudah 
    sobat tekan tombol ctrl+f pada keyboard komputer sobat
7. setelah kodenya ketemu, sobat hapus atau ganti dengan kode berikut 
    <img src="LETAKAN URL GAMBAR ANDA DISINI"/>
    Masukan url atau alamat gambarnya diatas kode
8. Simpan Template

Kalo sobat masih bingung buat cari gambarnya, pake aja gambar dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqdXrGBjUOhlijZ3PJDjk5W4K9E6MMdLILd8gXZGoVfwB7Vx8urBQ3u5kZ995I0NixQwI5fVwwd9zrgllAxmKBupbl_kEwVDMx0pGzjVlOnazShUYMg2ouO9sz_93-tRCJnGbvh0lOJpc/s1600/readmore-1-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVm0fHAUFbdrW1Ul-8UZPQS9ZJUcy0T873hNra8ZU5JC89cdfy3zrbtxQtM95Da-lhidvTFC5n4eJaOUHAGFNVpi7ubxdcKipj024OaZzjK6DN6gvdTHMsqFgUzqhYXqGp6MjMiOZ38I8/s1600/readmore-10-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz-wUwIBpuCcmHrvggdB_sSwGrOBjPbsRH2aWqXjZTEiFkWr_p6Ua8ZhG3EQ3YiQ3y9SCOU-xNXBQ03YITkJ56f_6Val3sG27gcwyHHl3ehR6oITStcnllT409mvk1SSmt1_uUCdaMvOw/s1600/readmore-2-boytriks.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9fOTvOA6ekfnzu6IxJ0k84VR0xOBcy1zZTbrWjtVaFJ0tOgnmXnRAkaFIImPsKHDpGCoGr-eh45taAJKMUHOFLrujoHbqb0LWrGepQUNNoJeS0BhkiiIURUo3B0Zhn2UIWQ2em-9RIkM/s1600/readmore-3-boytriks.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0RzNWbqwn-brqU2pg4KDBu-2nj4fnXvJN52EI9a9ssKV_ORdAwEQRVfFKF4CycpzlXoat6FooKjGQrO4phuh3EkJN3Q_E_bNbGparr3GU4FAfzo6xxkMBo_Gk_LVgoPCIzBb8Y0CmQqU/s1600/readmore-4-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4bPDpcaO9Ahbulboeoxq3kMw0DJeC-4JFeVaQ_rBCvzMUbCrFIv_XENaCt8_m87CnSM5IGfWHBsAngUhAf6LDUVxOBZMWNF-L6Ow4pzipgAG7T1ImrhS1rkUfCFxGAUJM_xbvLYgtuzw/s1600/readmore-5-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTI4U8VCOtE976-dIoevkJnfb4ap_NBjgPbG8X98sh9LHhnGKT8Od3YvNFCtpjDzwhxig7z_fL3-aj0V4LM3oTN5GqmKIUSrNPYT5Vl_60ePPhGNHLJx2V7av7Ap-T9DC9SDqSDOZ12RQ/s1600/readmore-6-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0SVtqWgLqA4Ip0CBIHGG4wg-jNKz5iWMyxWrR-xmNMsxlwTl9vxwVzk2zd-T2vjSogG4crOu20E7GA7L9w-uHvLSg-ryZ25ugBvQQhVdDVHHQccKpZCeSZq6b3xADkODTWm-yo0SYvsE/s1600/readmore-7-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyfzUQvpXNJAlBNmHInOnzhQowJTqNUY-LS6AhbmcOHnHPeFTMnZh_S1IURdm9rKd7wbuyDeEG9rLqmXx-bZp_xyk8wmgLRTr_L-aBViRRulX-O75NpmnuaBSQf17VrOWs0_JKwTbDV8g/s1600/readmore-8-boytriks.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrpQUr2FVSPc9EpNJZ87v2b7m9Zse1B6nP849r1sTmvraDMRrDmgqm2_EYXhE21uBZX2qEv2PzWZ4IRjU9j5Nh2apdzQAfT-ftirAg19LzXxHHhKXK0V2ulny5j9LN35bN7M60391Zkvo/s1600/readmore-9-boytriks.jpg

Selamat mencoba dan semoga bermanfaat
Baca Selengkapnya