Toplam Yazı - Yorum Eklentisi

Toplam Yazı - Yorum Eklentisi İle Ziyaretçilerinizin Sitenizdeki Toplam Yazı Ve Yorum Sayısını Gösterin. Yapılışı Aşağıdaki Beyaz Yazıları Gadget Ekle'den Html Java Scripts'e Yerleştirin. Kırmızı Yerlere Sitenizin Adresini Yerleştirin.

Demo

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Toplam Yazı: <b>' +

json.feed.openSearch$totalResults.$t + '</b><br>');

}

function numberOfComments(json) {

document.write('Toplam Yorum: <b>' +

json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<font color="blue"><script src="http://blogumicin.blogspot.com

/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://blogumicin.blogspot.com/feeds/comments/default?

alt=json-in-script&callback=numberOfComments"></script></font>

Buda Başka Bir Çeşit

Demo

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Sitemizde <b>' +

json.feed.openSearch$totalResults.$t + '</b>');

}

function numberOfComments(json) {

document.write('Adet Yayın, Yayınlara Yazılmış <b>' +

json.feed.openSearch$totalResults.$t + '</b> Adet Yorum Bulunmaktadır <br>');

}

</script>

<font color="blue"><script src="http://blogumicin.blogspot.com

/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://blogumicin.blogspot.com/feeds/comments/default?

alt=json-in-script&callback=numberOfComments"></script></font>

4'lü Sosyal İkon

Blogunuza 4'lü Sosyal İkon Ekleyin. Facebook, Twitter, Google Plus Ve Rss Feed. Windows 8 Tarzı Ve Çok Dikkat Çekici Bir Eklentidir. Not. Eklentinin Blogunuzdaki Widget Alanına Sığacağından Emin Olun. 300x250 Dir.
Aşağıdaki Kırmızı Yazıları Html Java Script'e Yerleştirin


<style>#buttons {
overflow: hidden;
}
.button1 {
background: none repeat scroll 0 0 #EEEEEE;
-moz-box-shadow: 0 1px 0 #FDFDFD inset;
-webkit-box-shadow: 0 1px 0 #FDFDFD inset;
box-shadow: 0 1px 0 #FDFDFD inset;
float: left;
margin: 0;
padding: 15px 0 0;
width: 149px;
}
.button1.facebook,.button1:hover.facebook .slide {
margin-right: 1px;
background: #3873ad;
}
.button1.google,.button1:hover.google .slide {
text-align: center;
margin-right: 1px;
background: #f73c28;
}
.button1.twitter,.button1:hover.twitter .slide {
text-align: center;
background: #62c6f8;
}
.button1.rss,.button1:hover.rss .slide {
background: #f18421;
}
.button1 i {
color: #FFFFFF;
display: block;
font-family: FontAwesome;
font-size: 20px;
font-style: normal;
height: 40px;
line-height: 40px;
margin: 0 auto 2px;
text-align: center;
width: 40px;
border: 2px solid #fff;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.social-container {
color: #FFFFFF;
font-size: 15px;
font-weight: 600;
height: 45px;
line-height: 45px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.slide, .button1 i {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slide {
height: 45px;
position: absolute;
top: -35px;
width: 100%;
}
.icon-facebook:before {
content:"F";
}
.icon-twitter:before {
content:"T";
}
.icon-google-plus:before {
content:"G+";
}
.icon-rss:before {
content:"R";
}
.slide:after {
border-left: 2px solid #EEEEEE;
bottom: 0;
content: "";
display: block;
height: 10px;
position: absolute;
width: 100%;
}
.button1:hover .slide {
top: 0;
}
.facebook_c {
position: relative;
top: 10px;
}
.twitter_c {
text-align: center;
position: relative;
top: 10px;
}
.rss .IN-widget, .button1 iframe {
position: relative;
top: -5px;
}
.google_c {
position: relative;
top: -40px;
}
.rss_c {
position: relative;
top: 6px;
}
.twitter iframe {
width: 134px !important;
}
.google #___plusone_0 {
width: 60px !important;
}
.button1.rss {
margin-right: 0;
}</style>
<div id="buttons">
<div class="facebook button1">
<i class="icon-facebook"></i>
<br />
<div class="social-container fb">
<div class="slide">
<div class="facebook_c">
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/></a></div>
</div>
Facebook
</div>
</div>
<div class="twitter button1">
<i class="icon-twitter"></i>
<br />
<div class="social-container tw">
<div class="slide">
<div class="twitter_c">
<a class='addthis_button_tweet'/>
</a></div>
</div>
Twitter
</div>
</div>
<div class="google button1">
<i class="icon-google-plus"></i>
 <br />
<div class="social-container tw">
<div class="slide">
<div class="google_c">
<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" type="text/javascript"></script>
<!-- Place this tag where you want the widget to render. -->
<br />
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
</a></div>
</div>
Google+
 </div>
</div>
<div class="rss button1">
<i class="icon-rss"></i>
<br />
<div class="social-container tw">
<div class="slide">
<div class="rss_c">
<a class='addthis_counter addthis_pill_style'/></a></div>
</div>
Rss Feed
</div>
</div>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/></script>

Modern Galeri

Modern Galeri Blogger Teması

Bizim Yaptığımız Bir Temadır. Galeri Tarzı Açılan Menüsü İle Sizlerle

Yapımcılar
AlfaDosyam
Tema Şekli Tasarım
-------------------------------------
BWTemalar
Tema Ayarları, Arkaplanlar
-------------------------------------
Blogumİcin
Eklentiler Ve Menü


  

Not: Temayı Yükledikten Sonra Yerleşimden Blog Kayıtlarını Düzenleye Tıklayın. Oradaki Bütün Tiklri Kaldırın

Klasik Tab Eklenti

Blogunuza Tab Eklentisi Ekleyin. Blogunuza Bu Eklenti Daha Çok Widget Koyabileceksiniz. Klasik Ve Şıktır. Yapımı İçin Aşağıdaki Mavi Yazıları Blogger/Blog/Yerleşimden Gadget Ekleden  Html Java Scripts'e Yerleştirin. Yeşil Yerlere Tabın Başlıklarını Koyun. Kırmızı Yerlere Eklentinin Kodunu Veya Yazı Gibi Şeyler Koyun.

<script type='text/javascript'>
//<![CDATA[
function haakblog_oom(NBTID, id)
{
  var haakblog = document.getElementById(NBTID);
  var NBTs = haakblog.firstChild;
  while (NBTs.className != "NBTs" ) NBTs = NBTs.nextSibling;
  var NBT = NBTs.firstChild;
  var i   = 0;
  do
  {
    if (NBT.tagName == "A")
    {
      i++;
      NBT.href      = "javascript:haakblog_ubah('"+NBTID+"', "+i+");";
      NBT.className = (i == id) ? "Active" : "";
      NBT.blur();
    }
  }
  while (NBT = NBT.nextSibling);
  var Halamans = haakblog.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function haakblog_ubah(NBTID, id) { haakblog_oom(NBTID, id);
}
function haakblog_inisial(NBTID) { haakblog_oom(NBTID,  1);
document.write('');}
//]]>
</script>
<style>
div.haakblog div.NBTs {
height: 24px;
overflow: hidden;
}
div.haakblog div.NBTs a:hover, div.haakblog div.NBTs a.Active {
background-color: #eee;
}
div.haakblog div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.haakblog div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.haakblog div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.haakblog div.NBTs a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>
<form action="haakblog.html" method="get">
<div id="haakblog" class="haakblog">
<div style="width: 300px;" class="NBTs"> <a>Tab Başlık 1</a> <a>Tab Başlık 2</a> <a>Tab Başlık 3</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 Yazı Veya Eklenti Kodlarını Yazın
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 Yazı Veya Eklenti Kodlarını Yazın
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 Yazı Veya Eklenti Kodlarını Yazın
</div>
</div>
</div>
<small>
<a href="http://www.haakblog.com/2014/02/download-best-blogger-templates-of-2014.html" rel="dofollow" target="_blank" title="blogger templates"><img src="https://bitly.com/haakblog" alt="blogger templates" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger widgets"><img src="https://bitly.com/haakblog" alt="blogger widgets" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a style='margin-left:10px;align:right;' href='http://blogumicin.blogspot.com/2014/08/klasik-tab-eklenti.html' target='_blank'>Multi Tabbed Widget</a> | <a href='http://blogumicin.blogspot.com/' target='_blank'>Blogger</a></small>
</div>
</div></form>
<script type="text/javascript">haakblog_inisial('haakblog');</script>

Cizgi Mavili Beyaz Menü

Beyaz Sabit Menü Ekleyin. Yine Sadece Bizde. Hatasız. Kurulumu Kolay Bir Eklenti. Demosu Yukarıdadır. Alanıda Büyüktür. Bu Eklentiyle Blogunuz Daha Güzel Ve Gözükecek. Yeni Özellikler Eklendi. Yapımı İçin Aşağıdaki Mavi Yazıları Kopyalayın. Blogger/Blog/Şablon/Html Düzenle'Den Ctrl+F İle <body Kodunu Bulup Altına Boşluk Bırakın Ve Yapıştırın Kırmızı Yerlere Yönlenecek Adresi, Pembe Yerlere Menü İsimlerini Koyun.

<style>
#CizgiMaviliBeyazMenuBi ul{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tcCcUscSPE1Uzit6eSfz2vd3jE9tbR0A2onaLCmCzCfewQB7mal1opgTB8xpWj5Dsb5BCp9r-G6caLZ1Fngr2K6o3a46WFrYjqIz0jcmU4zFWEAraitMl9dQ9dQ_aPsAzHRRLHItjaqm/s1600/MenuBackgroundBlogum%C4%B0cin.bmp); height: 40px; }
#CizgiMaviliBeyazMenuBi li {float: left; padding: 10px 20px; }
#CizgiMaviliBeyazMenuBi a{font: 17px Calibri; color: #000000; text-decoration: none;}
#CizgiMaviliBeyazMenuBi ul{
    list-style:none;
    height:40px;
    width:1366px;
    position:fixed;
    left:0;
    top:0;
    margin:0;
    padding:0;
    z-index: 99999;
}

#CizgiMaviliBeyazMenuBi ul li:hover,
#CizgiMaviliBeyazMenuBi ul li.active {
  height: 15px; 
  background: #0084FF;
}
</style>

<div id="CizgiMaviliBeyazMenuBi">
<ul>
<li><a href="#">AnaSayfa</a></li>
<li><a href="#">Eğlence</a></li>
<li><a href="#">Oyunlar</a></li>
<li><a href="#">Dosyalar</a></li>
<li><a href="#">Bloggerım İçin</a></li>
<li><a href="#">Reyting</a></li>
<li><a href="#">İletişim</a></li>
</ul>
</div>

• AnaSayfa
• Eğlence
• Oyunlar
• Dosyalar
• Bloggerım İçin
• Reyting
• İletişim

Dönen Sosyal Butonlar

Blogunuza Fareyi Üstüne Getirince Dönen Sosyal Eklentiler Ekleyin. Blogunuza Yakışacak Bir Eklenti. Yapımı İçin Önce Blogger/Blog/Yerleşime Gelip Eklentiyi Koymak İstediğiniz Gadget Ekleye Tıklayın. Ordan Html Java Scripts'i Seçin. İlk Mavi Yazı Facebook Adresi, İkinci Mavi Yazı Twitter Adresi, Üçüncü Mavi Yazı Google+ Adresi, Dördüncü Mavi Yere Pinterest Adresi, Beşinci Yere Email Adresinizi Yazın.

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>

<center>
 <div id="social">
 <a href="http://www.facebook.com/pages/Blogum-İçin/528918667234506" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_0URQMkWmJSpCMta5OhGP4HKZXtDadbMQGeQ7zncpm3BzFHsmZZZwuSe8bUsY5ODeh0FtL9lowt-M63NqOFoZyIng-9Ty1dfuouE4PcWs_NR05bHIOcvLJxim_BrjthC4kmO948PO3ti/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> 
 <a href="http://www.twitter.com/" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBPUgvyUc_bge4OUCsdevuzijotnju73OdWwm2DgOf2P5eZwLU1_dFng-Jz9C47tqw_21oY1TXfmpyf7jwDsZ2TWLKjV_XlovxHU43I-SAixuB6c46HimxTo5MlsRJjCYeJvtkrNkjdD4L/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> 
 <a href="https://plus.google.com" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIl6B4jD2nHuPA3Zu2IR1cPGlXb8s7_4pbsV1i2OjIdm7tGByBX6RD9svqIHk-SUFAt4Fm2FfJKX7Np6-bSOWrNaWMnKXdlTaw2BAq1_NrRX2C2uNmBQirGxl0TCQjw66Dt7Ofj9LB-Iwh/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> 
 <a href="http://www.pinterest.com/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLyaEDNrxWSO9dAyEbfjSyFhKXaqvsMl8z9WSBtxWKANDDkQP_7xIMi4PpAgsQLamtfFIvRjhnffPMHE4uvhDnvr81RrAYY5qNg2EoD_xXg0_A4F_kqEBHbUFe7MOLFy0mjsYEzsXCFcqQ/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8W0BfGWOftCUAshjFcJWmgNeV-GfwYCGhklAnBdiE8SJe71jTPkKFOnQcDehklFHzeqDZ3FbckbfQrzTjCnxGNe8TRu3d_Tgs_vJuvKXHT1a72OoQ5MK7NXBDBaxfW6KG8QXvkVcbPzC/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> 
 <a href="Email" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPWcWjWZ8YrUOgw44WsmlweOHxsjoB7-l1c3bR79ah2W4DR_DwIjtOmMiCSFfHVHc_PCIGRs6i1RmXEb1AhWkII-gFo4lphtRtgOP-aDj2L2s8ZvyIes__wbsUbytP53ABkgFn4BdwkzG/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> 
 </div>
</center>

Sorunlarınızı Yorumlayabilirsiniz

Yazı Altına Sosyal Paylaşım Kutucukları

Bu Eklenti Yayınlarınızın Altında Olacak. Böylece Blogunuza Girenler Yayın Sayfanızı Beğenebilecekler Veya Paylaşabilcekler.
Aşağıdaki Kırmızı Kodlardan Birini Ctrl+F İle Bulun.

<data:post.body/>

<div class='post-footer-line post-footer-line-1'/>

Altına Aşağıdaki Mavi Yazıları Koyun.

<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD9OYEtchdaS4AbMJ5ck_pcpF7ZK0PRDKkAx9ZUjJszuD4KNu7BXe5ioOaG_PA5n2-PlZ7edDDjVHO2RBjGofEUw1cro16PDRoyYCZ1fh0F6U_-ChmBgxfxFcgxpfNQB9Z3Db5L8aGnyLx/s1600/social-kutucuk.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;}
.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;}
.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;}
 .promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="BloggerEklenti" href="https://twitter.com/share">Tweet</a>
<script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
          
</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                  
</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
                (function () {
                    var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
                })();
          
</script></div>
</div> 
</b:if>

Birden Fazlaysa Çalışana Kadar Tek Tek Deneyin. Yine Olmazsa Diğer Kırmızı Kodu Seçin.
Sorunlarınızı Yorumlayabilirsiniz.
Bir Teşekkürü Çok Görmeyin