Buat profil yang rapi

Ngoprek-ngoprek dikit nih biar bisa ngelmu blogger dan gak jauh ketinggalan. Lookj lihat banyak banget tunas-tunas muda blogger yang berkembang pesat dalam hal blogging (tapi lookj belum tua kok). Disatu sisi lookj seneng banget karena banyak orang yang mendalami blogger dan di satu sisi ketakutan karena ilmu-ilmunya makin jauh dan makin super kreatif meninggalkan lookj. Di postingan ini lookj juga sangat berterima kasih kepada blogger-blogger yang mau diundang untuk menjadi penulis, terutama beberapa blogger yang cukup populer di dunia perbloggingan mau menerima undangan lookj untuk sekedar menggoreskan atau tepatnya "ngetikin posting di blog lookj" nanti pada saat lookj ninggalin rumah lookj ini. Lookj punya mainan baru hasil oprekan lookj nih, tetapi kalau yang udah tahu caranya atau menemukan cara lain jangan nyela ya. Pernah masang profil di blogger gak? nah kalau pernah pasti tampilannya jauh dari oke kan? yang kamu mau lookj yakin adalah membuat keteranganmu di samping foto dengan tulisannya yang berjajar rapi rata kiri kanan (lihat contohnya di gambar posting ini). Bener? kalau bener ya kamu lanjutin baca tutorialnya di bawah ini.

Sebagai visualisasi yang lebih realnya, lookj tunjukin yang kamu pengenin seperti ini kan:

bener gak? kalau gak bener ya tutup aja deh blog ini. Lookj kemarin penasaran ma cara ini dan akhirnya memutuskan untuk melihat source code dari postingan yang berisi gambar. Dan akhirnya..teteretetet...dapet deh cara gampangnya, mungkin udah banyak yang tahu yak? gapapa deh, caranya sangat sederhana yaitu kamu upload dulu gambar profilmu ke tempat upload seperti imageshack atau photobucket lalu ambil linknya dan setelah kamu upload kamu akan mendapatkan link seperti ini: "http://img187.imageshack.us/img187/5368/dsc00426zg5.jpg". Simpan dulu link tersebut, sekarang masuk ka Tata Letak di account blogger kamu dan tambah elemen halaman HTML/JAVASCRIPT. Isilah dengan kode di bawah ini:

<img id="lookj" style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 117px; height: 77px;" alt="" src="http://img187.imageshack.us/img187/5368/dsc00426zg5.jpg" border="0" /><div align="justify">Deskripsi kamu</div>

Perhatikan kode warna biru, ganti dengan alamat gambar yang telah kamu dapatkan tadi, dan tulisan "deskripsi kamu" ganti dengan tulisan yang kamu inginkan. Kamu bisa mengubah ukuran gambar sesuka kamu dengan mengganti Width dan Height. Coba deh sekarang simpan, apa yang muncul di blogmu? tarara....foto kamu nampang dengan deskripsi yang rapi, kamu bisa nambahin tulisan Selengkapnya yang melink ke profil blogger kamu atau account kamu yang lainnya seperti Facebook, Friendster, Yuwie, pokoke sesuka kamu.