Blogger Resimli Benzer Konuları Yapmak
Yandaki resim gibi konularınız sıralanacak.
Güzel bir uygulama ve yapmanızı tavsiye ederiz. Son derece kolay basit ve anlaşılır bir anlatımı yaptık.
Umarım sizlerde sorunsuzca yaparsınız.Konu her ne kadar kodlarla karışık gibi görünsede aslında öyle değil sırasıyla uygulamaları yaparsanız çok kolayca sizlerde yaparsınız. Konu hakkında eğer yapamadığınız yada aklınıza takılan veya yapamadığınız bölümler olursa yorum bölümünden bize yazabilirsiniz. Editör arkadaşlarımız sizlere yardımcı olacaklardır. Konu daha fazla uzatmadan anlatımına geçelim. Unutmayın sırasıyla yaparsanız işlemler çok kolay ve anlaşılır.
Gelelim uygulamaya
İşlemleri sırasıyla yapın yoksa kafanız karışır.
Uyarı: Ne olur ne olmaz düşüncesiyle sitenizin tema yedeğini önce muhakkak alın.Öncelikle sırasıyla ilk olarak
Blogger Home'dan Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet
yolunu izleyim ctrl + F yardımı ile
Uyarı: Ne olur ne olmaz düşüncesiyle sitenizin tema yedeğini önce muhakkak alın.Öncelikle sırasıyla ilk olarak
Blogger Home'dan Yerleşim > HTML'yi Düzenle > Widget Şablonlarını Genişlet
yolunu izleyim ctrl + F yardımı ile
</head>
kodu bulduktan sonra üstüne aşağıda verilen kodu ekleyin
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
//<![CDATA[
//akblog.net
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIF2QnfCC6zReveDBCpwOqhm40O55gCZ-XhEMTxt9FKmGc_UzGIGqUyGFXxJaf6-BMyyMhZysuZ_8sCcg3yVIXgALYuFU47lA_suQGER3PQBjYB7GjZtdFneZP_boJ0ZhD0JoY47Giquk/s400/noimage.png';
}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<a style="text-decoration:none;padding:5px;float:left;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
}
//]]>
</script>
</b:if>
Bu işlemleri yaptıktan sonra şimdide aşağıdaki kodu bulunuz
<div class='post-footer-line post-footer-line-1'>
Bulmuş olduğunuz kodun altına aşağıda verilen kodları ekleyiniz.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Benzer Konular";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
var maxresults=5; burada önemli olan kısım bu satırdır 5 ile kaç benzer konu gösterileceğini ayarlayabilirsiniz...
Konu hakkında eğer yapamadığınız yada aklınıza takılan veya yapamadığınız bölümler olursa yorum bölümünden bize yazabilirsiniz. Editör arkadaşlarımız sizlere yardımcı olacaklardır. Konu daha fazla uzatmadan anlatımına geçelim. Unutmayın sırasıyla yaparsanız işlemler çok kolay ve anlaşılır.
YanıtlaSilthe fads
YanıtlaSil