3/02/2012

Widget Mesaje recente cu miniaturi pentru Blogger

Dacă blog-ul dvs. are posturi lungi şi doriţi pentru a ajuta vizitatorii dvs. pentru a găsi mesajele dumneavoastră recente rapid, si fără sa petrece mult  timp pentru a naviga pe blog in căutarea  mesajele dumneavoastră mai mari. Apoi, afişarea imaginilor miniaturale mici învecinate pentru a posta titluri în widget-ul de post recent pe blog-urile dvs. Blogger ar putea fi fix dreapta. Acest  lucru nu numai că arată frumos, dar atrage, de asemenea, vizitatorii să faca clic pe mesajele dumneavoastră. Puteţi personaliza cu uşurinţă dacă doriti  sau nu  să afişaţi miniaturile, rezumate post, şi numărul de comentarii pentru fiecare post de-a lungul  titlurilor. Urmaţi aceşti paşi pentru a adăuga "Mesaje recente widget cu miniaturi" dvs. în Blogger (Blogspot) pe blog-ul. 
Pasul 1: Intraţi înBlogger . Du-te la dvs. de Blogger Tabloul de bord 



 Design / Layout > element de pagină > Adăugaţi un obiect gadget > HTML / JavaScript 

















Pasul 2: Copiaţi şi lipiţi codul de mai jos:




<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;

float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}

.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='
http://anghelemil.blogspot.com/2012/03/widget-mesaje-recente-cu-miniaturi.html ' target='_blank'>Recent Posts Widget</a> | <a href=' http://anghelemil.blogspot.com/2012/03/widget-mesaje-recente-cu-miniaturi.html ' target='_blank'>Recent Post</a></small>




Step 3 : 


Schimba YOUR-BLOG-URL cu URL tau 


Step 4 :


Salveaza.


Note :


var numposts = 5; where 5 este nr de posturi care vor fi afisate .




This post was written by:

Emil is the oner of the blog My Personal Blog...

Anghel Emil is a professional blogger and web developer. Follow him or email him

Do you Like this article?

Get Free Email Updates Daily!

Follow us!

0 comentarii:

Comment here

Topics

Flash Labels by Way2Blogging

Popular

Random

 

Persoane interesate

free counters
Get This Widget

Help this Blog

DMCA.com
Design by Anghel Emil | | My Profile