how to make a readmore, ureshii -3-

What an amazing thing ! I just made a blog n tried to play with its HTML . kinda nervous but finally i can make it .. a readmore hehe.. lil difficult on the start cz yeah .. i m kinda no good to play with a coding ~ :')

do y'all really know how happy i m now ? eheheheee ~
let me share now how to make a readmore :)
here are the steps :
first :
open Template - Edit HTML - give a check to "Expand widget template"
second :
don't forget to download ur own template now for a backup !!^^b
third :
search this code --->>><div class='post-header-line-1'/> <div class='post-body'> or something that include a div class post body .. u can use ctrl + F to make urself easier to find this code .
4th :
if u ve found it then copy - paste these codes
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


u will find this code <p><data:post.body/></p> between <style>.fullpost{display:inline;}</style> and <b:else/> 
then copy - paste these codes
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>


finally , u can check the code that we've made is structured like this :

<div class='post-header-line-1'/>
<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

<div style='clear: both;'/>

5th :
u can put <div class="fullpost"></div>  in Setting-Format - Post Template so it'll will automatically appear when u create a new post :)

Implementation :
u have this passage :


" anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .kazenooto.anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru ."

u wanna put a readmore  after a kazenooto word so , u gotta edit ur post via edit HTML like this :
" anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .kazenooto.<div class="fullpost">anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .</div>"

in ur blog it will appear like this :

" anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .anoo itu anooo iitu .. yuka yuka yura yura yoru yoru .kazenooto. Readmore »»



that's it ! Ganbatte ne ~ \(^^)9
enjoy blogging ~ enjoy ur day ! ^^b
   

0 comments:

Post a Comment

About this blog

what i like is here. what i wanna share is here. so i enjoy to be here .. ^^a

~jikan~

About Me

My photo
i m normal . that's it huh ? hehe ^^v

Followers