Blogger için Wordpress tarzı benzer yazılar eklentisi
Konu : İnternet
Benzer yazılar adı altında kullandığımız eklentiler değişim gösterdi. Bir önceki tarz benzer yazılar eklentisinin en büyük problemi etiketlerdeki türkçe karakterlerin gösterilememesi probleminin çözümü şöylece sağlanmıştı. Ama görsellikten yoksundu.
Şimdi Wordpress tarzı benzeri yazılar eklentisi kullanılmaya başlandı. Örneği için sayfayı aşağı çekerek bakabilirsiniz.
Bu eklentinin kurulumu ise şöyle:
Kendinizi garantiye alma adına şablonunuzun bir kaydını almayı unutmayın.
1) İlk olarak
kodunu Ctrl+F yardımı ile bulup, bu kodun hemen üzerine şu kodu yapıştırıyoruz.</head> <style>
#related-posts { float : left; width : 540px; margin-top:20px;
margin-left : 5px; margin-bottom:20px; font : 11px Verdana;
margin-bottom:10px; }
#related-posts .widget { list-style-type : none;
margin : 5px 0 5px 0; padding : 0; }
#related-posts .widget h2,
#related-posts h2 { color : #940f04; font-size : 20px;
font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a { color : #054474; font-size : 11px;
text-decoration : none; }
#related-posts a:hover { color : #054474; text-decoration : none; }
#related-posts ul { border : medium none;
margin : 10px; padding : 0; }
#related-posts ul li { display : block;
background : url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 0 0;
margin : 0; padding-top : 0; padding-right : 0;
padding-bottom : 1px; padding-left : 16px;
margin-bottom : 5px; line-height : 2em;
border-bottom:1px dotted #cccccc; } </style> <script
src='http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js'
type='text/javascript'/>
2)Şimdi tekrar Ctrl+F yardımı ile
kodunu buluyor, bu kodun hemen altına ise şu kodları yapıştırıyoruz.<p><data:post.body/></p><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Benzer Yazılar </b></font>
<font color='#FFFFFF'>
<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&max-
results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates();
printRelatedLabels();</script></div></b:if>
Kurulum tamamlandı. Şablonu kaydedin. Ancaaak;
Eklentinin hemen altında "Related Posts Widget [?]" şeklinde bir link görüyorsunuz. Bu eklentiyi yapanların sayfasına yönlendiren bir link. Eğer bu linki kaldırmak isterseniz öncelikle script dosyasını kendi bilgisayarınıza indirmelisiniz. İndirmek için BURAYA tıklayın. Dosyayı bilgisayarınıza kaydedip Wordpad ile açın.
Sayfanın en altında bulunan şu kodu document.write('<a rel="dofollow" http://realtrix.blogspot.com/2008/09/create-rel
ated-posts-plugin-for-blogger.html >Related Posts Widget [?]</a></font>');
şu şekle getirin. Yani içerdeki linki silin.
document.write('');
Bu silme işleminin ardından dosyayı kaydedin. Kaydettiğiniz dosyayı kendi googlepages sayfanıza yükleyin. Ardından dosyanızı yüklediğiniz yerin linkini kopyalayın.
Şimdi
kodunun hemen üzerine kopyaladığımız koda gelip oradaki şu linki </head>
http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js
kendi googlepages daki linkimiz ile değiştirelim. Şimdi şablonu kaydedip yeni eklentimizi kullanabiliriz.
Son olarak eklentideki yazıların renklerini sayfanıza uyumlu hale getirmek isterseniz şu işlemleri yapın.
Sayfanızdaki renklerin HTML kodlarını bilmiyorsanız ŞURADAKİ yöntemle rahatlıkla tespit edebilirsiniz. Renklerin HTML kodlarını öğrendiktem sonra
kodunun üzerine yerleştirdiğimiz kodlara gelelim.</head>
kodunu bulup; 054474 'ü silerek oraya istediğimiz rengin kodunu ekleyelim. #related-posts a { color : #054474
Mouse ile yazının üzerine geldiğimiz zaman yazının rengini değiştirmek için ise;
kodunu bulup; 054474 'ü silerek oraya istediğimiz rengin kodunu ekleyelim. #related-posts a:hover { color : #054474;
Artık eklenti herşeyi ile kullanıma hazır.
