Mengubah nama author jadi icon atau foto

Trik ini cukup bagus buat yang suka sama foto nya sendiri (bukan ngomongin saya lho wekekekek-red), dan biar nambah variatif dalam mendesain blog sobat yaitu mengganti nama authornya menjadi ikon atau foto caranya sangat simple sekali dalam membuat trik ini. Kalau mau tahu hasil triknya lihat screen shoot di bawah ini :


Nih Screen Shootnya

Mau tahu cara buatnya?

1. Seperti biasa login terlebih dahulu ke blogspot, kemudian masuk ke Tata Letak > edit HTML
Jangan lupa simpan template lengkapnya, klik Download Template Lengkap!!
2. Centang tanda Expand widget, setelah itu cari kode ini <data:post.author/> , setelah ketemu silahkan ganti kode tersebut dengan rumus HTML-an ini :

<a href='URL SOBAT'><img alt='TERSERAH ISINYA' border='1' height='16' src='IMAGE URL SOBAT' style='margin: 0px' title='TITTLE SOBAT' width='16'/></a>

Text yang di cetak tebal di sesuaikan dengan fungsinya masing-masing

Kalau sudah selesai tinggal di save dan lihat hasil pekerjaan sobat, kalau bisa cari foto yang paling bagus biar yang datang dan baca postingannya gak takut lihat foto sobat wekekekekekke :p .

post signature

38 comments:

  1. wekekek.. untuk yg suka narsis seperti akang mochal mah kayaknya ok juga neh


    hihihiihi

    *** ngaciiiiirr *** takut di timpuk ah

    ReplyDelete
  2. @ jaloee> weeks... mang saya narcis yaaak kang ( ga nyadar ... )

    ReplyDelete
  3. Emang bener lo narsis,bro??
    Coba ah,..besok2....
    Trus untuk icon si visitor comment kayak apa bro?

    ReplyDelete
  4. pengen sih....seperti punya kang mochal....tapi aku takut apakah enggak jadi lelet kang...blogna,soalnya koneksiku lelet abizzzzzzz

    ReplyDelete
  5. waoooooooo keren trik baru nih..bisadi coba nih...oh iya tuh link downloadnya udah aku masukkan di atas tadi ada di bawah... :D

    ReplyDelete
  6. mmm, keren infonya kang
    coba2 ah, makasihh

    ReplyDelete
  7. andainya gadis rantau punya poto kang, sudah pasti dah nampang dimana2 sejak kemarin. lha wong, tiap liputan sibuk motretin orang, jarang ada waktu buat kepentingan privatisi alias motret diri sendiri,he..he..

    ReplyDelete
  8. Emang Oom ini kreatif buener dengan ide2 yang fres & the best, bole aq coba nich, & klo berhasil baru aq salin dlm catatanku, Thank!

    ReplyDelete
  9. Mungkin suatu hari akan saya pake, pak. Thanks tips-nya

    ReplyDelete
  10. trik yang menarik.. terima kasih..

    ReplyDelete
  11. Seperti kata2 awalnya, bagi yang suka foto sendiri alias narsis kt bang jaloee.hehehe. kl saya sih lebih suka tulisan aja, kan jg bisa buat keyword(dasar penggila SEO, hahahha).

    ReplyDelete
  12. hihihih lagi2 narsis :) btw boleh nih dicoba kapan2 hehehe...

    ReplyDelete
  13. wah...bunda coba yaaaa.. makasih loch ilmunya...

    ReplyDelete
  14. wah... saya gak narsis... kang mochal... gimana dunk... wkakakak ada tips buat yg gak narsis gak... wkakakak

    ReplyDelete
  15. buset, masa lo ga sadar kl narsis chal? coba liat posting lo blkgan selalu rata2 berhubungan dengan foto, emang sih.. fotonya itu..

    ReplyDelete
  16. narsisnya kronis *halah kekekkeke*

    gpp mas, ganteng kok *daftar jd fans nya*

    ooo gtu y caranya...

    ReplyDelete
  17. ayo...ayo sapa yg suka pajang2 photo...sini..sapa tau ada lawan jenis mampir yang cucok...hehehe

    ReplyDelete
  18. wah,, cocok buat para narsiswan dan narsiswati.. kekeke

    ReplyDelete
  19. Cucok neh buat nyang suka naRciZm, disimpen dulu aaaah

    ReplyDelete
  20. dismpan buat dicoba ntar kalo udah clear kerjaan

    ReplyDelete
  21. Bagus juga nih idenya aku coba yah,kalau cocok aku save nih he....
    Tanks ya..

    ReplyDelete
  22. @ Pencuri kode : "waoooooooo keren trik baru nih..bisa di coba nih..." <-- jadi pengen lihat pencuri kode narsis, yah emang biasanya narsis kayak Mochal...kwak3x....
    =========
    Lari akh....ngikut Kang Jaloe, takut ditimpuk ama kalian berdua

    ReplyDelete
  23. kang mochal memang top untuk urusan css dan html, kapan ya aku bisa seperti dia, bisaku cuma copas script aja.

    ReplyDelete
  24. Sama abang kaya kang oeoes, kapan bisa kaya mochal nih ...hebat banget utk urusan css dan html ...sukses chal, ajarin abang yach

    ReplyDelete
  25. c akui a, dirimu memang jago soal ginian hihihih

    ReplyDelete
  26. http://i530.photobucket.com/albums/dd341/herrolim/baca.gifngetan.gif

    Gak Gak Bolh juga mAs.... Cuman Kode yang no 2 berubah jadi Con :d gak gak agk

    ReplyDelete
  27. @ ade > maksudnya apa yak bro gak jelas saya /jedug

    ReplyDelete
  28. /bisik mas...aku nyuri kode lg...gak pa2 khan???

    ReplyDelete
  29. HHOOREEEEEEEEEE..../hore....BERHASILLLL OM...THANKS YA...aku pulang dulu bbyyy/lari

    ReplyDelete
  30. Numpang nanya, gimana cara bikin favicon?
    Makasih....

    ReplyDelete
  31. kayaknya kalo di css-nya yg ditaro link gbr photo kita lebih mudah yah mas ... xixixixi

    ReplyDelete
  32. ah malu klo masang poto, ntar ktauan gantengnya, hheee

    ReplyDelete
  33. Kala caranya memberikan foto pada kotak komentar gimana ya gan???
    saya masih belum bisa nih!!!

    ReplyDelete
  34. mending nama aja deh biar terkenal...wkwkwkwk

    ReplyDelete
  35. bisa narziz neh:)
    salam kenal om

    ReplyDelete