Paylaşan  |
| Blogger Yazı İçerisine Otomatik Çoklu İlgili Paylaşımlar Ekleme |
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 |
2- <head> ..... </head> kodları arasına aşağıda ki kodları ekliyoruz.
 |
| Blogger CSS kodları |
<b:if cond='data:blog.pageType != "index"'> <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ı |
<b:if cond='data:view.isPost'> <script type='text/javascript'> //<,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.
Bunu Paylaş :
comment 0 Yorum
more_vert*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.