Tips Blog | Tutorial Blog | Belajar Blog

Penggunaan Format Gambar Untuk Blog

format-gambar Hal yang kurang kita perhatikan dalam urusan penempatan gambar blog adalah dalam penggunaan format dan ukuran gambar yang kadang tidak sesuai kebutuhan blog. Penggunaan gambar yang salah akan mempengaruhi dalam urusan loading blog dan lagi-lagi traffic jadi ikut-ikutan ambil bagian.

 

Contoh orang yang menggunakan modem dengan kecepatan 56kb misalnya, akan rela menunggu loading blog yang akan mereka kunjungi. Tapi jika dalam waktu 10 detik gagal me-load, mungkin mereka akan pergi meninggalkan blog kita. Oleh karena itu, penggunaan format dan ukuran gambar yang sekecil mungkin akan sangat membantu dalam kecepatan browser me-load blog kita.

 

Untuk mengoptimalkan gambar, sobat harus menggunakan format dan ukuran gambar sesuai dengan jenisnya. Dibawah ini beberapa keterangan dari format gif, jpeg dan png. Semoga bisa menjadi acuan dalam penempatan gambar dalam blog sobat.

 

  1. GIF adalah singkatan dari Graphics Interchange Format. Format GIF sangat dihubungkan dengan sejarah internet, terutama karena ukurannya yang kecil. Saat ini GIF hanya bisa maksimal dengan 256 warna. Sobat harus menggunakan format ini untuk gambar berwarna seperti logo, tombol atau teks gambar. GIF juga format pilihan untuk gambar animasi.

     

  2. JPEG adalah singkatan dari Joint Photographic Experts Group. Format ini diciptakan untuk foto-foto dan seni rupa tingkat tinggi. Sobat harus menggunakan gambar JPEG setiap kali sobat menampilkan foto atau gambar dengan warna full color. Jika sobat mengkompress untuk mengurangi ukuran file gambar, sobat harus menggunakan tingkat kompresi 50% untuk hasil yang optimal.

     

  3. PNG adalah singkatan dari Portable Network Graphics. Format PNG diciptakan khusus untuk Internet, dengan tujuan menggantikan gambar GIF. Keuntungan utama PNG adalah format ini yang mendukung warna 24-bit dan alpha transparansi. Sobat harus menggunakan format PNG untuk gambar sederhana yang membutuhkan lebih dari 256 warna.

 

Untuk mengoptimalkan format gambar diatas, sobat bisa menggunakan jasa dari PunyPNG atau tools yang lebih mumpuni seperti Dynamic Drive, disini sobat bisa mengkompres gambar dari format gif, jpeg atau png dan sekaligus bisa meng-convert gambar tersebut.

 

Semoga berhasil dalam memilah-milah gambar yang akan sobat tempatkan di blog sobat. Jangan khawatir untuk meng-kompres file gambar sobat dengan tools diatas, kerana tools tersebut tidak akan mengurangi kualitas dari gambar yang sobat kompres.

Menambah Status Yahoo Messenger Di Gagdet Profil

Gadget profil adalah gadget dimana Anda bisa manampilkan foto, deskripsi tentang Anda dan link profil blogger Anda kedalam blog Anda. Untuk menambahkan widget ini cukup mudah yaitu dari menu "Layout/tata letak" kemudian klik "Add a gagdet" lalu pilih "Profile". Dan untuk mengedit profil dan foto Anda bisa melalui Dashboard blogger Anda dengan mengklik "Edit Profile" yang ada di sebelah kanan dashboard Anda.

Nah kali ini Saya akan membahas tentang bagaimana caranya menambah Status Yahoo Messenger kedalam gadget Anda, yang berhubungan dengan postingan Saya yang dulu tentang menambah Status Yahoo Messenger ke dalam blog.

Coba lihat contoh dari modifikasi sederhana ini :



Terlihat diatas ada tambahan status Yahoo messenger ke dalam gadget profil Saya.

Nah dibawah ini adalah caranya :

1. Langkah pertama yang Anda harus lakukan Adalah Log In ke Blogger lalu menuju bagian "Layout" kemudian masuk "Edit HTML"

2. Setelah itu centang "Expand Widget Templates"

3. Kemudian cari code dibawah ini :


<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>


4. Setelah ketemu code diatas lalu tambahkan code dibawah ini diatasnya


<a href='ymsgr:sendIM?anasku_mail'> <img src='http://opi.yahoo.com/online?u=anasku_mail&amp;m=g&amp;t=1&amp;l=us'/>
</a><br/>


Code yang berwarna merah diatas ganti dengan ID YM kamu, dan angka yang berwarna hijau adalah bentuk dari lambang status YM, keterangan lebih jelasnya bisa dibaca disini.

5. Kalau sudah kemudia SAVE

Nah diatas adalah cara menambah Status Yahoo Messenger kedalam gadget profil, Anda juga bisa Status YM dengan status Camfrog, G-Talk dan lainya.

Cukup disini dulu postingan Saya. . . Semoga bermanfaat dan silahkan menuliskan komentar dibawah ini untuk tanggapan dan pertanyaan.

Mana Yang Lebih Baik, Nofollow atau Dofollow?

nofollow atau dofollow Seperti yang kita ketahui bahwa link adalah sebuah tautan yang diberikan oleh sebuah blog terhadap blog lainnya. Dengan kata lain, jika di klik akan menuju ke blog yang di beri link. Sobat jangan menganggap remeh hal ini, karena jika salah akan mengakibatkan posisi blog sobat jauh dari mesin pencari dan bisa menurunkan page rank blog sobat.

 

Kenapa saya beri judul kembalikan blog ke nofollow? mungkin banyak yang bertanya-tanya tentang hal ini, bukannya blog dofollow lebih bagus karena banyak yang berkomentar? Justru karena banyak yang berkomentar itulah makanya saya menyarankan sobat untuk mengembalikan blog sobat ke nofollow. Karena blog dofollow adalah sebuah blog yang memberikan oneway backlink (satu arah) kepada si pemberi komentar.

 

Pemasangan link dibedakan menjadi 2, contoh :

 

dofollow <a href=�http://kutu-blogspot.blogspot.com�>Dody Farial</a>

 

nofollow <a href=�http://kutu-blogspot.blogspot.com� rel=�nofollow�>Dody Farial></a>

 

Yang mana yang lebih baik untuk kesehatan blog sobat? tentu saja yang nofollow, tapi tidak etis rasanya jika sobat menggunakan nofollow untuk tukar link dengan blogger lain. untuk yang satu ini kasusnya berbeda, karena tukar link adalah backlink 2 arah (two-way backlink) sehingga saling menguntungkan antara sobat dengan blogger lain. Jadi, untuk tukar link sebaiknya menggunakan dofollow !

 

Banyak blogger senior yang mengembalikan blog mereka ke nofollow, semata-mata untuk menghindari link keluar lebih banyak. Kenapa saya bilang link keluar? tentu saja karena blog dofollow akan memberikan backlink secara cuma-cuma buat si pemberi komentar. Sudah banyak yang merasakan pagerank mereka di tendang google ke tempat yang paling dasar alias nol karena mengganti blog mereka ke dofollow.

 

Contoh Kasus

Jika dalam satu postingan blog sobat terdapat rata-rata 40 komentar, jumlah postingan sobat ada 100 dan semua postingan penuh dengan komentar dari blogger yang ingin mendapatkan backlink secara gratis. Bayangkan berapa link keluar (outbound link) yang sobat buang secara cuma-cuma. Asumsi jika sobat mempunyai link masuk (incoming link) sebanyak 200 link, apakah seimbang? bisa nutup kah? tentu saja tidak, hasilnya tinggal menunggu saat google update pagerank dan ucapan selamat dari google karena turun pagerank.

 

Sekarang tergantung sobat ingin mengembalikan blognya ke nofollow atau tetap menggunakan dofollow. Jika tetap menggunakan dofollow, sebaiknya selalu memantau backlink blog sobat di situs-situs backlink checker untuk mengetahui seberapa banyak incoming link dan outbound link untuk blog sobat.

Widget Sederhana Twitter

Tentunya Anda sudah tau apa itu twitter dan Anda jugalah pengguna twitter untuk saat ini. Ya, Twitter adalah salah satu Social Networking yang terkenal selain Facebook yang banyak digunakan orang di seluruh penjuru dunia.

Namun kali ini Saya akan membahas tentang bagaimana caranya membuat widget Twitter yang sederhana ke dalam blog kita, dalam artian widget ini lebih simple dari pada widget yang diberikan oleh pihak twitter.

Isi dari widget ini adalah hanya tweets dan link twitter Anda, pas buat Anda yang suka hal ringkas namun bertujuan jelas. Coba lihat contoh widgetnya dibawah ini



Gambar diatas screen capture dari widget twitter sederhana di blog Saya ini. Yuk mari Saya pandu cara buat widget ini

Pertama yang Anda lakukan adalah Log In ke blogger Anda, setelah masuk Dashboard Lalu klik Link Layout / Tata Letak

Setelah masuk pada menu Layout lalu pilih tempat yang mau Anda pasangi Widget ini kemudian klik "Add a Gadget" kemudian pilih "HTML/JavaScript"

Kemudian Paste code dibawah ini


<div id="twitter_div" style="background: url(http://i725.photobucket.com/albums/ww258/anasceria/new-tuts/single-bird-icon-1.png) top left no-repeat; color:#000000; font-size:14px; padding-left: 50px;"><ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/anasceria">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/anasceria.json?callback=twitterCallback2&count=3" type="text/javascript"></script>



Perhatikan !! :

  • Ganti code yang berwarna merah diatas dengan ID Twitter Anda

  • Ganti Angka 3 yang berwarna biru diatas dengan jumlah angka tweet Anda yang ingin Anda Tampilkan

  • Code yang berwarna hijau adalah style dari widget tersebut, diantaranya ada URL gambar dari widget tersebut, sesuaikan dengan selera Anda, klik disini untuk panduan CSSnya

  • Text "follow me on twitter" adalah text link perintah untuk Follow Twitter Anda yang bisa Anda ganti sesuai Selera Anda

Nak demikianlah tutorial Saya hari ini untuk membuat widget sederhana twitter. Semoga bermanfaat bagi Anda dan jangan lupa Follow Twitter Saya disini untuk mengetahui update dari Saya, Terima Kasih.

Blue Light Template

image

 

demo download

 

 

Template Information

 

Name Blue Light
Type Blogger Template
Properties White, Blue, 2 columns, 3 columns, right sidebar, xml