Blogger Özelleştirilebilir İlgili Yayınlar

1. Blogger kontrol panelinizdeyken sırasıyla " Tema » HTML'yi düzenle " tıklayın.

2.  CTRL+F tuş kombinasyonu'nu kullanarak sayfada " </head> " kodunu aratın ve bu kodun bir kaç satır üstüne aşağıda verilen kodu ekleyin.;

<style type='text/css'>
.related-posts-container{margin:55px 0px;}.related-posts-container h4{font:20px &#39;Open Sans&#39;, sans-serif;margin-bottom:20px;}.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0;}.related-posts-container ul li a{text-transform:capitalize !important;font:bold 13px &#39;Open Sans&#39;, sans-serif;outline: 0;}.related-snippets{margin-top:5px;font:italic 12px &#39;Open Sans&#39;, sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}li.related-post-item{margin:0 3% 3% 0 !important;width:22.7%;float:left;list-style:none;position:relative;}li.related-post-item:last-child{margin:0 0 2% !important;}.related-thumb-large{width:100%;height:auto;border:none;margin:0px auto 10px;padding:0 !important;}.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}.related-posts-7 li.related-post-item{margin:0 !important;width:25% !important;}.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.related-wrapper .related-title{vertical-align:middle;display:table-cell;color:#ffffff;font:bold 16px &#39;Open Sans&#39;, sans-serif;padding:0 20px;}.related-date{margin-top:5px;font:italic 11px &#39;Open Sans&#39;, sans-serif;color:#999999;}
</style>

3. Aşağıda ki kodu bulun ve hemen altında ki PostQuickEdit kodunun yanında ki  " ... " tıklayın

</ b: includable>

Alakalı kısmı aşağıda ki kodla değiştirin.

<b: if cond = 'data: blog.pageType == & quot; item & quot;'>
<div class = 'related-posts-container' id = 'related-posts-widget' />
<div style = 'temizle: ikisi de ; '/>
<script type =' text / javascript '>
var labelArray = [<b: eğer cond =' data: post.labels '> <b: döngü değerleri =' data: post.labels 'var =' label ' > & quot; <data: label.name /> "<b: eğer cond = 'data: label.isLast! =" true "">, </ b: if> </ b: loop> </ b: >] ise;
var relatedSettings = {
blogURL: & quot; <data: blog.homepageUrl /> ",
relatedHeading:" & lt; h4 & gt; & lt; span & gt; İlgili Yayınlar & lt; / span & gt; & lt; / h4 & gt; & quot;


-p-nu ve quot ;,
defaultThumb: & quot; HTTPS: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLc7KLUCPdrWssmvvwfvEdr5xoFGbTmU-aT6c2UUOLQCuBwuE2u7gfVhnHgJhZULBfDkB3YpQSg8rUTuz6ctAdYSNkdPArvuCrk-b5NdXRt6qfU_sKql6TlolA3V2MMenakODv9GlszFy/ 300 -h 200 -c / sıfır thumb.png & quot ;,
roundThumbs: yanlış ,
titleLength: & quot; auto & quot ;,
snippetLength: 45 ,
centerText: false ,
openNewTab: false
}; </script>
<script tipi = 'text / javascript'>
// <! [CDATA [
max-results = "+ d.relatedPosts +" & callback = startRelated ")}, k = işlevi (a) {var l, m, n, o, p, q, b = document.getElementById (" related-posts-widget " ), c = h (a.feed.entry), e = d.relatedStyle, f = d.relatedHeading + '<ul class = "ilgili yazılar -' + e + '">', g = d.openNewTab? ' Hedef = "_ blank" ': "", i = d.centerText? "metin hizalama:;": "", J = d.roundThumbs "- webkit ötesi yarıçaplı:% 50; - Moz-border- yarıçap:% 50; sınır yarıçapı:% 50; ":" ", k = '<span style =" display: blok; clear: ikisi de; "> </span>'; eğer (b) {için (var r = 0; r 'd.relatedPosts && r = c.length;!.! r? ++) {n = c [d] .title $ t, o = "auto" == d.titleLength && d.titleLength <n.length n.substring (0, d.titleLength) + "& hellip;": n, p = c [r] && d içinde "ortam $ thumbnail".
//]]>
</script>
</ b: if>

Kaynak