Rabu, 23 Maret 2011

Tutorial :Membuat Read More Berjalan

Nah bila pada  postingan sebelumnya yaitu :
Kali ini saya akan menshare cara membuat Read more dengan Efek marquee atau berjalan.Sedikit lebih maju,Bagaimana caranya?mari kita simak berikut ini



Cara Membuat Read More Berjalan dengan Efek Marquee di Blogger Baru :
  1. Login : Loginlah ke Blogger.
  2. Dasboard : Halaman Dasbor, KLIK "Tata Letak" dan teruskan dengan KLIK "Edit HTML".
  3. Edit HTML : Amankan Template terlebih dahulu supaya bila terjadi kesalahan yang mengakibatkan kerusakan/perubahan yang tak diinginkan , template bisa dikembalikan lagi ke keadaan semula. Untuk mengetahui cara mengamankan template kalian bisa KLIKdi sini.
    Lanjutkan dengan Centang "Expand Widget Template".
  4. Cari kode html tersebut dengan menggunakan Ctrl + F atau F3   
  5. Setelah ditemukan, hapus kode tersebut berikut kode di bagian atas dan bawahnya yang bentuknya seperti ini :
    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
    <data:post.jumpText/>
    </a>
    Ganti dengan Kode html Baru Read More Berjalan :

    <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
    <img src='http://Masukkan link gambar read more anda disini' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/>
    </a>
    </marquee>
  6. SAVE Template: Jangan lupa KLIK "Simpan Template"
  7. Ganti Gambar Read More : Untuk mengganti gambar read more yang saya sertakan di kode html di atas, anda bisa membuatnya sendiri menggunakan Adobe Photoshop dan Adobe ImageReady, atau memanfaatkan layanan gratis di beberapa alamat di bawah
    .
  8. Ikuti Dulu Panduan Sebelumnya ,Supaya lebih mudah mengikuti panduan ini, ikuti dulu panduan sebelumnya yang sudah saya posting di link di atas tadi.(sumber)

0 komentar:

Posting Komentar