Oyun

[Oyun][bleft]

Program

[Program][bleft]

Film

[Film][twocolumns]

Blogger Yazı İçerisine Otomatik Çoklu İlgili Paylaşımlar Ekleme

Blogger Yazı İçerisine Otomatik Çoklu İlgili Paylaşımlar Ekleme
Blogger Yazı İçerisine Otomatik Çoklu İlgili Paylaşımlar Ekleme
#blogger #yazı #eklenti #template #tema #related #post

Merhaba arkadaşlar,
Bu eklenti ile içeriklerinizin içerisinde ilgili paylaşımlarınız otomatik eklenecek.
Örnek olarak ; Telefonla ilgili bir makel paylaştınız, makalenizin içerisinde yukarda ki resimde de gördülüğü gibi telefonla ilgili diğer makalelerinizin olduğu kutucuklar rastgele paragraf olarak eklenir.



  • 1-Blogger Kontrol Paneli (Blogger.com) >TEMA > HTML'yi Düzenle diyoruz.
Blogger HTML'yi düzenle
Blogger HTML'yi düzenle

2- <head> ..... </head> kodları arasına aşağıda ki kodları ekliyoruz.
Blogger Css kodları
Blogger CSS kodları

<b:if cond='data:blog.pageType != &quot;index&quot;'> <style type='text/css'> /* Yazı içinde rastgele yazılar ekleme */ .arldzgnMultiRelated{background-color:#d7f1ff;color:#000;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;transition:all .3s} .arldzgnMultiRelated:hover{background-color:#e3e3e3} .arldzgnMultiRelated .content{padding:8px 15px} .arldzgnMultiRelated .content .text{margin-right:5px} .arldzgnMultiRelated .content a{text-decoration:none;line-height:1.5em} .arldzgnMultiRelated .icon{height:auto;min-width:55px;background:#f5f5f5 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23888'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s} .arldzgnMultiRelated:hover .icon{background-color:#f9f9f9} </style> </b:if>


3- "<data:post.body/>"  kodundan hemen sonra aşağıda ki kodu ekleyin. ( NOT : Genelde ikinci çıkan koddan sonra eklenir.Deneyerek yapabilirsiniz)
blogger posd.body kodları
blogger posd.body kodları

<b:if cond='data:view.isPost'> <script type='text/javascript'> //<![CDATA[ // Çoklu Restgele Post (function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1); for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})(); var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}} function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx} function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false} //]]> </script>

4-Kaydedip,kontrol ediyoruz.

Herhangi bir sorunla karşılaşanlar,yapamayanlar yorumda belirtirlerse yardımcı olurum.

Hiç yorum yok:

Yorum Kuralları
*Lütfen yanlızca yazı ile ilgili yorumlar yazınız.
*Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın.
*Bir Google Hesabınız yoksa Yorumlama Biçimi seçeneklerinden "Anonim" tıklayıp yorum yapabilirsiniz.

HTML

[HTML][twocolumns]

Wordpress

[Wordpress][twocolumns]

CSS

[CSS][twocolumns]