tag:blogger.com,1999:blog-2268206799219132612024-03-12T18:18:53.093-07:00Backlink UmmarUnknownnoreply@blogger.comBlogger2125tag:blogger.com,1999:blog-226820679921913261.post-32620319497297060972012-07-22T08:23:00.002-07:002012-07-22T08:23:30.025-07:00Cara Membuat ReadMore/Baca Selanjutnya<div dir="ltr" style="text-align: left;" trbidi="on">
Setelah saya membahas Cara Membuat Kotak Scroll/Box Scroll saya akan Melanjutkan Dengan Postingan Yang Membahas Cara Membuat ReadMore/Baca Selanjutnya yang mana dengan ReadMore Blog Anda akan terlihat lebih rapi dan loading blog anda akan lebih ringan.<br />
Cara Membuat ReadMore/Baca Selanjutnya adalah sebagai Berikut:<br />
login,lalu klik edit html.lalu cawang Expand Widget Templates,terus cari<span style="color: #38761d;"><data:post.body/></span> lalu ganti dengan kode ini:<br /><br /><span style="color: #38761d;"><b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/><br /><b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");<br /></script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span></b:if><br /><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if></span><br /><br /><div>
lalu cari <span style="color: #38761d;"></head></span> dan taruh kode dibawah ini dibawahnya:<br /><br /><span style="color: #38761d;"><script type='text/javascript'>var thumbnail_mode = "no-float" ;<br />summary_noimg = 250;<br />summary_img = 250;<br />img_thumb_height = 120;<br />img_thumb_width = 120;<br /></script><br /><script type='text/javascript'><br />//<![CDATA[<br />function removeHtmlTag(strx,chop){<br />if(strx.indexOf("<")!=-1)<br />{<br />var s = strx.split("<");<br />for(var i=0;i<s.length;i++){<br />if(s[i].indexOf(">")!=-1){<br />s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br />}<br />}<br />strx = s.join("");<br />}<br />chop = (chop < strx.length-1) ? chop : strx.length-2;<br />while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br />strx = strx.substring(0,chop-1);<br />return strx+'...';<br />}<br />function createSummaryAndThumb(pID){<br />var div = document.getElementById(pID);<br />var imgtag = "";<br />var img = div.getElementsByTagName("img");<br />var summ = summary_noimg;<br />if(img.length>=1) {<br />imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';<br />summ = summary_img;<br />}<br />var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br />div.innerHTML = summary;<br />}<br />//]]><br /></script></span><br /><br />lalu simpan.</div>
<div>
Setelah itu silahkan anda lihat hasilnya,semoga sukses selamat mencoba.</div>
Sumber: <br /><a href="http://bedehbeih.blogspot.com/2011/12/read-more-blogspot-terfavorit.html" target="_blank">read more blogspot terfavorit</a><div>
<b><span style="font-size: large;">Baca Juga:</span></b></div>
<div>
<b><span style="font-size: large;"><a href="http://backlinkummar.blogspot.com/2012/07/cara-membuat-kotak-scrollbox-scroll.html" target="_blank">Cara Membuat Kotak Scroll/Box Scroll</a></span></b></div>
</div>
Unknownnoreply@blogger.comtag:blogger.com,1999:blog-226820679921913261.post-58387380331859169402012-07-22T08:12:00.000-07:002012-07-22T08:12:36.239-07:00Cara Membuat Kotak Scroll/Box Scroll<div dir="ltr" style="text-align: left;" trbidi="on">
Kotak Scroll atau Box Scroll adalah kotak yang Bisa di geser keatas dan ke bawah dan bisa digeser kekanan dan kekiri.<br />
Kotak Scroll ada juga yang menyebutnya dengan kotak sliding,karna bisa di geser di sebeut sliding sepertinya bisa juga deh.<br />
Cara membuat kotak scroll sangatlah mudah,yang penting tahu kodenya saja<br />
Kode kotak Scroll adalah sebagai berikut:<br />
<br />
<div style="overflow:auto;width:180px;height:100px;padding:10px;border:1px solid #eee"><br />
tulisan anda</div><br />
<div>
<br /></div>
<div>
Hasilnya seperti ini:</div>
<div>
<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 180px;">
tulisan anda</div>
<br /></div>
<div>
anda juga bisa mengatur tinggi dan besarnya.<br />
Caranya tinggal merubah width:180px untuk lebarnya<br />
height:100 untuk merubah tingginya.<br />
Gambangkan?<br />
nah,selamat mencoba</div>
</div>
Unknownnoreply@blogger.com