Membuat Redmore di Sebelah Kanan

Sebelumnya telah kita bahas bagaimana mengganti tulisan Baca Selengkapnya / Readmore dari template bawaan blogger,
kalau bloggers belum sempat membaca klik disini .

Untuk artikel kali ini penulis akan menunjukkan bagaimana cara membuat readmore menjadi di sebelah kanan dari template bawaan blogger...
 Caranya adalah :

1. Login Blogger,
2. Klik Template/ Rancangan,
3. Klik Edit HTML sebelum melangkah lebih lanjut simpan dulu kode template didalam widget ke file di PC anda, 
4. Jika sudah bloggers simpan, centrang Expand template Widget,
5. Cari kode <div class='post-header'> perhatikan kode dibawahnya seperti dibawah ini atau yang mirip2 untuk template yang lain, gunakan Ctr + F untuk mempercepat pencarian,

<div class='post-header'>     <div class='post-header-line-1'/>     </div>     <b:if cond='data:blog.metaDescription == &quot;&quot;'>       <!-- Then use the post body as the schema.org description,           for good G+/FB snippeting. -->       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>         <data:post.body/>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     <b:else/>       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>         <data:post.body/>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     </b:if> <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>

 
     6. Untuk memindahkan tulisan Selengkapnya / Readmore disebelah kanan tambahkan kode
          <div style='float:right;padding:10px 0px 5px 0px'> sesudah kode 

             <div class='jump-link'> dan kemudian pindahkan kode warna merah ( point 

              no.5 ) diatas kode warna biru.

Sehingga Menjadi :

<div class='post-header'>     <div class='post-header-line-1'/>     </div>     <b:if cond='data:blog.metaDescription == &quot;&quot;'>       <!-- Then use the post body as the schema.org description,           for good G+/FB snippeting. -->       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>         <data:post.body/> <b:if cond='data:post.hasJumpLink'>       <div class='jump-link'> <div style='float:right;padding:10px 0px 5px 0px'>         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>       </div></div>     </b:if>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     <b:else/>       <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>         <data:post.body/>         <div style='clear: both;'/> <!-- clear for photos floats -->       </div>     </b:if>

     7. Simpan Template, Selesai deh....

Silahkan dicoba semoga apa yang bloggers inginkan sama seperti penulis.....