Kako da dodate Automatski "Read more..." opciju

Live Demo

1.           Ulogujte se u Blogger Dashboard

2.           Idite na Design Section

3.           Select Edit HTML tab

4.           Expand Widgets (Mada to ne vidjam ali probajte ručno da uradite to )

5.            Nadjite </head> tag

6.       Zamenite ga sa  Kodom ispod

<script type='text/javascript'>

var thumbnail_mode = "no-float" ;

summary_noimg = 430;

summary_img = 340;

img_thumb_height = 100;

img_thumb_width = 120;

</script>

<script type='text/javascript' src='http://widgets.way2blogging.org/blogger-widgets/w2b-auto-readmore-blogger.js' ></script>

</head>

1.              U kodu koji je iznad, možemo promeniti parametre prema našim potrebama, na primer visinu fotografije itd...

summary_noimg = 430;	:Rezime dužine ako nema slike
summary_img = 340;	:Rezime dužine ako ima slike
img_thumb_height = 100;	:Visina Thumbnail slike
img_thumb_width = 120;	:ŠirinaThumbnail slike

2.             Sad nadjite <data:post.body/> tag u vašem template-u i zamenite kodom ispod.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

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

<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>

</b:if>

</b:if>

Konačno Save template i proverite blog