</head>
Kodundan hemen önce aşağıdaki kodu ekliyoruz.<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://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.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://www.weebly.com/uploads/2/7/6/4/2764470/pckolog-blog_benzer.js' type='text/javascript'/>
Sonra Ctrl+F yardımıyla şablonumuzda
<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'><data:label.name/><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>
ve şablonumuzu kaydediyoruz.. Hepsi bukadar..
Ek olarak eklentideki sıralama resmini değiştirmez isterseniz;
http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png yerine kendi liste resminizi koyabilirsiniz.
Yazıların arasındaki ayraç çizgisini kaldırmak için
border-bottom:1px dotted #cccccc;
kodunuborder-bottom:0px dotted #cccccc;
olarak değiştirebilirsiniz.Herhangi bir sorun olursa lütfen yorum bölümünden belirtiniz.
0 yorum:
Yorum Gönder
Her Türlü Yorumlarınızı Bekliyoruz.