Sabtu, 28 Juli 2012

cara membuat readmore






    alhamdulillah akhirnya ditengah kesibukan. saya masi bisa menulis  artikel.
sob kaliini saya menulis artikel tentang  cara membuat readmore. semua blogger menggunakan readmore karna mereka sering membuat artikel yang panjang-panjang. memang readmore sangat dibutuhkan ketika kita mempublis artikel yang panjang karna bisa membuat blog kita kelihatan rapi dan tidak banyak makan tempat

untuk membuat readmore ikuti sob beberapa langkah berikut ini

sobat pergi ke template-HTML
lalu contang expang widget 
lalu 
masukkan code di bawah ini tepat di atas  </head>
untuk mempermudah pencarian sobat tekan (ctrl+f)

 &lt;script type=&#039;text/javascript&#039;&gt; var thumbnail_mode = &amp;quot;no-float&amp;quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; &lt;/script&gt;
&lt;script type=&#039;text/javascript&#039;&gt;
//&lt;![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf(&quot;&lt;&quot;)!=-1)
{
var s = strx.split(&quot;&lt;&quot;);
for(var i=0;i&lt;s.length;i++){
if(s[i].indexOf(&quot;&gt;&quot;)!=-1){
s[i] = s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length);
}
}
strx = s.join(&quot;&quot;);
}
chop = (chop &lt; strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=&#039; &#039; &amp;&amp; strx.indexOf(&#039; &#039;,chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+&#039;...&#039;;
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = &quot;&quot;;
var img = div.getElementsByTagName(&quot;img&quot;);
var summ = summary_noimg;
if(img.length&gt;=1) {
imgtag = &#039;&lt;span style=&quot;float:left; padding:0px 10px 5px 0px;&quot;&gt;&lt;img src=&quot;&#039;+img[0].src+&#039;&quot; width=&quot;&#039;+img_thumb_width+&#039;px&quot; height=&quot;&#039;+img_thumb_height+&#039;px&quot;/&gt;&lt;/span&gt;&#039;;
summ = summary_img;
}
var summary = imgtag + &#039;&lt;div&gt;&#039; + removeHtmlTag(div.innerHTML,summ) + &#039;&lt;/div&gt;&#039;;
div.innerHTML = summary;
}
//]]&gt;
&lt;/script&gt;


lalu cari kode <data:post.body/>
Ganti kode <data:post.body/>  dengan kode di bawah ini :


&lt;b:if cond=&#039;data:blog.pageType != &amp;quot;item&amp;quot;&#039;&gt;
&lt;div expr:id=&#039;&amp;quot;summary&amp;quot; + data:post.id&#039;&gt;&lt;data:post.body/&gt;&lt;/div&gt;
&lt;script type=&#039;text/javascript&#039;&gt;createSummaryAndThumb(&amp;quot;summary&lt;data:post.id/&gt;&amp;quot;);
&lt;/script&gt;
&lt;span class=&#039;rmlink&#039; style=&#039;float:right;padding-top:20px;&#039;&gt;
&lt;a expr:href=&#039;data:post.url&#039;&gt; &lt;b&gt; readmore&lt;/b&gt; &amp;#187;&amp;#187;&amp;#160;&amp;#160; &lt;/a&gt;&lt;/span&gt;
&lt;/b:if&gt;
&lt;b:if cond=&#039;data:blog.pageType == &amp;quot;item&amp;quot;&#039;&gt;&lt;data:post.body/&gt;
&lt;/b:if&gt;

lalu save. 

nah sob itulah beberapa langkah simpel untuk membuat tulisan readmore
demikian dulu artikel saya kali ini. sampai jumpa di lain waktu.
salam sukses



0 komentar:

Posting Komentar