free html hit counter
Recent Widget Animation Effects On Blogger
Recent Widget Animation Effects On Blogger
2017-05-05 / Unknown

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.


Cara Memasang Berita Artikel Terbaru Dengan Efek Animasi


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.


Cara Memasang Berita Artikel Terbaru Dengan Efek Animasi

3. In the Layout menu, click Add Gadgets


Recent Widget Animation Effects On Blogger

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


Cara Memasang Berita Artikel Terbaru Dengan Efek Animasi

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

Cara Memasang Berita Artikel Terbaru Dengan Efek Animasi


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.

Recent Widget Animation Effects On Blogger

PermaLink: https://www.webmanajemen.com/2017/05/recent-widget-animations-effect-on-blogger.html
Incoming search terms for Recent Widget Animation Effects On Blogger:
  • Recent Widget Animation Effects On Blogger
  • Recent Widget Animation Effects On Blogger WMI Gitlab

Google Rich Snippets | Schema Markup Validator | Google Pagespeed Insight