Cara mendesain blog - Memiliki blog dengan tampilan desain yang bagus sebenarnya bukan hal mutlak yang harus dilakukan. Namun tampilan blog yang memikat tentunya akan memiliki banyak manfaat. Setiap orang menyukai keindahan, begitu juga visitor atau pengunjung blog. Desain sebuah blog yang memiliki karakter dan tampilan yang teratur, akan membuat visitor nyaman dan senang mengunjungi blog kita.

Sebagian para blogger mencoba untuk membuat tampilan blog mereka menjadi berbeda, namun terkadang keterbatasan pengetahuan mengenai cara mendesain blog membuat mereka melupakan dan mengabaikan point-point penting dalam mendesain sebuah blog.

Mendesain sebuah blog atau website memiliki panduan yang wajib di ikuti, agar hasil desain tersebut memberikan dampak maksimal pada blog kita. Berikut panduan cara mendesain blog yang benar

1. Tata letak

Tata letak atau kerangka sebuah template blog sangat penting, baik bagi kemudahan para pengunjung memahami semua isi blog. Buatlah tata letak yang teratur, seperti penempatan artikel terbaru, artikel lama, juga penempatan iklan jika blog kita menggunakan iklan.

2. Warna

Warna merupakan komponen penting untuk mendapatkan hasil maksimal ketika mendesain sebuah blog. Sesuaikan warna blog kamu dengan tema blog kamu. Contoh kesalahan pemilihan warna ketika sebuah blog memiliki tema kesehatan dengan warna blog hitam gelap. Warna yang tidak sesuai dengan tema blog akan membuat psikologis pengunjung menjadi tidak nyaman dan sulit memahami isi blog kita. Hindari juga penggunaan warna yang mencolok mata, Tidak satupun pengunjung akan betah jika cahaya warna blog mengganggu penglihatan mereka.

3. Gambar

Menggunakan gambar memang akan membuat blog menjadi lebih hidup dan dinamin. Namun kesalahan dalam menentukan ukuran gambar pada sebuah blog akan menghambat proses kecepatan loading blog. Faktor ini sangat berpengaruh pada tingkat kunjungan blog kita. Selalu gunakan gambar yang sudah terkompresi agar kecepatan loading tidak terganggu.

4. Navigasi

Navigasi atau petunjuk adalah nafas sebuah blog agar dapat meningkatkan lama kunjungan. Pemasangan navigasi yang asal-asalan berdampak pada waktu kunjungan visitor di blog kita. Gunakan navigasi yang sederhana namun dapat memberikan informasi yang jelas dan akurat bagi pengunjung mengenai halaman lain yang dapat mereka kunjungi.

Panduan cara mendesain blog seperti yang disebutkan diatas, harus benar-benar dipahami terutama kamu yang berniat menjadi seorang desainer template atau themes. Selain kemampuan teknis seperti pengetahuan mengenai HTML, CSS dan PHP. Panduan dasar dalam mendesain blog harus lebih dulu di pahami.

»»  READMORE...

Twitter adalah sosial media yang cukup populer, jika kamu sudah memiliki akun twitter tidak ada salahnya memasang akun twitter kamu di blog yang kamu miliki. Biasanya tombol share twitter berada pada widget dengan posisi tidak bergerak atau posisi fixed. Kali ini kita akan mencoba tutorial bagaimana akun twitter kita yang berada pada blog kita di wakili oleh sebuah animasi burung twitter yang terbang di area blogspot kita. Tutorial ini tujuannya agar blog kita menjadi unik dan memberikan hiburan bagi para pengunjung blog kita

Caranya memasangnya cukup mudah, kita hanya memanfaatkan sedikit baris script yang akan kita pasang di fitur widget blogspot. Mari kita mulai langkah tutorial memasang animasi burung twitter terbang di blogspot.

1. Seperti biasa silahkan sobat login terdahulu ke dasbor blogspot sobat.
2. Masuk ke bagian tata letak kemudian pilih pasang widget
3. Pada bagian ini akan tampil banyak fitur pilihan, silahkan pilih HTML/Script
4. Pada bagian kotak kontent di HTML/script pastekan kode di bawah ini

Kode Memasang Burung Twitter Terbang

 <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>  
 <script type="text/javascript">  
 var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtmIsrtd9T-C8EUXpO6JSvtXemFkXdSXM5zaA4apHP-Y0QwTUClsJmWkqlV3q8g27PO8ToIl0lKE7nRbFa3ENgngk_bNGoviCidQc9nyIcPOeB9VxMkbPJpVvm91-EjBY-6FYsDQJ8m8s/s1600/burung+twitter+terbang.png";  
 var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");  
 var twitterAccount = "http://twitter.com/tipsgobel";  
 var tweetThisText = "Twitter - UserID http://www.tips-gobel.blogspot.com/";  
 tripleflapInit();  
 </script>  

5. Simpan hasil yang baru sobat kerjakan dan coba refresh blog sobat untuk melihat hasilnya

Perlu di ingat dan diperhatikan, pada barisan script terdapat alamat url blog ini serta akun twitter, silahkan sobat ganti dengan url blogspot sobat dan akun twitter yang sobat miliki.

Demikianlah tutorial mempercantik blogspot kita, semoga bermanfaat.

»»  READMORE...

Memiliki blog pribadi memang punya kesenangan tersendiri. Dimana kita bebas mencurahkan semua ide dan kreasi pada blog kita. Apalagi jika blog sobat memiliki jumlah kunjungan yang cukup tinggi, atau visitor yang banyak, tentunya ini akan memberikan kebanggaan sekaligus mungkin memiliki penghasilan tambahan dari blog tersebut.

Munkin sobat sering melihat sebuah blog yang menampilkan berbagai iklan di blog mereka, dan biasanya iklan yang ditampilkan berada pada posisi widget. Bagaimana jika widget blog tersebut sudah penuh dengan berbagai slot informasi serta iklan. Bila kita terus menambahkan widget hingga sampai kebawah, hal ini akan berpengaruh pada tampilan blog yang terlalu panjang dan beberapa iklan yang dipasang di widget tidak terlihat oleh pengunjung. Solusi untuk masalah ini adalah menempatkan iklan dalam posisi melayang, dimana iklan akan tampil saat pertama kali pengunjung mendatangi blog kita, kemudian pengunjung memiliki kesempatan untuk menutup iklan yang melayang tersebut atau mencoba melakukan klik untuk mendapatkan informasi lebih lanjut.

»»  READMORE...

Breadcrumbs merupakan menu navigasi yang memberitahu urutan alamat halaman yang di buka. Secara Seo penggunaan breadcrumbs sangat baik dan dianjurkan. Selain itu penggunaan breadcrumbs juga dapat memberikan efek bagus kepada pengunjung blog untuk mengetahui dengan mudah urutan halaman yang dibukanya.

Untuk membuat breadcrumbs di blogspot sangat mudah, cukup memasukkan beberapa baris kode kedalam template yang digunakan, maka breadcrumbs akan tampil pada blog kita.

Berikut langkah-langkah membuat breadcrumbs.
Pastikan kamu sudah membackup template kamu sebelum mengikuti tutorial cara memasang breadcrumbs ini

»»  READMORE...

Jika anda membuat suatu posting di blog, Anda pasti tidak hanya berharap ada banyak yang membaca postingan tersebut, tetapi banyak pula pembaca yang meninggalkan komentar pada postingan anda. Sama halnya ketika anda sedang berbicara di depan kelas, kantor, atau sedang melakukan presentasi.Pasti anda akan berharap diperhatikan dan dipahami dengan baik oleh audiens. Namun presentasi menjadi tidak berbobot jika anda mengabaikan komentar dari setiap audiens anda. Begitu pula dengan komentar - komentar yang diberikan pada postingan di blog anda, anda harus menjawab komentar - komentar tersebut.

Kebanyakan blogger beralasan tidak mempunyai waktu atau belum memiliki jawaban yang tepat untuk menjawab komentar pada postingannya. Jika alasan anda seperti itu terus, maka anda tidak akan pernah bisa membalas komentar pada postingan anda.

»»  READMORE...

Tips Mengoptimalkan Blog - Kecepatan loading page sangat berpengaruh terhadap tingkat kenyaman pengunjung yang datang ke blog anda. Loading blog yang lambat dapat mempengaruhi kenyamanan pengunjung blog. Jangan sampai pengunjung menutup page blog anda dan berpindah ke blog yang lain hanya karena blog kita sangat lambat ketika dibuka, walaupun hanya beberapa detik saja.

Faktor kecepatan koneksi juga mempengaruhi page loading blog kita, meski kita berpikir kalau blog kita dapat di load secepat kilat di komputer kita sendiri, tapi tidak begitu kan dengan koneksi pengunjung.

Berikut Tips Mengoptimalkan Blog agar bisa tampil lebih cepat

Buang Spasi kosong pada kode HTML

Melakukan kompresi pada kode HTML, XML atau PHP teknik ini dilakukan dengan cara membuang spasi yang tidak berguna atau tidak berpengaruh pada hasil yang dibuat kode-kode tersebut. Kompresi juga dilakukan dengan cara sama yaitu membuang spasi kosong pada barisan kode javascript dan CSS.

»»  READMORE...

Cara mengganti template blogspot - Banyak blogger yang kurang puas pada tampilan blogspotnya yang sederhana dan itu  itu saja, dan ingin mendekorasi blog dengan berbagai hiasan yang akan membuat tampilan blog menjadi sekeren mungkin dan terlihat profesional.

Akan tetapi, untuk membuat tampilan blog yang  menarik harus mengikuti banyak tutorial cara mendesain blog, tahap demi tahap pemasangan gadget, penggantian background, pengaturan font, mengubah warna judul dan lain-lain hingga tampilan tampak seperti yang diinginkan.

Jika seperti itu akan menguras waktu yang sangat banyak karena harus memahami satu per satu trik membuat template blog, kemudian menerapkannya. Apalagi sampai lupa menulis artikel karena pusing memikirkan tampilan blog yang tak kunjung jadi.

»»  READMORE...

Bagaimana cara membuat animasi dengan semut seolah berjalan di layar komputer kita. Tutorial ini akan memberikan panduan bagaimana blog kamu ketika dikunjungi akan tampak semut sedang berjalan di layar monitor. Trik ini sekedar membuat lelucon kepada pengunjung dengan kerepotan mereka sesaat untuk membuang semut yang ada dil layar monitor mereka.

Baiklah mari kita mulai langkah sederhana cara membuat animasi semut berjalan di layar

1. Login ke dashboard blog kamu
2. Seperti biasa masuk kebagian tata letak dan tambahkan widget
3. Pilih Tambahkan fungsional pihak ketiga yaitu tombol HTML/Script
4. Paste kan kode dibawah ini pada kotak konten kemudian simpan pekerjaan kamu.

Kode animasi semut berjalan di layar monitor.

 <div style="display:scroll; position:fixed; top:150px; center:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>  

Sekarang coba kamu lihat blog kamu saat ini sudah ada semut yang sedang berjalan di layar kamu. Sebenarnya trik ini sangat mudah. Trik ini hanya memanfaatkan gambar animasi dari file gambar yang berbentuk gif, namun dengan latar belakang transparan. Kamu juga bisa mencoba membuat animasi lainnya dengan menggunakan kode diatas, cukup dengan mengganti url yang ada dengan url animasi yang ingin kamu gunakan.

»»  READMORE...

Membuat sebuah blog yang cantik dan manis tentunya merupakan kesenangan tersendiri. Tutorial kali ini sepertinya sangat cocok untuk wanita yang hobby mendesain blog. Bagaimana cara membuat animasi bunga berjatuhan di dalam blog kita merupakan bahasan tutorial hari ini.

Mari kita mulai cara membuat animasi bunga berjatuha di blog.

1. Langkah pertama silahkan kamu login dulu ke dashboard blog kamu.
2. Masuk kebagian desain atau tata letak pada menu dashboard
3. Pilih tambahkan gadget yang berada pada letak di bawah kolom header.
4. Kemudian setelah kotak  gadget terbuka pilih tambahkan fungsi html dan javascript
5. Copy kode di bawah ini kemudian paste dalam kotak kontent.

Kode cara membuat animasi bunga berjatuhan

»»  READMORE...

Tutorial kali ini masih mengusung bahasan bagaimana mempercantik blog kita. Kali ini saya akan menunjukkan bagaimana cara menampilkan animasi di widget blog kita. Saya akan memakai file swf animasi yang berbentuk jam

Langkah-langkah menampilkan jam digital pada blog

1. Login ke dashboad kamu

2. Edit template kamu dengan cara masuk ke menu tata letak

3. Kemudian pilih tambahkan widget

4. Di halaman tambahkan widget yang tampil pilih menu Tambahkan Html/Script kemudian masukkan kode dibawah ini

 <object type="application/x-shockwave-flash" data="https://sites.google.com/site/riskamudrika/jam-digital.swf" width="150" height="150"><param name="movie" value="https://sites.google.com/site/riskamudrika/jam-digital.swf" /><param name="wmode" value="transparent" /><a href="http://semuatentangwebsite.blogspot.com/" title="Blogger Templates">Blogger Templates</a><embed src="https://sites.google.com/site/riskamudrika/jam-digital.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent"></embed></object>  

5. Pada bagian judul tulis saja Jam Digital, namun kamu bebas menggantinya dengan judul apa saja.

6. Simpan hasil pekerjaan kamu dan refresh blog kamu akan tampil widget baru dengan tampilan jam berbentuk animasi.

Jika kamu perhatikan pada barisan script Cara Menampilkan Animasi, kamu akan lihat beberapa url yang menunjukkan dimana file animasi atau file swf berada. Kamu bisa mengganti animasi jam digital itu dengan file swf yang kamu miliki. Caranya cukup upload file swf kamu ke sebuah hosting server, kemudian ambil url tempat file swf kamu di simpan, lalu ganti barisan url pada script dengan url milik kamu.

Teknik ini berlaku bukan hanya menempatkan jam digital animasi saja, semua file swf  yang memiliki animasi dapat kamu tampilkan di widget dengan langkah-langkah ini.

»»  READMORE...