Blogger Özelleştirilebilir İlgili Yayınlar - Blogger Arşivim - Blogger, Blogspot, Blogger Template, Blogger Widget

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/AVvXsEiPBE7a7YTZUqGLyNBfk0sYY2adCtYT7RjfMGI6sBI9ES5Q8n-iivdpH845K5z8G6KABMifN5hJntS6wEYT4MuU6JnFLfmQl7p1CMhFsue-SQ_0pLhEDAlReY3z4zamg2L_MvR9fsNVxfHx/ 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

Hiç yorum yok:

blogger (116) blogspot (19) ders (13) dersler (5) eklenti (30) free (1) gadget (2) hatasivecozumu (2) nedir (1) popular (20) popularposts (21) recent (1) recentposts (6) seo (2) sonsuz (1) SoraTech (1) tema (35) Teması (1) template (35) templates (1) theme (1) widget (50) yapimi (1)