Ganti Gambar E-mail Post dan Edit Post

Oleh Ade Sanusi

11.05.2008

Bagikan :

Tweet

beberapa belakangan ini, males rasanya ng-Blog, mungkin karena sedikit bosan atau entah kenapa? dan bingung mau nulis apa kehabisan inspirasi kayaknya: Ok lupakanlah itu semua sekarang hanya tips sederhana, mungkin yang lain sudah pada bisa atau bahkan udah mencobanya, yaitu "Mengganti gambar/Icon (Email Post dan Edit Post)
Sebelumnya pastikan sudah di di setting pada bagian Layout Post /* Jika sudah di pasang hiraukan tulisan ini langsung ke tahap berikutnya "Mengganti Gambar " */ Caranya klik Layout pada Dashboard dan kemudian Klik Edit pada Widget BlogPost /* biasanya di kiri atau tengah pokoknya yang paling besar deh */

Kemudian akan Muncul PopUp dan Ceklis seperti gambar yang ditandai.

Sampai di Situ Sudah Selesai menambahkan link jalan pintas untuk mengadit Artikel atau mengirimkan e-mail. jadi jika ada kata-kata yang salah misalnya bisa dengan cepat di edit.


Standarnya Gambar Pensil dan Mail lihat Gambar, di bagian kanannya ada icon pensil dan mail.
Adapun hasilnya pada blog akan terlihat seperti ini: /* biasanya berada di bagian bawah postingan */

mungkin bosen atau gak suka dengan gambar itu, mau diganti dengan gambar sesuai selera misalnya. berikut caranya:


Mengganti Gambar:


Masuk ke EditHTML dan temukan kode sperti ini:


1. Mengganti Gambar Pensil (Post Edit)



<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
      </a>
    </span>
  </b:if>
</b:includable>


Silahkan ganti url gambar http://www.blogger.com/img/icon18_edit_allbkg.gif dengan URL gambar yang diinginkan. misalnya dengan gambar ini:

http://i261.photobucket.com/albums/ii65/adephotobucket/myfiles_icon.gif

2. Mengganti Gambar E-mail Post

Cari Kode berikut:

<b:if cond='data:post.emailPostUrl'>
            <span class='item-action'>
              <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                <img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
              </a>
            </span>
          </b:if>

Ganti url gambar e-mail post http://www.blogger.com/img/icon18_email.gif dengan yang diinginkan.

misalnya dengan gambar ini:

http://i261.photobucket.com/albums/ii65/adephotobucket/mail-big.png

Jika Semua kode Sudah Selesai di ganti, Silahkan Simpan (SAVE) dan Lihat Hasilnya:

Tag : Tips and Trik, Tutorial