Kamis, 20 Agustus 2009

103. Icon di View Profile



Jika pada postingan yang lalu telah di bahas bagaimana cara
menyisipkan mini icon pada label(kategory), maka pada kesempatan
kali ini akan coba di bahas tentang cara menyisipkan mini icon di
View My Complete Profile atau Lihat Profile Lengkap Saya.
Memang sebenarnya tidak terlalu penting, akan tetapi lumayan untuk
pemanis blog kita agar tampil sedikit lebih cantik dari sebelumnya.





Seperti biasa, sobat terlebih dahulu harus sudah mengupload mini icon
yang akan di pasang pada hosting tempat menyimpan gambar, kemudian
catat alamat gambar tersebut, misal saya telah mengupload sebuah mini
icon dan telah mempunyai lamat gambar alamat sebagai berikut :




http://24rohman.googlepages.com/icon_user.gif





Agar gambar tersebut bisa tampil, maka harus di tambah kode untuk memangilnya,
kodenya jadi seperti ini :




<img src='http://24rohman.googlepages.com/icon_user.gif'/>






Icon ini mempunyai gambar seperti ini :







Sebagai catatan saja bahwa tutor kali ini khusus bagi sobat yang memakai template baru.
Untuk menyisipkan mini icon pada View My Complete Profile, sebelumnya sobat
harus sudah menampilkan profile di blognya. Silahkan ikuti langkah-
langkah berikut ini:




  1. Sign in di blogger.




  2. Klik menu Layout.





  3. Klik menu Edit HTML.




  4. Klik tulisan Download Template Seluruhnya, silahkan save dulu untuk backup data.




  5. Klik kotak kecil di samping tulisan Expand Widget Template.




  6. Tunggu beberapa saat sampai proses selesai.





  7. Cari kode seperti ini :




  8. <b:if cond='data:aboutme != ""'>


    <dd class='profile-textblock'><data:aboutme/>


    </dd>


    </b:if>

    </dl>


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


    <data:viewProfileMsg/></a>

    </b:if>


  9. Sisipkan kode icon seperti kode di bawah ini :


  10. <b:if cond='data:aboutme != ""'>


    <dd class='profile-textblock'><data:aboutme/>



    </dd>


    </b:if>

    </dl>

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


    <img src='http://24rohman.googlepages.com/icon_user.gif'/>&#160;


    <data:viewProfileMsg/></a>

    </b:if>






  11. Klik tombol SIMPAN TEMPLATE.




  12. Selesai.






Untuk melihat contoh silahkan sobat klik di sini !




Selamat mencoba !






Dari guru saya: Kang Rohman

0 komentar:

Posting Komentar

Kembali ke atas

Kembali ke atas