Gadget des Articles aléatoire + image en Horizontal pour Blogger

Aujourd'hui, nous partageons une astuce Cool & génial  et aléatoire avec widget miniature pour blogueur avec l'animation. Ajouter un widget article au hasard à un blog s'est toujours avérée extrêmement bénéfique pour les blogueurs qui obtiennent systématiquement taux de rebond élevé.

Ce gadget blogger développé permet de voir des articles au hasard et donc de faire apparaitre des articles ancien qui pourrait interessé les visiteur de votre blog. Le widget re-dimensionné automatiquement les images et il est super simple à mettre en place sur votre blog Blogger..

Le point Fort : Lorsque les gens visitent votre blog, il est important de les maintenir aussi longtemps que possible sur votre blog. Ce widget messages au Hasard est similaire aux messages récents standards avec des vignettes.

Voir Démo  (Regarder en bas du blog)

 

Comment Ajouter sur Blogspot?

1.) Aller sur www.blogger.com
2.) Ouvrir le Blog désiré.
3.) Aller à "Mise en page".
4.) Cliquez sur "Ajouter un gadget" où vous souhaitez l'ajouter.
5.) Maintenant Défiler jusqu'à "HTML / JAVASCRIPT"
6.) Cliquez sur l'icône "+" pour l'ajouter.
7.) Maintenant Copiez Le code ci-dessous et collez-le.
8.), laisser le titre vide du Gadget.
9.) Cliquez sur Enregistrer, maintenant que vous avez terminé.

<!-- This Is A CopyRight Code Of EXEIdeas (www.leblogger.fr).It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#random-posts {float: center;text-transform: none;height: 130px;background-color: #f4f4f4;box-shadow: 0 0 0 1px white inset;-moz-box-shadow: 0 0 0 1px #fff inset;-webkit-box-shadow: 0 0 0 1px white inset;padding: 5px;}
#random-posts h2 {padding: 10px 15px;margin: -5px 0px 5px -5px;font-family: Helvetica, Arial;line-height: 1.1em;font-weight: bold;text-shadow: 0 1px 0 white;font-size: 20px;letter-spacing: -1px;color: #333;background: #E4E4E4;border: 1px solid white;width: 658px;box-shadow: 0 0 0 1px white inset;-moz-box-shadow: 0 0 0 1px #fff inset;-webkit-box-shadow: 0 0 0 1px white inset;}
#random-posts li{float:left;list-style:none;position:relative}
#random-posts li:last-child{margin-right:0}
#random-posts li img{width:72px;height:72px;padding:6px;}
#random-posts li img:hover {background-color: #444444;color: white; font-weight: bold; text-decoration: initial;}
#random-posts li .rp_animation{position:absolute;width:250px;top:-200px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border:1px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0}
#random-posts li:last-child .rp_animation{right:0}
#random-posts li:hover .rp_animation{top:-90px;opacity:1;visibility:visible}
.rp_animation span{font-size:90%;color:#B30B0B}
.rp_animation p{font-size:90%;}
</style>
<ul id='random-posts'>
<h2>Articles au Hasard...!!!</h2>
<script type='text/javaScript'>
//<![CDATA[
var rdp_numposts = 8; //Number Of Random Posts
var rdp_snippet_length = 110; //Length Of Description Text, 0 To Hide
var rdp_datecomment = 'yes'; //Show Date And Comment 'yes/no'
var rdp_comment = 'Commentaires'; //Text For Comment Count
var rdp_disable = 'Les Commentaires sont ici...'; //Text If Comment Is Disabled On Post/Blog
var rdp_current = [];
var rdp_total_posts = 0;
var rdp_current = new Array(rdp_numposts);
function totalposts(a){rdp_total_posts=a.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"></script>');function getvalue(){for(var b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a};
//]]>
</script>
<script type='text/javaScript'>
//<![CDATA[
function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"&#133;"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2CS88r4KahWyjyfIdZtnqehiTGkexLiCgd9cykX361RZFj0lp1jr9H7LktNOq-JuEVO4jWEWSD7S8umkJiQxBAQ91RlwhYZbLeqKwKCgLqsBjMbBGKIhXo1hLBZmjmcnQuano58rdsFg/s400/noimage.png"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="rp_animation"><h5>'+m+"</h5>");if(rdp_datecomment=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"></script>')};
//]]>
</script>
</ul>
<div style='clear:both'/>
</b:if>
<!-- This Is A CopyRight Code Of EXEIdeas (www.leblogger.fr).It Is Free To Use But With HTML Design Code.If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

Personnalisation:

1.) Variation 8 pour montrer votre nombre désiré de messages aléatoires.
2.) Changez 110 pour montrer votre longueur désirée de Description Texte, Ajouter 0 To Hide description.
3.) Changer yes No pour masquer Date, Commentaire et Description.
4.) Changer commentaires à votre texte désiré Pour nombre de commentaires.
5.) Changer les commentaires sont Off ici ... Votre texte désiré par exemple Si Commentaire est désactivé sur Blog.
6.) changement Articles au Hasard ... !!! Avec votre titre désiré.
7.) Enregistrer et Terminé.