cara membuat blog
Sisipkan Icon di View Profile
Facebook
Twitter
RSS
gplus

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 :

  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 !

Description: Sisipkan Icon di View Profile, Rating: 5

Reviewer: Rohman, ItemReviewed: Sisipkan Icon di View Profile

0 komentar pada Sisipkan Icon di View Profile :

Posting Komentar

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.