HOW TO MAKE EASY READ MORE IN THE BLOG
posted by infotopcer.com
INFOTOPCER.COM - Good morning bloggers all this time my friend will try to post HOW TO MAKE EASY READ MORE IN THE BLOG ... at noon yanag friends this summer I try to share knowledge
how to How to Make Read More in Blog with ease ....
many bloggers are still confused to make readmore on the blog, despite being much discussed in the articles that had earlier about how to create a blog readmore automatically. This is because many of the blog articles Copas blog when the blog owner himself did not understand the way. therefore I will try to explain how to make readmore automatically on the blog for beginner bloggers can make ...
calibaration calibaration beginner or newbie blogger may still confused as to what it readmore ?.
Read more is a fragment in an article, usually only show a few sentences and are usually marked with the word "READ MORE", "READ MORE", "CONTINUE" dlll. And Benefits readmore also to shorten or tidy up a long article, so posting articles you will be well-organized with only displays images and a few sentences,
ok do not have much to say let's go to TeKaPe
How to make automatic readmore with images
- Please open your template. Select: TEMPLATE >> EDIT.
Find Code </ head>.
- Copy and paste the following code just above the </ head>
Note: The key word is inside the black box "BLOG POSTS / blog post" if you are using Indonesian.
so first my sari for how to make readmore may be useful, and if there are those who do not understand you are welcome to ask directly.
NEXT : Raising Pagerank TIPS BLOG WITH EASY
posted by infotopcer.com
INFOTOPCER.COM - Good morning bloggers all this time my friend will try to post HOW TO MAKE EASY READ MORE IN THE BLOG ... at noon yanag friends this summer I try to share knowledge
how to How to Make Read More in Blog with ease ....
many bloggers are still confused to make readmore on the blog, despite being much discussed in the articles that had earlier about how to create a blog readmore automatically. This is because many of the blog articles Copas blog when the blog owner himself did not understand the way. therefore I will try to explain how to make readmore automatically on the blog for beginner bloggers can make ...
calibaration calibaration beginner or newbie blogger may still confused as to what it readmore ?.
Read more is a fragment in an article, usually only show a few sentences and are usually marked with the word "READ MORE", "READ MORE", "CONTINUE" dlll. And Benefits readmore also to shorten or tidy up a long article, so posting articles you will be well-organized with only displays images and a few sentences,
ok do not have much to say let's go to TeKaPe
How to make automatic readmore with images
- Please open your template. Select: TEMPLATE >> EDIT.
Find Code </ head>.
- Copy and paste the following code just above the </ head>
<!--ReadMore http://trikseosimple.blogspot.com-->
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style>
.post-body{text-align:justify;}
.post-body img{max-width:none;width:auto;}
.read-more{float:left; padding-top: 10px;}
.read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9; text-decoration:none;font:bold 13px Arial;padding:5px;}
.read-more a:hover{text-decoration:none;background:#666;}
.pic{border: 10px solid #fff;float:left;height:165px;width:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;transition: all 2s ease;}
.grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -dengan gambar, no -tanpa gambar
summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
summary_img = 250; //banyaknya huruf jika ada gambar
img_thumb_height = 165;
img_thumb_width = 250;
</script>
<script type='text/javascript'>//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s = strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'...';}function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(thumbnail_mode == "yes"){if(img.length>=1){imgtag = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
//]]></script>
</b:if>
</b:if>
<!--Auto Read More Akhir-->
- Save your template
- Then scroll down the template you're looking for code like the following:
Note: The key word is inside the black box "BLOG POSTS / blog post" if you are using Indonesian.
- If suda find the code as shown above you please click the small arrow black left
- After a small arrow is clicked it will be display bleak picture below
- Find the code marked with a black box. 'POST' VAR = 'POST' '.
- Once found click the arrow straight to the code.
- will then open another code code.
- sliding or scrol down and look for the code
<data:post.body/>
- Having met remove and replace the above code with the code below:
<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<div class='read-more'>
<a expr:href='data:post.url'>Baca Selengkapnya »</a>
</div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->
- Click SAVE / SAVE and see the results.
so first my sari for how to make readmore may be useful, and if there are those who do not understand you are welcome to ask directly.
NEXT : Raising Pagerank TIPS BLOG WITH EASY