Sitemizde yada blogumuzda an itibarı ile kaç kişinin olduğunu göstermeye yarayan kullanışlı online bir sayaç bu.Buradan siteye girererek karşımıza çıkan kodu kopyalıyoruz ve Şablon > sayfa ögeleri > sayfa ögesi ekle > HTML/JavaScript > kodu yapıştırıyoruz > değişiklikleri kaydet diyerek kurulumu tamamlıyoruz.İsterseniz bloğunuzda sayacın üstüne tıklayarak ziyaretçilerinizin o anda hangi ülke veya şehirden geldiklerini yada hangi konuyu okuduğunu görebilirsiniz.
Sitenize yada blogunuza ekleyeceyiniz herhangi bir kodu aşağıda ön izleme yaparak görüp test edebilirsiniz.Yapmanız gerken tek şey kodu sol tarafa yapıştırıp izle butonuna basmak.Ve kodunuzun görünümü sağ tarafta hazır.
Blogumuzda yazdımız bir yazıyı okuyan misafirlerimiz o okuduğu konuya benzer konuları, yazının altında sıralı bir şekilde görerek dikkatini çekmesini sağlayan ve böylece sitenizde daha çok vakit geçirmesini sağlayan bir eklenti diyebiliriz aslında buna.Ve oldukça yararlı olduğunuda söleyebiliriz.Şimdi size bu eklentiyi blogumuza nasıl kuracağımızı anlatcağım.
İlk olarak html düzenleden
</head>
kodunu buluyoruz ve onun hemen önüne
<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://img15.imageshack.us/img15/6752/newconceptbullettl3.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'/>
Daha sonra yine kendi html'mizde
<p><data:post.body/></p>
<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </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>
Biliyoruz ki blog yazılarımızda herhangi bir html kodu örneği vermeye çalıştığımızda,bu kodu blogger html mantığı ile çalıştığı için görmezden gelir ve bir türlü yayınlayamayız.Ama bununda kolay bir yolu var.Şimdi vereceğim adreste Html kodunuzu sayfanın ''Paste your text here.''yazan yerine yapıştırıyoruz.Daha sonra ''Embed Stylesheet''yazan yerdeki kutucuktaki işareti kaldırıyoruz ve ''Format Text''düğmesine tıklıyoruz ve aşağıdaki kutuda kodumuz hazır.Hepsi bu kadar.Artık kodlarınızı kolayca blogunuzda yayınlayabilirsiniz.
Daha önce bloggerın adres çubuğuna ikon eklemek için html'nin
<head>
<link href='Favicon Resminin Adresi' rel='shortcut icon'/>
</head>
<link href='Favicon Resminin Adresi' rel='shortcut icon'/>
©HaberTEKNOm
