Sisipkan 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 :


<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>


8. Sisipkan kode icon seperti kode di bawah ini :

<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>



9. Klik tombol SIMPAN TEMPLATE.



10. Selesai.

Untuk melihat contoh silahkan sobat klik di sini !

Selamat mencoba !

Di tulis oleh : Kang Rohman pada 30 September 2007

Description: Sisipkan Icon di View Profile, Rating: 5

Reviewer: Rohman, ItemReviewed: Sisipkan Icon di View Profile

Silahkan baca artikel menarik lainnya :

Ingin artikel seperti Sisipkan Icon di View Profile langsung di kirim ke email? Silahkan masukan alamat email anda untuk berlangganan.

Privasi dijamin. Kami tidak akan membagikan informasi anda.