Baca lewat email biar asik ->
author

Artikel ini ditulis oleh : Putu Hadi

Putu Hadi adalah Blogger dan Penulis penyuka Android. Follow saya di Twitter, artikel ini bermanfaat buat kamu? jangan lupa tinggalkan komentar ya...


Sabtu, 21 Februari 2009

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:
Image Hosted by ImageShack.us

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.

18 komentar:

  1. PERTAMAX...dulu dach baru comment

    BalasHapus
  2. Ciyee...ini dia yang gw tunggu-tunngu
    Om Lookj emang kreatif banget
    salut-salut
    Gw coba dulu ya Om

    BalasHapus
  3. Pinin nyuba neh, tp ga punya m0dem :-(

    BalasHapus
  4. Huehuehuehu........ aku kok lebih seneng yg bentuk lama........ wwkkwkwkwkk........

    BalasHapus
  5. hakz! Sep bgt... save dlu yak artikelx... soale klo pke blogspot gak ngerti cra rapiin profilx... :(

    BalasHapus
  6. Weh... ternyata bukan ngedit yang udah ada yah Bang... Hehehe... Saya kira ngedit...

    Tapi bagus juga buat yang ini...

    BalasHapus
  7. o gitu toh caranya, mantap sob..

    BalasHapus
  8. ohh..gitu ya caranya biar lebih rapi
    Bli ing mahasiswa bodoh
    tapi puinnnteerrrrr..

    BalasHapus
  9. wih lumayan nih,bisa sedikti rapi, rapi kan pangkal kaya,eh..ndak ya..salah berarti

    BalasHapus
  10. hmmm.,...
    boleh coba...

    BalasHapus
  11. duh kalo dah donload ma ilmiah diriku nyerah deh
    gaptek soalnya

    BalasHapus
  12. ternyata ada caranya ya... Thank atas infonya

    BalasHapus
  13. enak bener nih tinggal langsung kopas. matur manyun bos

    BalasHapus
  14. Dulu saya pernah coba tapi bukan dengan edit html tapi dengan widget html di sidebar,saya tutorial dari siapa ya saya dah lupa.Yang inti gambarnya ngak muncul cuma kotak di tengah ada tulisan image. Gimana komenya mas

    BalasHapus

Artikel ini berguna? jangan menjadi silent reader, saya akan selalu menjawab komentar

Ada 2 aturan berkomentar yaitu jangan asal komentar, jangan mengiklan, hargai penulis yang membuat artikel ya..terima kasih.