ΠΡΟΣΦΑΤΕΣ ΑΝΑΡΤΗΣΕΙΣ ΜΕ ΕΙΚΟΝΕΣ ΑΝΑ ΕΤΙΚΕΤΑ

Πάμε μαζί να δούμε πως θα βάλετε τις τελευτάιες αναρτήσεις που έχετε κανει στο blog σας να εμφανίζονται με εικόνα.Οι αναρτήσει θα εμφανίζωνται στο sidebar και η συμαντήκη διαφόρα από αλλα παρόμοια trick είναι πως θα εμεφανίζοντα ανά κατηγορία (ετικέτα-tag). Δηλαδή για να το καταλάβετε καλύτερα ας υποθέσουμε ότι έχετε ένα  blog που ασχολίτε με
ειδήσεις από όλο το κόσμο. Με αυτό το trick θα εμφανίζονται στην δεξιά ή στην αριστερή στήλη του blog σας οι τελευταίες αναρτήσεις που έχουν γίνει στο blog σας για παράδειγμα στην κατηγορία ΕΛΛΑΔΑ.
Μπορείτε να το δείτε πως δουλεύει και στην πράξη
                         
1.. Σύνδεση στον λογαριασμό σας στο blogger.com
2.. Διάταξη 
3.. Επεξεργασία html
4.. Λήψη πλήρους προτύπου
5.. Τσεκάρουμε το Επέκταση προτύπων γραφικών στοιχείων
6.. Πατάμε ctrl + f για να ανοίξει το παραθυράκι αναζήτησης και εκεί ψάχνουμε να βρούμε το παρακάτω κώδικα: 

]]></b:skin>

 7.. Αφού το βρούμε ακριβώς από πάνω του κάνουμε επικόλληση τον παρακάτω κώδικα:

/***http://free-bloggertips.blogspot.com---recent label posts

***/

img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}

8.. Τώρα κάνουμε αναζήτηση για να βρούμε το παρακάτω κώδικα:

</head>

9.. Αφού το βρούμε ακριβώς από πάνω του κάνουμε επικόλληση τον παρακάτω κώδικα:

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBn5oG2gex-z4FQ2zWy4FGQ2gykz2tf2u1264zIHzdw5Z65XmdAcSGY9LCCuLrhxnIma-H7EHuzDBixvKvb0T8z95kywkwNeSo2XYAavs07ZTosFJGay7T1eTOIIIUj9dtaLAH8AJdg6x/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

10.. Κάνουμε προεπισκόπηση και αν δεν μας βγάλει κάποιο λάθος κάνουμε Αποθήκευση.

11..Πίνακας ελέγχου
12..Σχεδίαση

13..Στοιχεία Σελίδας

14..Προσθήκη gadget

15..HTML/Javascript 

Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα:

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 70;</script>
<script type="text/javascript" src="/feeds/posts/default/-/LABEL?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

16..Κάντε αποθήκευση  

***4 --> Αριθμός αναρτήσεων που θα εμφανίζονται

***70 --> Αριθμός χαραακτήρων που θα εμφανίζονται

***LABEL --> Το όνομα της ετικέτας για παράδειγμα Ελλάδα

mybloggertricks.gr