membuat readmore sederhana ala sexy abg

Ikuti langkah-langkah berikut ini untuk membuatnya

1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates" 
3. Cari kode  kemudian copy - paste kode di bawah ini sebelum kode tersebut

 Read More 

tulisan read more disana bisa kamu ganti sesuai keinginan. gmn..? sudah blom.?? Hm..klo sudah di SAVEya..!!! 
1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode  kemudian copy - paste kode di bawah ini sebelum kode tersebut

<span class="Apple-style-span" style="font-family: 'Comic Sans MS'; line-height: 21px; font-size: 15px; "><script type='text/javascript'>var thumbnail_mode = "no-float" ;<br><br>summary_noimg = 430;<br><br>summary_img = 340;<br><br>img_thumb_height = 100;<br><br>img_thumb_width = 120;<br><br></script><br><br><script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/></span></code></span></font></p><p><font class="Apple-style-span" face="arial, Sans-erif" style="font-size: 15px; line-height: 19px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; "><code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><br></code></span></font></p><p><font class="Apple-style-span" face="arial, Sans-erif" style="font-size: 15px; line-height: 19px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Verdana; font-size: 12px; "><code style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><span class="Apple-style-span" style="font-family: 'Comic Sans MS'; line-height: 21px; font-size: 15px; "></span>

kamu juga bisa mengubah kode tersebut sesuai selera

summary_noimg = 430; kode ini untuk memotong / mengatur tinggi tanpa gambar

summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar

img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya

img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya

4. Sekarang cari kode

<span class="Apple-style-span" style="font-family: arial, Sans-erif; font-size: 15px; "><b><data:post.body/></b></span>

hati-hati ya bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Klo Udah ketemu copy - paste kode berikut lalu ganti dengan kode dibawah ini 

<span class="Apple-style-span" style="font-family: 'Comic Sans MS'; line-height: 21px; font-size: 15px; "><b:if cond='data:blog.pageType != "item"'><br><br><br><div expr:id='"summary" + data:post.id'><data:post.body/></div><br><br><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br><br></script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> <b>Read More</b> </a></span><br><br><br></b:if><br><br><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></span>

 

tulisan read more disana bisa kamu ganti sesuai keinginan. gmn..? sudah blom.?? Hm..klo sudah di SAVEya..!!!

Sekarang coba liat Blog kamu pasti jadi lebih menarik dan tidak repot lagi klo mo posting. ^_ ^

Trus Bagai mana dengan yang udah pakai read more yang lama?? gman cara ganti dengan read more otomatis ini??
Nah kode yang read more yang lama kan seperti ini (setiap template boleh jadi berbeda lho, jadi hati-hati ya)

<span class="Apple-style-span" style="font-family: 'Comic Sans MS'; line-height: 21px; font-size: 15px; "><div class='post-header-line-1'/><br><br><div class='post-body entry-conten'><br><br><b><b:if cond='data:blog.pageType == "item"'><br><br><style>.fullpost{display:inline;}</style><br><br><p><data:post.body/></p><br><br><b:else/><br><br><style>.fullpost{display:none;}</style> </b><br><br><p><data:post.body/></p><br><br><b><a expr:href='data:post.url'>Read More......</a><br><br></b:if></b></span>

 

lalu hapus kode yang di tebalkan kemudian ikuti langkah 1 sampai 4.
Sekian dulu yah sob smoga bermanfaat, jangan lupa kritik dan sarannya dengan mengisi kotak komentar q Xeps..!!??
GOOD LUCK..!!!