How to Create a New Recent Post on Blogspot

TM this time share how to create a new blogspot recent post on blogspot and cool and easy too light for the blog that will make my friend all struck by the extraordinary preponderance, wkwkwkwkkw. Was previously know what kind of friend that my recent post of this mean? There are of course already know the answer and some that do not know, well for those who do not know me first explain what the recent post and what is its function. This recent post as excerpts articles, but this time that I discuss in this tutorial is not recent blog post of course but who have a recent post footage along with thumbnail images that move the motion. its function is to facilitate the visitors to see footage of the latest articles pal footage.
well now we just all a tutorial how to create a thumbnail image to move recent post on the blog with ease:
First, login to your account blogger.com pal.
Second, choose the design or design.
Third, select add gadgets on the page and select html elements and javascript.
Fourth, fill in the title seterah pal recent post and copy and paste the code below into the box and replace the red text with your blog address.

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://esco1011.blogspot.com//feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Then save and see the results ...
Thus good tutorial how to make recent blog post on the blog of berry blog, hopefully useful for all my friend.

Posted by Rian Priyadi On Juli 23, 2012 0 Comments
Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

Posting Komentar

NOT SPAMING IN HERE !!
and ANONIM user Comment