Diseñadores de Blog ayudenme con este Tema

titonbolero · 21 Ene 2015

Hola

Me encontrado muchos gadgets muy bonitos pero tengo mis dudas en ocaciones les ponen
codigos que redigen a sus paginas y no se hasta que punto me afecte, asi que decidi postear
para que los mas conocedores me ayuden.

Quiero poner para los temas recientes en mi footer como esta en la imagen

Aqui esta el Codigo que trae la web del que lo diseño, la pregunta se puede quitar esto (https://helplogger.googlecode.com/)me afecta, que debo hacer.

Insertar CODE, HTML o PHP:

     <script style="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
    <script style="text/javascript">
    var posts_no = 5;
    var showpoststhumbs = true;
    var readmorelink = true;
    var showcommentslink = true;
    var posts_date = true;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
    <a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
    <noscript>Your browser does not support JavaScript!</noscript>
    <link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
    <style type="text/css">
    img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
    .recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
    ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
    ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
    ul.recent-posts-container {border: 2px solid #FCD6CB; }
    .recent-posts-container a { text-decoration:none; }
    .recent-posts-container a:hover { color: #222;}
    .post-date {color:#e0c0c6; font-size: 11px; }
    .recent-post-title a {font-size: 14px;color: #616662;}
    .recent-post-title {padding: 6px 0px;}
    .recent-posts-details a{ color: #888;}
    .recent-posts-details {padding-bottom: 5px;}
    a.readmorelink {color: #4DACE3;}
    </style>

G Raju11/17/2014

thank you
Reply
Juniarta Rahman11/17/2014

I like it.
nolirik.blogspot.com
Reply
Channon Douglas11/18/2014

This was very helpful, and looks great on my blog. Thank you!
Reply
wawan kurniawan11/19/2014

Thank you...!!
Reply
Search
Follow on Facebook
Subscribe via Email

Receive Quality Tutorials Straight in your
Inbox by submitting your Email below.

Gracias

Diseñadores de Blog ayudenme con este Tema

titonbolero

Temas similares