blogger toplam yazı ve yorum eklentisi blogger toplam konu ve yorum eklentisi
Blogger Toplam Yazı ve Yorum Eklentisi
Bugünkü konumuzda sizlere şık ve görsel anlamda güzel bir eklenti olan. Blogger toplam yazı ve yorum eklentisi eklentimizi tanıtıcam bu eklentiye gezinirken denk geldim ufak değişiklikler yaparak kendimde kullanmaya başladım çok eskiden paylaşılmış olan bir eklenti olduğu için gereksiz çalışmayan kodları ayıkladım güzel stabil çalışır bir halde sizlerle paylaşmak istiyorum.
Blogger toplam konu ve yorum eklentisi anlatımına geçelim
Düzenlemede Font awesome ikonları kullandığım için eklentideki ikonların görünmesi için Bloğunuzda Font awesome dosyası olması lazım bu dosya bloğunuzda ekli değilse ikonlar ya görünmez yada eciş bücüş görünecektir dosya bloğunuzda mevcutsa yeniden eklemenize gerek yok. Eğerki bloğunuzda yoksa blogger kontrol panelinize girin HTML'yi Düzenle bölümüne tıklayın ve CTRL F kombinasyonu ile <head> kodunu aratın ve hemen altına aşağıda vermiş olduğum kodu ekleyin kayıt edin. Yada var olup olmadığını bilmiyorsanız aynı şekilde CTRL F kombinasyonu ile stylesheet diye bir kaç kez aratın kodun sürümü fark etmez benim verdiğim 4.2.0 sürümü belki sizin bloğunuzda 4.3.0 vardır temanızın yapımcısı hangisini eklediğini bilemeyiz.
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />
Blogger toplam yazı ve yorum eklentisi kurulumuna geçelim
Blogger kontrol panelinizde yerleşim bölümüne tıklayın Gadget Ekle kısmına tıklayın açılan sayfada HTML/JavaScript seçip açılan sayfa içerisine aşağıda vermiş olduğum kodları ekleyin ve kayıt edin işlemimiz bukadar.
<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="boxx"><div class="cell_1 konu-sayısı"><i class="fa fa-envelope fa-w-16 fa-2x"></i></div><div class="cell_2">Toplam Konu</div><div class="cell_3 "><span class="count" id="rss"><script src="/feeds/posts/default?alt=json-in-script&callback=numberOfPosts">
</script><br /></span></div></div>
<div class="boxx"><div class="cell_1 yorum-sayısı"><i class="fa fa-comments fa-w-16 fa-2x"></i></div><div class="cell_2">Toplam Yorum</div><div class="cell_3 "><span class="count" id="rss"><script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script><span class="Apple-style-span" style=""></span> <br /></span></div></div>
<style type="text/css">
.boxx:hover{filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85}.boxx img{border:0;padding:0}.icon{width:27px;height:26px;margin-top:3px;border:none}.konu-sayısı{background-color:#44B8F2;background-image:-webkit-linear-gradient(top,#4787ed,#4787ed);background-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)}.yorum-sayısı{background-color:#F78634;background-image:-moz-linear-gradient(top,#FFA461,#E8711A);background-image:-ms-linear-gradient(top,#FFA461,#E8711A);background-image:-webkit-gradient(linear,0 0,0 100%,from(#FFA461),to(#E8711A));background-image:-webkit-linear-gradient(top,#1eb093,#1eb093);background-image:-o-linear-gradient(top,#FFA461,#E8711A);background-image:linear-gradient(top,#FFA461,#E8711A);background-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)}.boxx{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:17px;list-style-type:none;display:inline-block;padding:0 0;margin:2px -3px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);text-decoration:none;vertical-align:middle;background-color:#f5f5f5;background-image:-webkit-linear-gradient(top,#ffffff,#E6E6E6);background-repeat:repeat-x;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border:1px solid #CCC;border-bottom-color:#B3B3B3;boxx-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);cursor:pointer;position:relative;margin-left:-1px;line-height:20px;float:none;border-radius:4px}.col_4{float:left}.cell_1{font-size: 14px;float:left;width:40px;height:30px;padding:0 0 0;margin-left:0}.cell_2{border-right:1px solid #1eb093;float:left;width:195px;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>
Eğerki Sizde blogunuzda bu eklentiyi paylaşmak isterseniz Blogdan indir'den alıntı olduğunu belirtirseniz sevinirim. Ayrıca sormak istediğiniz bir şey olursa yorum yazarak belirtebilirsiniz.
YORUMLAR