Hello friend, at this time the article I will not post my tasks but share Tutorial Blogger. Here I will post How to install the slideshow on the sidebar of the blog posts or rather how to install the latest articles slideshow. You may see an example in the sidebar on this blog. This slideshow is useful to attract visitors to click on our posts as well as well as enhance our Blog. For that can not wait to try it out, please do the following steps!
How to Install Latest Articles Slideshows In Blog:
1. Log in to your blog account
2. Select Layout
3. Then click Add Gadgets
4. Select the HTML / javascript
5. Copy the code below and paste it in your HTML / javascript earlier.
<style type="text/css"> #rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px;background:#ffffff} #rp_plus_img li:hover{background-color: #EFFBEF;}#rp_plus_img a{color:#d90000;font-weight:bold} #rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;} #rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;} </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="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.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"> var numposts = 20; var numchars = 40;</script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt">
Specification:
#ffffff; background color
#EFFBEF; Background color when the cursor is highlighted
#d90000; Post Title Color To choose other colors, please see here: List of HTML Color Code
var numposts = 20; The number of posts that will be displayed
var numchars = 40 = 40; The number of characters / letters will be displayed
var numposts = 20; The number of posts that will be displayed
var numchars = 40 = 40; The number of characters / letters will be displayed
6. Save / save !!! Done ... For those who do not fully understand or anyone wants to ask just this blog please comment.
Hopefully posting this tutorial can be useful for all the blogger friends ...
0 Komentar untuk "How to Install Latest Articles Slideshows In Blog"