Read More Berjalan dengan Efek Marquee; Panduan Blogger Baru

Setelah pada Panduan Blogger dan Tutorial Blogger sebelumnya telah di bahas tentang cara membuat read more dengan efek marquee yang membuat sebuah efek dinamis pada "sepenggal kata read more" di read model lama, supaya dengan cepat sampeyan bisa menerapkan di read more blogger baru, silahkan ikuti panduan 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 KLIK
   di sini.
   
   Lanjutkan dengan KLIK "Expand Widget Template".
4. <data:post.jumpText/> : Cari kode html tersebut dengan menggunakan Ctrl + F. Untuk mengetahui cara cepat mencari kode html menggunakan Ctrl + F, kalian bisa KLIK
   di sini
   . 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>

   Kode html Baru Read More Berjalan :

   <marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
   <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
   <img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/button/ReadMoreAnima.gif' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/>
   </a>
   </marquee>

5. SAVE Template: Jangan lupa KLIK "Simpan Template"
6. Ganti Gambar Read More : Untuk mengganti gambar read more yang aku sertakan di kode html di atas, sampeyan bisa membuatnya sendiri menggunakan Adobe Photoshop dan Adobe ImageReady, atau memanfaatkan layanan gratis di beberapa alamat di bawah.
7. Ikuti Dulu Panduan Sebelumnya :Supaya lebih mudah mengikuti panduan ini, ikuti dulu panduan sebelumnya yang sudah saya posting di link di bawah ini :
   
   • Mengamankan Template Sebelum Merubah Desain Blog
   • Cara cepat mencari kode HTML
   • Cara Menggunakan Read More Blogger Baru
   • Cara Merubah Teks Link Read More Blogger Baru
   • Cara Membuat Read More Berjalan.
   • Cara membuat Read More Animasi

Untuk buat teks animasinya silahkan langsung klik link di bawah ini :

• CoolText :
  http://cooltext.com
• Flamingtext :
  http://www.flamingtext.com
• GRsites :
  http://www.grsites.com

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rabo PON, February, 29, 2012

» Happy Blogging - gubhugreyot «