Bu eklenti Sayesinde sitenizde kaç konu ziyaretinde yorum yapıldı oldugunu ziyaretçilere gösterebilirsiniz. Ziyaretçilerin bu Istatistikleri gormesi siteniz Hakkında Ölümlü Düşünce sağlayabilir. Buna benzer bir cok eklenti var. Buna benzer eklentiler sadece sadece yazı Şeklinde bu imkb görsellerle desteklenmiş. Yazı Şeklinde olanlar Daha sade gözüküyor. Böyle daha ilgi çekici ziyaretinde hoş olduğunu düşünüyorum.
Kurulumu oldukca kolay Gadget ekleme yöntemi ile Blogger sitenize ekleyerek görünmesini istediğiniz yere gadgeti sürükleyerek bırakın bu kadar.
<Script style = "text / javascript"> fonksiyonu numberOfPosts (json) {document.write ('<b>' + json.feed.openSearch $ totalResults $ t + '</ b> <br>'.);} Function numberOfComments (json) {document.write ('<span class = "Apple-style-yayılma" style = ""> </ span> <b>' + json.feed.openSearch $ totalResults. $ t + '</ b > <br> ');} </ script>
<Div class = 'kutu'> <div class = 'cell_1 konu-Sayısı'> <img class = 'simge' class = 'cell_2'> Toplam Konu </ div> <div class = 'cell_3'> <span class = 'sayısı' id = 'rss' /> <script
</ Script> </ span> </ div> </ div>
<Div class = 'kutu'> <div class = 'cell_1 yorum yapıldı-Sayısı'> <img class = 'simge' class = 'cell_2'> Toplam Yorum </ div> <div class = 'cell_3'> <span class = 'sayısı' id = 'rss' /> <script
<Style type = 'text / css'>
.box: hover {
Filtre: alfa (opaklık = 85); - moz-donukluk: .85; donukluk: .85;
}
.box img {
Sınır: 0;
padding: 0;
}
.Icon {
genişliği: 27px;
Yükseklik: 26px;
margin-top: 3px;
Sınır: yok;
}
.konu-Sayısı {
background-color: # 44B8F2;
background-image: -moz-lineer gradyan (üst, # 96DCFF, # 2BA6E3);
background-image: -ms-lineer-gradyan (üst, # 96DCFF, # 2BA6E3);
background-image: -webkit-gradyan (doğrusal, 0 0, 0% 100, gelen (# 96DCFF),) # 2BA6E3 (için);
background-image: -webkit-lineer gradyan (üst, # 96DCFF, # 2BA6E3);
background-image: -o-lineer gradyan (üst, # 96DCFF, # 2BA6E3);
background-image: doğrusal gradyan (üst, # 96DCFF, # 2BA6E3);
background-repeat: repeat-x;
Filtre: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# FFA461', endColorstr = '# E8711A');
border-color: # da7c0c;
Renk: #fff;
text-shadow: 0 1px 1px RGBA (60, 60, 60, 0.75);
}
.yorum-Sayısı {
background-color: # F78634;
background-image: -moz-lineer gradyan (üst, # FFA461, # E8711A);
background-image: -ms-lineer-gradyan (üst, # FFA461, # E8711A);
arka plan görüntüsü: -webkit gradyan (doğrusal, 0, 0, 0,% 100, (# FFA461) için, (# E8711A) için);
background-image: -webkit-lineer gradyan (üst, # FFA461, # E8711A);
background-image: -o-lineer gradyan (üst, # FFA461, # E8711A);
background-image: doğrusal gradyan (üst, # FFA461, # E8711A);
background-repeat: repeat-x;
Filtre: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# FFA461', endColorstr = '# E8711A');
border-color: # da7c0c;
Renk: #fff;
text-shadow: 0 1px 1px RGBA (60, 60, 60, 0.75);
}
.box {
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-shadow: 0 1px 1px RGBA (255, 255, 255, 0.75);
Filtre: Gölge (color = # 000000, yön = 135, gücü = 5);
text-decoration: none;
vertical-align: orta;
background-color: # f5f5f5;
Filtre: progid: DXImageTransform.Microsoft.gradient (startColorstr = '# ffffff', endColorstr = '# E6E6E6'); / * IE için * /
background-image: -moz-lineer gradyan (üst, #ffffff, # E6E6E6);
background-image: -ms-lineer-gradyan (üst, #ffffff, # E6E6E6);
background-image: -webkit-gradyan (#FFFFFF (doğrusal, 0 0, 0 100%),) # E6E6E6 (için);
background-image: -webkit-lineer gradyan (üst, #ffffff, # E6E6E6);
background-image: -o-lineer gradyan (üst, #ffffff, # E6E6E6);
background-image: doğrusal gradyan (üst, #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);
Sınır: 1px solid #CCC;
border-bottom-color: # B3B3B3;
-webkit-box-shadow: 0 1px 0 RGBA (255, 255, 255, 0.2), 0 1px 2px RGBA (0, 0, 0, 0.05) ilave;
-moz-box-shadow: 1px gömme 0 0 RGBA (255, 255, 255, 0.2), 0 1px 2px RGBA (0, 0, 0, 0.05);
kutu-gölge: gömme 0 1px 0 RGBA (255, 255, 255, 0.2), 0 1px 2px RGBA (0, 0, 0, 0.05);
İmleç: işaretçi;
position: relative;
margin-left: -1px;
şamandıra: Sol;
line-height: 20px;
şamandıra: Sol;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.col_4 {
şamandıra: Sol;
}
.cell_1 {
şamandıra: Sol;
genişliği: 40px;
Yükseklik: 30px;
padding: 0px 0 0;
margin-left: 0;
}
.cell_2 {
border-right: 1px solid # ddd;
şamandıra: Sol;
genişlik: 186px;
Yükseklik: 25px;
text-align: center;
padding: 5px 0 0;
}
.cell_3 {
şamandıra: Sol;
genişliği: 50px;
Yükseklik: 25px;
text-align: center;
padding: 4px 0 0;
}
</ Style>
Blogumuza Abone Olun
Yeni Yazılar e-posta Adresinize Gelsin
Hiç yorum yok:
Yorum Gönder