Comment ajouter Related Posts Liens d'Articles Similaires

Friday, March 13, 2015

Manual Related Posts, Comment ajouter Related Post dans Blogger, Comment ajouter Related Posts Widget Pour Blogger Code, How To Add Related Posts Widget To Blogger.

1. Connectez-vous à votre tableau de bord Blogger et Accédez au modèle >>> Modifier le code HTML et vérifié la case à cocher Développer Widget Modèles. Ensuite, utilisez (CTRL + F) pour rechercher </ head> dans vos modèles.

2. Ajoutez le code ci-dessous juste avant / dessus la clôture

</ head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End--> 


Dans le modèle, recherchez le <data: post.body /> 
et juste en dessous coller le code HTML suivant. 
Dans le cas, vous êtes incapable de trouver <data: post.body />, 
alors vous pouvez le coller juste en dessous 
<div class = 'post-footer-ligne post-footer-line-1'> </ div>.


<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerwidgetgenerators.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiagWuB2cUC4cBGLwDllg7x-GXwL_DSrr1mg-89jT7jdHbPjmsMlfgXz8oobvsEOw3rIDwnQfE750wjV5e-1IIrH_pn5qiObpmqZsDhfhboTwvuShEOZvGDtW6dKCTHKZrsp6UBv2g8vq7d/s1600/best+blogger+tips.png'/></a>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End--> 


>>>>>>>>Enregistrer