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 yani Blog istatistik eklentisi olan 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 yazı ve yorum eklentisi

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.

Boomads ile Ünlü Markalardan Reklam Almak

Merhaba değerli bloggerlar diye başlamak istiyorum çünkü bu yazı tamamen sizi ilgilendiriyor. Şüphesiz sitelerden çok para kazanmak oldukça zor olsa da, akmasa da damlıyor diye tabir ettiğimiz kadar bir gelir elde ediliyor bloglarımız için. Öncelikle Boomads nedir bunun açıklamasını yapmalıyız. Hatta resmi olarak yaptıkları açıklamayı burada yayınlayayım. Öncelikle Boomads nedir bunun açıklamasını yapmalıyız. Hatta resmi olarak yaptıkları açıklamayı burada yayınlayayım. Boomads Nedir? Boomads uluslararası içerik pazarlama firmasıdır. Avrupa’nın en büyük yayıncı kuruluşlarıyla beraber, reklamverenler ile özgün içerik üreticileri ve kendi alanlarında fikir önderi olan kişileri biraraya getiren platformlar kurar. Boomads markanızın tüm dijital yayın ihtiyaçlarını karşılayan bir platform sunar. Markanız için özgün içerik üretimi ve etkileşimi yüksek yüzlerce blogger üzerinden dağıtımını sağlıyoruz. Peki yayıncılar için boomads nedir? Yani biz bloggerlar için. Yayıncılar Blogunuzdan, Facebo...

Devamı

anında haberler

Bu Blogda Ara