Rabu, 15 Agustus 2012

Cara membuat tombol read more sendiri

tombol read more adalah tombol yang membatasi tulisan artikel kita seperti yang saya pakai sekarang.sekarang saya akan menunjukan cara membuatnya..
seperti biasa cara ada di bawah...!!!

#ket:
kalian harus punya:
  1. Software PhotoScape (klo gk punya Download dulu)
  2. Akun Photobucket.com
#cara buat:
  • klik Menu start windows ---> pilih Paint
  • tentukan warna yang ingin di jadikan Background
  • Save
  • pergi ke PhotoScape
  • pilih menu editor
  • pilih file paint tadi
  • pilih object yang ada di bawah dan klik Editor kaya atau yang bergambar huruf T ada 2
  • tulis text apa saja yang kalian mau dan Krop sesuai tulisan
  • klik simpan yang ada di pojok kanan bawah
  • pergi ke photobucket dan login klo blom punya akun Sign up dulu
  • pilih upload dan pilih file Photoscape tadi
#cara Memasukan gambar ke blog
  • login blogger
  • pilih template
  • edit HTML ---> Lanjut
  • klik Expand Template widget
  • cari tulisan seperti di bawah
 <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><img alt='read more' src='(url Gambar Read mor kalian)'/></a>
      </div>
    </b:if>
  • klo gak ada yang sama cari kode yang ini ajah  <b:if cond='data:post.hasJumpLink'>
  • klo udh ketemu masukin url gambar read more yang ada di photobucket
  • simpan Template
kalau ingin yang gambar animasi klik di sini
semoga bermanfaat dan klo ada yang gk ngerti koment ajah...

0 komentar:

Posting Komentar