Panduan Blogger Terbaru: Membuat Read More Berjalan

Dalam tutorial Blogger, tutorial wordpress atau tutrial BlogDETIK maupun panduan blogger, panduan BlogDETIK aku sudah mencoba mencari untuk membuat read more berjalan dengan effect marquee. Setelah bolak balik mencari hingga berbagai panduan blogger dalam bahasa tarzan, ternyata tak kutemukan jua. Jadi ini mungkin tutorial dan panduan blogger pertama yang mencoba menggabungkan antara marquee effects dan read more, sehingga menciptakan sebuah inovasi baru yang sedikit "aneh dan atraktif". Selain sebagai sebuah read more berjalan, read more yang aku buat ini juga memanfaatkan sebuah animasi gif sehingga dalam satu buah link read more mempunyai dua buah effect yang saling mendukung. Jika mungkin sampeyan tertarik, silahkan mengikuti panduan ini. O ..., ya ...., selain aku mencoba read more baru, sekali ini aku juga coba memanfaatkan fungsi read more dalam posting setelah selama aku ngeblog sekalipun belum pernah aku pakai, ya ..., sekalipun aku tidak memanfaatkan secara penuh, karena aku sedang mencoba juga untuk membuat sebuah read more yang lebih fleksibel, yang bisa di kontrol tampilan link-nya, sehingga tidak setiap kali posting musti terlihat. Untuk kembali mencoba mengikuti panduan membuat read more berjalan ini, kalian harus .... (silahkan KLIK Read More-nya dulu , ya ! ... Ha .... ha .... ha ....
He ... he ... Aku lanjut lagi! sampai mana tadi ? O, ya ... , kalian harus sudah pasang read more dulu di blog sampeyan, supaya tinngal pasang langsung bisa dicoba. Bagi yang belum punya read more silahkan ikuti beberapa panduan yang telah saya buat. Silahkan kalian KLIK link-link di bawah ini untuk langsung terbang :

Beberapa panduan dan tutorial tentang read more :

• Mengamankan Template Sebelum Merubah Desain Blog
• Cara cepat mencari kode HTML
• Tips untuk Pertimbangan Pasang Read More
• Langkah dan Cara Membuat Read More
• Membuat Read More Animasi
• Read More CSS

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

Silahkan langsung KLIK saja alamat-alamat di bawah ini :
• CoolText :
  http://cooltext.com
• Flamingtext :
  http://www.flamingtext.com
• GRsites :
  http://www.grsites.com

Cara membuat Read More Berjalan :

1. Edit HTML : Karena aku anggap kalian sudah pada paham, baik yang sebelumnya sudah pakai read more atau yang sudah buka tutorial yang saya sediakan link-nya di atas, maka langsung saja aku bawa sampeyan ke Halaman Edit HTML. Ayo segera saja KLIK "Expand Template Widget".
2. Teks Read More : Cari Teks Read More yang sampeyan pakai. Teks Read More ada di antara kode berikut ini.
   <a expr:href='data:post.url'>
   
   Read More
   
   </a>
3. Ganti Teks Read More : Ganti seluruh kode html di atas dengan kode yang baru :
   

   <marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'><a expr:href='data:post.url'><img src='http://gubhugreyotprojects.googlecode.com/svn/ReadMoreAnima.gif' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/></a></marquee>

4. SAVE Template (Simpan Template) : Kalau dirasa sudah nggak ada kekeliruan, langsung saja KLIK "Simpan Template".
5. Selesai : Silahkan buka blog sampeyan dan nikmati penampilan read more spesialnya. O .., ya ... Sampai lupa .... Silahkan naik ke atas read more klo badan udah lelah dan mata mengantuk. Sambil goyang kanan-goyang kiri pasti nggak terasa udah mimpi indah, he ....he ..... Olalalahwalagadalah ...masih satu lagi yang kelupaan. Itu lho .. Gambar animasi di kode yang di atas ... silahkan dipakai saja ... atau mungkin sampeyan pingin buat sendiri, silahkan KLIK link-yang di atas. Ha .... Da .....

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 «