Blogger Toplam Konu ve Yorum Eklentisi

Etiketler : Blogger

Merhaba Arkadaşlar Bugün Sizlere Sitenizde Kaç Konu ve Kaç Yorum Olduğunu Görebileceğiniz Bir Eklenti Paylaşacağım. Çok Basit Bir Şekilde Yükleyebileceğiniz Şık Görünüşlü Bir Eklenti. Şimdi Lafı Uzatmadan Konumua Geçelim.

<script style="text/javascript"> function numberOfPosts(json) {document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b><br>');} function numberOfComments(json) {document.write('<span class="Apple-style-span" style=""></span> <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');} </script>


div class='box'><div class='cell_1 konu-sayısı'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0iUUbqrgfW-87rvX33PfjRO_8FyxPe5gcRPoMIf_q4dzStYaa03QlDWoqUpJuuiZ-9qlvIuBDOBzUzEgFA4tUXBrH1okqiadpRipNZO-CP3pSVROcLvys9ukfXWLcItlonR6XdQG0gU/s1600/konusayisi.png.png'/></div><div class='cell_2'>Toplam Konu</div><div class='cell_3 '><span class='count' id='rss'/><script src="http://breakdance41.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts">
<
</script></span></div></div>


ll_1 yorum-sayısı'><img class='icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_StRWhDkqsbXymMh842pWsLWie5dnCpt1C1nATJigQjokYx-iXnt5z1vxlktwv0X0sjITglbtgCEZFr9_yi-QOpBVviGZQs7I-z6pZD636GYTd1dZZ3maoVDeLDBzIsA4XVLVlk1JFo/s1600/yorumsayisi.png'/></div><div class='cell_2'>Toplam Yorum</div><div class='cell_3 '><span class='count' id='rss'/><script src="http://breakdance41.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></span></div></div>
<div class='box'><div class='c
e

<style type='text/css'>
.box:hover{
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

ne;
}


.
.box img{
border:0;
padding:0;

}
.icon {
width: 27px;
height: 26px;
margin-top:3px;
border: n
okonu-sayısı {
background-color: #44B8F2;
background-image: -moz-linear-gradient(top, #96DCFF, #2BA6E3);

0 0, 0 100%, from(#96DCFF), to(#2BA6E3));
background-image: -
background-image: -ms-linear-gradient(top, #96DCFF, #2BA6E3);
background-image: -webkit-gradient(linear,
 webkit-linear-gradient(top, #96DCFF, #2BA6E3);
background-image: -o-linear-gradient(top, #96DCFF, #2BA6E3);
background-image: linear-gradient(top, #96DCFF, #2BA6E3);

xt-shadow: 0 1px 1px rgba(60
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA461', endColorstr='#E8711A');
border-color: #da7c0c;
color: #fff;
t
e, 60, 60, 0.75);
}

.yorum-sayısı {
background-color: #F78634;
background-image: -moz-linear-gradient(top, #FFA461, #E8711A);
background-image: -ms-linear-gradient(top, #FFA461, #E8711A);

op, #FFA461, #E8711A);
background-image: linear-gradient(top, #FFA461, #E8711A);
bac
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFA461), to(#E8711A));
background-image: -webkit-linear-gradient(top, #FFA461, #E8711A);
background-image: -o-linear-gradient(
tkground-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA461', endColorstr='#E8711A');
border-color: #da7c0c;
color: #fff;
text-shadow: 0 1px 1px rgba(60, 60, 60, 0.75);
}

.box{

adow: 0 1px 1px rgba(255, 255, 255, 0.75);
filter: shadow(col
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 17px;
line-height: 14px;
list-style-type: none;
display: inline-block;
padding: 0px 0px;
margin:2px 5px ;
color: #333;
text-align: center;
text-s
hor=#000000,direction=135,strength=5);
text-decoration: none;
vertical-align: middle;
background-color: #f5f5f5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E6E6'); /* for IE */

: -webkit-linear-gradient(top, #ffffff, #E6E6E6);
background-i
background-image: -moz-linear-gradient(top, #ffffff, #E6E6E6);
background-image: -ms-linear-gradient(top, #ffffff, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E6E6E6));
background-imag
emage: -o-linear-gradient(top, #ffffff, #E6E6E6);
background-image: linear-gradient(top, #ffffff, #E6E6E6);
background-repeat: repeat-x;
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 1px solid #CCC;

ba(0, 0, 0, 0.05);
cursor: po
border-bottom-color: #B3B3B3;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px r
ginter;
position: relative;
margin-left: -1px;
float: left;
line-height: 20px;
float:left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.col_4{
float:left;
}
.cell_1{
float:left;
width:40px;
height:30px;
padding:0px 0 0 ;
margin-left: 0;
}
.cell_2{


border-right:1px solid#ddd;
float:left;
width:186px;
height:25px;
text-align:center;
padding:5px 0 0 ;
}
.cell_3{
float:left;
width:50px;
height:25px;
text-align:center;
padding:4px 0 0 ;
}


</style>

Kırmızı İşaretlenmiş Yerleri Kendi Blogunuza & Sitenize Göre Editleyin Sonra 

kodları Yerleşim > Gadget Ekle > HTML/JavaScript Ekle Yolunu İzleyerek Aşağıdaki  .Txt İçindeki Kodları Ekleyin.

NOT : Eğer Yukaridaki Kodlar Sağ Tarafa Kaymıyorsa Tabelaya Yani Kodların Olduğu Yere Tıklayıp Yön Tuşları İle Kayabilirsiniz.
Yapamıyanlar Yorum Olarak Bildirsin.