Hanya arsip

halaman asli ada di http://kolom-tutorial.blogspot.com

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

    <data:viewProfileMsg/></a>
    </b:if>

  11. Klik tombol SIMPAN TEMPLATE.
  12. Selesai.

Untuk melihat contoh silahkan sobat klik di sini !

Selamat mencoba !

30 September 2007 - Posted by | aksesori blog, sisipkan icon

10 Komentar »

  1. Sudah saya coba! tapi html yg ada di blog saya nggak ada perintah diatas!

    Komentar oleh Rizki Eka Putra | 3 Oktober 2007 | Balas

  2. Seeppp.. aku dah coba . berhasill.. berhasillll…. 😀

    Komentar oleh AGUNG HIDAYAT | 1 November 2007 | Balas

  3. iya gimana tuh?aku ga nemu kodenya,tanya kenapa?

    Komentar oleh Kurt Donie Cobain | 6 November 2007 | Balas

  4. Pastikan sobat memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template, karena jika terlewatkan pasti tidak akn menemui kode yang di maksud. dan pastikan pula sobat sudah menampilkan Profil di blognya

    Komentar oleh rohman | 6 November 2007 | Balas

  5. keren mas….blog saya ada yang beda agi sekarang…thanks ya

    Komentar oleh edisamsuri | 11 November 2007 | Balas

  6. Udah ketemu om kodenya 🙂 keren hasilnya 😉

    Komentar oleh bL4cK_3N91N3 | 31 Desember 2007 | Balas

  7. mas, saya udah ikutin semua, tapi kok tulisan yang harusnya di samping gambar itu, malah ada di atas gambar yah..
    bantuin plss, masih newbie..

    btw, aku udah pasang link mas di blog aku, tolong link back yah mas ^_^

    semua tutorialnya mantaf abizzzz..
    thx

    Komentar oleh FerrY | 28 Januari 2008 | Balas

  8. makasih ya kang!!tolong kang buka ya blog aku,,trus ksh komen kang rohman yang kurang apa aja??makasih!!!

    Komentar oleh kin_28 | 12 Mei 2008 | Balas

  9. ni kang blog aku kins88.blogspot.com!!

    Komentar oleh kin_28 | 12 Mei 2008 | Balas

  10. kang bagaimana caranya memberi background dan border pada sidebar text color, dan aku ingin lihat dong yang halo scannya soalnya aku ingin sekali buat kontak komentar langsung dibawah keren kayak wordpress

    Komentar oleh Djarcovlax | 7 Agustus 2008 | Balas


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: