Cara Membuat Read More dan Nama Author di atas Posting

kali ini Education for all nggak akan posting pakai kode CSS segala. Education for all akan posting yang simple-simple saja. Education for all hanya akan pakai sederet xHTML yang bisa langsung di simpan di bagian body. Sederhana, cepat, gampang dan hasilnya... Hmmmmm. Tapi tidak menutup kemungkinan, lhoh ... Jika sampeyan mau, buat saja menggunakan kode CSS, kemudian padukan dengan CSS3. Pasti akan jauh lebih josh!

Buat Read More di atas Posting plus read more lama tetap dipakai

• Login ke blogger : Gunakan User Name (Nama Pengguna) atau Email Address dan Password (Sandi). Setelah semua tertulis dengan benar, klik "Login".
• Dasboard/Dasbor : Cari dan KLIK link "Design/Rancangan".
• Design/Rancangan : Cari dan klik "Edit HTML".
• Edit HTML-1 : KLIK "Download Template Lengkap" untuk melakukan "back-up" templates. Tunggu beberapa saat kemudian simpan file template di folder PC.
• KLIK "Expand Widget Templates".
• Tetap di Edit HTMl, kemudian Cari kode <div class='post-body entry-content'>. Gunakan Ctrl+F untuk memudahkan pencarian kode!
• Copy-Paste : Copy dan ganti kode di atas dengan kode HTMl di bawah.
• SAVE Templates/Simpan Template : KLIK SAVE Templates dan lanjutkan dengan membuat posting menggunakan read more.
• Buka hasilnya di halaman utama untuk mengetahui tampilan read more baru sampeyan!

<div class='post-body entry-content'>
<div style='border-bottom:1px dotted #444;margin-bottom:10px;padding:1px 0;height:25px;text-shadow:1px 1px 1px #000;'>
<span style='font-style:italic;color:yellow;'>posted by: <span style='color:blue;'>gubhug reyot</span></span>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link' style='float:right;'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title' style='text-decoration:none;'>
<span style='font-family:Cataneo BT;font-weight:normal;font-size:16px;padding-right:20px; background:url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/blueloop.gif) right center no-repeat;'>Read More ....</span>
<!-- <data:post.jumpText/> -->
                </a>
      </div>
    </b:if>
</div>
<div style='clear:both;'/>

Buat Read More di atas Posting - Read More Lama di hilangkan

Caranya sama dengan cara di atas. Kode HTML dan penempatan kode juga sama, tetapi tolong cari dan hapus kode HTML yang seperti terlihat di bawah ini! Kode di bawah adalah kode read more lama yang selama ini di gunakan.

<b:if cond='data:post.hasJumpLink'>
     <div class='jump-link'>
         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
             <data:post.jumpText/>
         </a>
     </div>
</b:if>

Untuk memudahkan dalam mencari kode di atas, cari dulu satu kode misalnya :

<data:post.jumpText/>

Setelah ditemukan maka di atas dan di bawahnya akan terlihat seluruh kode yang dimaksud di atas.

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «