Gadget pour voir les Commentaires dans la colonne

(exemple)

Si vous aimez avoir les commentaires dans votre colonne il est posible de faire.

Le code d'origine hier lorsque je l'ai trouver etait en anglais le bouton et vue que nos blogs sont en francais  j'ai decider de mettre ca aussi en francais. Si vous preferez quil soit en anglais pas souci juste a remplacer le afficher tout (Show all) et cacher tout (Hide all) dans le code  voila.

....

Dans votre tableau de bord > Mise en page, ajouter un Gadget en HTML Javascript et coller ce code:

<style type="text/css">.row-div {margin-bottom:10px;}.comment-header {margin:10px 0;}.comment-box{margin:0px;padding:0px;font-size:0.9em;height:325px;overflow:auto;}.comments1{padding:3px;border-left:1px dashed #688bad;color: #a5c8fb;font-style: italic;padding:0px 10px 10px 10px;margin-bottom:10px;}

</style>

<div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Afficher tout&#39;) { unfold_all(this); this.value=&#39;Cacher tout&#39;; } else { fold_all(this); this.value=&#39;Afficher tout&#39;; }" value="Afficher tout" /></div>

<div class="comment-box">

<script type="text/javascript">

var tgl=false;var title_arr=new Array();var arr=0;var err="[err]";var icon_expand="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGa6tovmk2B_cYh4QaQP7wZRMX2Qrf3dAz7WSpbAiHsguj9_-Fl7zsdnZHSkBETyiTvryHyP1HWNjZpJlsIq2RHGZBm7oXILyGi3b24Gh3M0z6DcpVn_EabGyb5pLB4XPR7djfQdsfMaEg/s1600/icon-plus.png";var icon_collapse="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqhsizLc6fqVNYz9LoZZ_wdHsnyv_TbnST7GTq3VTFX_HQj8hCrwTbXK-TbCj-0n1CC0PpKa9ziHp4eZLX-HIooxXhqum653Z738M7AglyxzwJ4E6Faa_hyphenhyphenbyX2KhZeS3ryvFU7XbRdxB/s1600/icon-minus+copy.png";var maxcomments=20;function real_posttitle(postid){for(var i=0;i<title_arr.length;i++){if(title_arr[i][0]==postid)return title_arr[i][1];}

return err;}

function showrecentposts(json){var numposts=999999;for(i=0;i<numposts;i++){var entry=json.feed.entry[i];var postid;var title;if(i==json.feed.entry.length)break;for(var k=0;k<200;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href;postid=postid.substr(postid.lastIndexOf("/")+1,100);}

if(entry.link[k].rel=='alternate'){title=entry.link[k].title;break;}}

title_arr[arr]=postid+"&#176;"+title;title_arr[arr]=title_arr[arr].split("&#176;");++arr;}}

function unfold(el){var comid=el.id.substr(8,10);if(el.src==icon_expand){el.src=icon_collapse;document.getElementById("com_id"+comid).style.display="block";}else{el.src=icon_expand;document.getElementById("com_id"+comid).style.display="none";}}

function unfold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="block";document.getElementById("click_id"+i).src=icon_collapse;}}catch(e){;}

el.value='Afficher tout';}

function fold_all(el){try{for(var i=0;i<maxcomments;i++){document.getElementById("com_id"+i).style.display="none";document.getElementById("click_id"+i).src=icon_expand;}}catch(e){;}

el.value='Cacher tout';}

function showrecentcomments(json){var numcomments=999999;var postid;var i=0;for(i=0;i<numcomments;i++){var entry=json.feed.entry[i];var alturl;var anonymous=false;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='self'){postid=entry.link[k].href.split("/");postid=postid[5];}

if(entry.link[k].rel=='alternate'){alturl=entry.link[k].href;break;}}

var postlink=alturl.split("#");postlink=postlink[0];var linktext=postlink.split("/");linktext=linktext[5];linktext=linktext.split(".html");linktext=linktext[0];var profilelink="";try{profilelink=entry.author[0].uri.$t;}catch(e)

{anonymous=true;};var posttitle=real_posttitle(postid);if(posttitle==err){posttitle=linktext.replace(/-/g," ");}

var commentdate=entry.published.$t;var cdyear=commentdate.substring(0,4);var cdmonth=commentdate.substring(5,7);var cdday=commentdate.substring(8,10);var ctime=commentdate.substr(11,5);var monthnames=new Array();monthnames[1]="january";monthnames[2]="february";monthnames[3]="march";monthnames[4]="april";monthnames[5]="may";monthnames[6]="june";monthnames[7]="july";monthnames[8]="august";monthnames[9]="september";monthnames[10]="october";monthnames[11]="november";monthnames[12]="december";if("content"in entry){var comment=entry.content.$t;}

else

if("summary"in entry){var comment=entry.summary.$t;}else var comment="";if(i<maxcomments){if(tgl){tgl=false;var cl="row-a";}else{tgl=true;var cl="row-b";}

document.write('<div class="'+cl+' row-div"><img id="click_id'+i);document.write('" style="cursor:pointer;" onclick="unfold(this);"');document.write('src="'+icon_expand+'" />&nbsp;');document.write('On '+cdday+' '+monthnames[parseInt(cdmonth,10)]+' '+cdyear);document.write(', at '+ctime+', ');if(anonymous==false){document.write('<a href="'+profilelink+'">'+entry.author[0].name.$t+'</a> ');}else{document.write(entry.author[0].name.$t+' ');}

document.write('commented on <a href="'+alturl+'">'+posttitle+'</a>');document.write('</div>');document.write('<div class="comments1" id="com_id'+i+'" style="display:none;">'+comment+'<\/div>');}}

document.getElementById("numcom").innerHTML=i;}

</script><script type="text/javascript" src="URL DU BLOGGER/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"></script><script type="text/javascript" src="URL DU BLOGGER/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">

</script></div>

 

============NOTE===============

Pour changer la couleur du texte du sujet sont sont dans le personaliser >avancer dans texte ..