How to Install News Recent Articles With Animation Effects

Hello bloggers, this point i will be able to share a recent widget with animated effects a recent article for the diary that my friend use. wherever we all know that the news of recent articles is important once for a diary, as a result of with a try of widgets during this new article on the diary, guests are going to be easier to understand that articles new created.




By victimization this gadget, see the most recent news articles buddies can become additional enticing and therefore the guests aren't simply bored as a result of the gadget is continually moving.
Well, if my friend interested to put in widgets Latest Articles Effects Animation With this, the subsequent tutorial:

1. Login first buddy into dashboard blogger
2. In the blogger dashboard, click the Layout menu.

3. In the Layout menu, click Add Gadgets



4. After that, a small window will appear bogger default set of widgets, buddy find just HTML / Javascript and double-click.



5. Paste the code below into a column that has been provided


<style type = "text / css">
#rp_plus_img {height: 377px;}
#rp_plus_img li {height: 60px; padding: 5px; list-style: none;
background-color: #FFFFFF;
border: 1px solid #0090ff;}
#rp_plus_img a {color: #0090ff;}
#rp_plus_img .news-title {display: block; font-weight: bold; margin-bottom: 4px; font-size: 11px;
text-align: justify;
-moz-border-radius: 5px;}
#rp_plus_img img {float: left; margin-right: 14px; padding: 4px; border: 1px solid # 00000; width: 55px; height: 55px;}
</ style>
<script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </ script>
<script type = "text / javascript" src = "https://sites.google.com/site/unwanted86/javascript/recentpost.js"> </ script>
<script type = "text / javascript">
var speed = 1500;
var pause = 3500;
$ (document) .ready (function () {
rpnewsticker ();
interval = setInterval (rpnewsticker, pause);
});
</ script>
<ul id = "rp_plus_img">
<script style = "text / javascript">
numposts var = 5;
var NUMCHARS = 0;
</ script>
<script src = "/ feeds / posts / default? orderby = published & alt = json-in-script and callback = rpthumbnt"> </ script>

6. Buddy can change the widget's color to match the color of your blog by changing the color code that I gave bold text above.
5. After the settings finished, finally click Save.


Under this Widget Display News Recent Articles With Animation Effects



Hopefully this text light-weight web log tutorial is helpful for all bloggers, if you have got queries or criticism and suggestions, man will write it within the comments field within the bottom of this text. thanks for visiting.