blogger eklentileri

Blogger Sayfa Numaralandırma Eklentisi

noreply@blogger.com (Anonymous) — Tue, 03 Dec 2013 21:50:00 +0000

Blogger Sayfa Numaralandırma Eklentisi
Blogger bloggunuza önceki sonra kayıtlar yerine, daha şık sayfa nubaralandırma eklemeye ne dersiniz? bloggunuzu güzel görünüm kazandırmak, acısında güzel bir eklenti, biliyorsunuz ki blogger temaları coğunda sayfa numaralandırma yokdur. önceki sonraki kayıtlar diye link vardır, hic hoş durmaya görünüm acısında estetik durmayan bu, görünümden kurtulmak isterseniz aşağıda göstercegim uygulamayı yapmanız yeterli olcak.

Blogger Sayfa Numaralandırma Eklentisi Blogguma Nasıl Uygularım?

Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla </body> Kodunu bulun. buldugunuz </body> kodu öncesi aşağıda verdigim kodu ekleyin kaydet diyip cıkın işlemimiz bitmişdir.

<style type="text/css">
    .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;}
    .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj22NUAr6VWFP-tckeqRLJxYDdqlDXIuZaqnKB4bjpxoaxyKX1mRRbYOgPh7ICMWdNHTo0T2vAoLSOxigHkdj5zn4HQfXEZ_lWo5vYCJeJpLRdUI1unvvQSaok0GfMqec9Ays-gWnA-jwrA/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;}
    .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;}
    .showpageOf{float:left;padding-top : 6px;}
    .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1z6QO7XuXpptnrv8xl6bcVBQdafuZbchd_ed5ambJ7_4ZLOezDHMnhUcZVcPeUDSl2Phe1Yx1cfk0sr-FGx0MkRqyK9wj8ELrSdQ7vWNWEI5173CsNmvcgdfn_YP9CZt1IA3Abshg0NK/) no-repeat 0 0;width : 37px;height : 42px;display : block;text-align : center;float : left;margin : 0 5px;padding-top : 6px;text-decoration : none;color : #333;}
    .showpageNum a:hover {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1z6QO7XuXpptnrv8xl6bcVBQdafuZbchd_ed5ambJ7_4ZLOezDHMnhUcZVcPeUDSl2Phe1Yx1cfk0sr-FGx0MkRqyK9wj8ELrSdQ7vWNWEI5173CsNmvcgdfn_YP9CZt1IA3Abshg0NK/) no-repeat 0 100%;color : #fff;}
    .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO1z6QO7XuXpptnrv8xl6bcVBQdafuZbchd_ed5ambJ7_4ZLOezDHMnhUcZVcPeUDSl2Phe1Yx1cfk0sr-FGx0MkRqyK9wj8ELrSdQ7vWNWEI5173CsNmvcgdfn_YP9CZt1IA3Abshg0NK/) no-repeat 0 100%;width : 37px;height : 42px;display : block;float : left;text-align : center;margin : 0 5px;padding-top : 6px;font-weight : bold;color : #fff;}
    .showpageNum a:link, .showpage a:link {text-decoration : none;color : #cc0000;}
</style>
<script style='text/javascript'>
var pageCount=5;
var displayPageNum=1;
var upPageWord="Önceki";
var downPageWord="Sonraki";
</script>
<script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

Tavsiye Etdigimiz Başka Eklenti.
Blogger Önceki Sonraki Kayıtlar Yerine Resim Ekleme

Blogger Yazı Altına Sosyal Paylaş Eklentisi

noreply@blogger.com (Anonymous) — Sun, 01 Dec 2013 21:45:00 +0000

Blogger icin Yazı Altına Sosyal Paylaş Eklentisi Sizlere paylaşcağım eklentide Google, Twitter, Facebook, ait üclü sosyal paylaş düğmeleri oldukca dikat ceken güzel bir görünümü var. tek tek kutu icinde olan sosyal paylaş eklentileri, yayınlarımızın altında olcak şekilde yerleşdirceğiz. yayınlarımızın sosyal medyada paylaşımlarını artdırcak olan bir eklenti aşağıda gördünüz gibi bir görünümü olcak.

Blogger Yazı Altı Sosyal Paylaş Eklentisi Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla <div class='post-footer'> kodunu bulun aşağıda verdigim kodu altına gelcek şekilde yapışdırın kaydet deyip cıkın.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style> 
.promote_post_bg { 
    height: 103px; 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Bv-4iQxW0G4sh-d11qli7fRu9Bq7rRmUJRIFSHXewwK86yUcBf4IS3cQfy2Rqyw-hipX757OQ1jfAwLaTyZoVPs6K_A2i7RpUeRMN-uVYKoZ7AF3YJezew71Fm7nazgSAOZYMjDO3UM/s516/paylas.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> 
</b:if> 
<div class='promote_post_bg'> 
<div class='promote_twitter'> 
<a class='twitter-share-button' data-via='helperblogger' 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 = &quot;//platform.twitter.com/widgets.js&quot;; 
                        fjs.parentNode.insertBefore(js, fjs); 
                    } 
                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;); 
            
</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'/> 
<div> 
<b:if cond='data:post.isFirstPost'> 
<script> 
                        (function (d) { 
                            var js, id = &#39;facebook-jssdk&#39;; 
                            if (d.getElementById(id)) { 
                                return; 
                            } 
                            js = d.createElement(&#39;script&#39;); 
                            js.id = id; 
                            js.async = true; 
                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; 
                            d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); 
                        }(document)); 
                    
</script> 
</b:if></div> 
</div> 
<div class='promote_google'> 
<g:plusone annotation='none' size='medium'/> 
<script type='text/javascript'> 
                (function () { 
                    var po = document.createElement(&#39;script&#39;); 
                    po.type = &#39;text/javascript&#39;; 
                    po.async = true; 
                    po.src = &#39;https://apis.google.com/js/plusone.js&#39;; 
                    var s = document.getElementsByTagName(&#39;script&#39;)[0]; 
                    s.parentNode.insertBefore(po, s); 
                })(); 
            
</script></div> 
</div>

Tavsiye Etdigimiz Alternatif Sosyal paylaş eklentileri.

Yandan Açılan Sosyal Paylaş Eklentisi Blogger

noreply@blogger.com (Anonymous) — Sun, 01 Dec 2013 16:07:00 +0000

Yandan Acılan Soyal Paylaş Eklentisi sol yandan acılan, sosyal paylaş eklentisi. sosyal medyada takipci Sayınızı artdırmanıza yarıyacak, bir ekleni sayfa aşağı indikce hareket eden, üclü sosyal paylaş eklentisi. bu eklentiyle bloggunuzu ziyaret eden ziyaretcilerden sosyal ağlarda, bloggunuzu takip etmesini saglayabilirsiniz. eklentiyi beğendiyseniz aşağıda göstercegim uygulamayı takip ederek, bloggunuza ekleyebilirsiniz.

Sosyal Paylaş Eklentisini Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla ]]></b:skin> kodunu bulun. buldugunuz ]]></b:skin> kodunun üstüne aşağıda verdigim, kodu kopyala yapışdır yapın kaydet diyin.

<script type='text/javascript'> 
window.onload = function socialButtons() { 
       $(&#39;.social_site&#39;).hover(function() { 
           $(this).stop().animate({ 
               left: &#39;0px&#39; 
           }, 
           &#39;fast&#39;) 
       }, 
       function() { 
           $(this).stop().animate({ 
               left: &#39;-140px&#39; 
           }, 
           &#39;fast&#39;) 
       }) 
   } 
</script> 
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/> 
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'> 
{lang: &#39;tr-TR&#39;} 
</script> 
<script src='http://connect.facebook.net/tr_TR/all.js#xfbml=1' type='text/javascript'/> 
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'/>

2 Adım : </body> kodunu aratıyoruz. buldugumuz </body> kodu öncesi sizlere aşagıda verdigim kodları ekliyoruz.

body .social_site {cursor: pointer;height: 64px;left: -140px;overflow: hidden;position: fixed;width: 200px;z-index: 10000;} 
body .social_closed {left: -170px;} 
body .social_open {left: 0;} 
body .social_site .icon {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqGwzI4Zr7X1gSgxQoA_pAtk_knaxPJEdo714h-dGJFFBGfZNyZ-g5itfAOhydEuYvafYvyv2rNseXA8c17KRtnu700ABXAOA7ZYsEcOPDilpzRunDRU-QV7ScQMa34JnT37oHwWWtdEM/s1600/social-sprite.png") repeat scroll 0 0 transparent;float: right;height: 64px;width: 60px;} 
body .social_site .tray {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqGwzI4Zr7X1gSgxQoA_pAtk_knaxPJEdo714h-dGJFFBGfZNyZ-g5itfAOhydEuYvafYvyv2rNseXA8c17KRtnu700ABXAOA7ZYsEcOPDilpzRunDRU-QV7ScQMa34JnT37oHwWWtdEM/s1600/social-sprite.png") repeat-x scroll 0 0 transparent;float: right;height: 64px;width: 140px;} 
body .social_facebook {top: 205px;} 
body .social_facebook .icon {background-position: 60px -74px;} 
body .social_facebook .tray {background-position: -15px -74px;} 
body .social_facebook .tray p { 
display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;} 
body .social_facebook .tray p a, body .social_facebook .tray p a:active, body .social_facebook .tray p a:visited { 
color: #FFF;text-shadow: 1px 1px 0px #077EAB; -webkit-text-shadow: 1px 1px 0px #1F366B; -moz-text-shadow: 1px 1px 0px #1F366B;display: block;font-size: 10px;width: 100%;text-decoration:none;} 
body .social_users {top: 340px;} 
body .social_users .icon {background-position: 60px -6px;} 
body .social_users .tray {background-position: -15px -6px;} 
body .social_users .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;} 
body .social_users .tray p a, body .social_users .tray p a:active, body .social_users .tray p a:visited { 
color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;} 
body .social_gplus {top: 273px;} 
body .social_gplus .icon {background-position: 60px 71px;} 
body .social_gplus .tray {background-position: -15px -141px;} 
body .social_gplus .tray p {display: block;height: 18px;line-height: 18px;margin-top: 4px;padding-left: 20px;} 
body .social_gplus .tray p a, body .social_gplus .tray p a:active, body .social_gplus .tray p a:visited {color: #FFF;text-shadow: 1px 1px 0px #313131; -webkit-text-shadow: 1px 1px 0px #2c2c2c; -moz-text-shadow: 1px 1px 0px #2c2c2c;display: block;font-size: 10px;margin-top: 0l;width: 100%;text-decoration:none;}

3 Adım : Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşağıda verdigim kodları acılan gadget icine, kopyalayıp kaydet deyip cıkmadan önce Kırmızı ile belirtdigim yerlere kendi adreslerinizi yazın.

<div class='social_site social_users' id='social_link_users'><a><div class='icon'/></a> 
<div class='tray bg_denovo'><p><a>Twitter&#39;da Takip Et</a></p> 
<p id='users_online_box'><iframe allowtransparency='true' class='twitter-follow-button' frameborder='0' scrolling='no' src='http://platform.twitter.com/widgets/follow_button.html#_=1320542107073&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;lang=tr&amp;link_color=&amp;screen_name=Bloggermimari&amp;show_count=false&amp;show_screen_name=&amp;text_color=' style='width: 100px; height: 20px;margin-top: -15px;margin-left: 15px;' title=''/></p></div></div><div class='social_site social_facebook' id='social_link_facebook'><a><div class='icon'/></a> 
<div class='tray bg_denovo'> 
<p><a>Facebook&#39;ta Beğen</a></p> 
<div class='fb-like' data-href='http://www.facebook.com/Bloggermimari' data-layout='button_count' data-send='false' data-show-faces='false' data-width='450' style='margin-left: 30px; margin-top: -20px;'/></div></div> 
<div class='social_site social_gplus' id='social_link_gplus'> 
<a href='#' target='_blank' title='Google+'><div class='icon'/> </a> 
<div class='tray bg_denovo'> 
<p><a>Google&#39;da Öner</a></p><p id='g_plus_box' style='margin-top: -10px;margin-left: 12px;'><g:plusone/></p></div></div>

Dikat : Yukarda Kırmızı İle işaretledigim yerlere kendi adreslerinizi yazmayı unutmayınız.

Gangsky Wordpress Teması

noreply@blogger.com (Anonymous) — Sun, 01 Dec 2013 00:14:00 +0000

wordpress gangsky teması son derece güzel bir tema, mavi ağırlıklı üç kolu wordpress taması, Tema 4 eklentiyle calışıyor. Bu eklentiler ise Get Recent Comments, WP-PostRatings, WP-PostViews, Yoast Breadcrumbs.

Tema Adı: GangSky
Yapımcı: Gangstamonu
Çeviri: Gangstamonu
Kategori: 3 Kolonlu, Portal
Tarih: August 31st, 2010

Demo İndir

Rara Şifresi : http://blogger-mimari.blogspot.com/

Blogger Popüler Yayınlar Eklentisi Renkli - Animasyonlu

noreply@blogger.com (Anonymous) — Sat, 30 Nov 2013 16:08:00 +0000

Blogger popüler yayınlar eklentisi güzel görünüm kazandırmaya ne dersiniz?
Blogger'de popüler yayınlar eklentisi var. bildiğiniz gibi bu var olan görünüme, daha renkli ve şık bir görünüm kazandıra bilirsiniz. renkli bir görünüm mausla üstüne gelince, dönem bir resim. popüler yayınların yanında nubaralandırma. blogger popüler yayınlarınıza, animasyonlu bir görünüm kazandırmak isterseniz. aşağıda gösterceğim uygulamayı izlemeniz yeterli olcak.

Blogger Popüler Yayınlar Eklentisi Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla ]]></b:skin> kodunu bulun. buldugunuz ]]></b:skin> kodunun üstüne aşağıda verdigim, kodu kopyala yapışdır yapın, kaydet diyip cıkın işlemimiz bitmişdir.

<!-- popüler yayınlar eklentisi  -->
    <div class='noop-searchbox' id='noop-searchbox'>
      <form action='/search' id='noop-searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
        <button id='sbutton' type='submit'>
          <span id='simg'/>
        </button>
      </form>
    </div>
<style type="text/css">
#sbutton {
background: -moz-linear-gradient(center top , #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#4787ed));
background: -webkit-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#4787ed 100%);
background: linear-gradient(top, #4d90fe 0%,#4787ed 100%);background-color: #4d90fe;
border: 1px solid #3079ED;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
height: 27px;
min-width: 76px;
padding: 0 21px;padding-bottom: 2px;
}
#sbutton:hover{ background-color: #357AE8;
background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d90fe), color-stop(100%,#357ae8));
background: -webkit-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -o-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: -ms-linear-gradient(top, #4d90fe 0%,#357ae8 100%);
background: linear-gradient(top, #4d90fe 0%,#357ae8 100%);
border: 1px solid #2F5BB7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#simg {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnPxFQSD5Xx4GUnVHMZvimLip6-Mxp9l6KltVjDM65U4760lD6toPjG2HWrgkidmHeS_LRHrZPDCjIvOffYtylG307OJ6AWT24lFLpmiqIUkalkksuBvGTWkVygoED4YjVTI0aDzDoPNY/s1600/searchicon.png") no-repeat scroll 0 0 transparent;
display: inline-block;
height: 14px;
margin: 0;
width: 17px;z-index:101;
}#s:hover {box-shadow: 0 1px 2px #C1C1C1 inset;}
#s {border: 1px solid #BCBCBC;border-radius: 4px 4px 4px 4px;font: italic 14px times New Roman;padding: 4px 2px;width: 146px; -moz-transition: width 0.2s ease-in 0s; -webkit-transition: width 0.2s ease-in; -o-transition: width 0.2s ease-in;}
#s:focus {width: 200px;}
.noop-searchbox {
display: block;
position: fixed;
right: 0;
top: 1%;
max-width: 300px;min-width: 238px;
z-index: 100;
}
</style>
<!-- popüler yayınlar  eklentisi -->

Blogger Yorum Numaralandırma Eklentisi

noreply@blogger.com (Anonymous) — Sat, 30 Nov 2013 14:21:00 +0000

Blogger Yorumları Nubaralandırma Eklentisi Blogger yorumlarınızı nubaralandıra eklentisiyle, bloggunuza güzel görünüm kazandırabilirsiniz. cok basit bir şekilde bloggunuza, uygulayabilcegiz bir eklenti. aşağıda resimde gördügünüz, gibi bir görünüm kazancaksınız.

Blogger Yorumları Nubaralandırma Eklentisi Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. Ctrl+F yardımıyla ]]></b:skin> kodunu bulun. buldugunuz ]]></b:skin> kodunun üstüne aşağıda verdigim, kodu kopyala yapışdır yapın. kaydet diyip cıkın aşağıda kodun altında gösterdiğim ayarlarla bloggunuza, göre ayarlayabilirsiniz.

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px; 
padding-top:3px; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRcsfaW0D1AFVl1T6FuAkIkntSXBWVKLZORlKtMIHyUdfvLx9bANHpTi5UlL4EgeyYn91bzWrmQRTNUhMsdCiJ0Lz_ghdV8PiRhrbwSfo8W7y_Jpe6nOpJiyM8HHsfS0wlglXah_6RPDRb/s1600/comment+bubble2.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

width: 50px; yorum nubaralandırma, resim genişlik ayarı.
height: 48px; yorum nubaralandırma, resim boyut ayarı.
padding-left:10px; yorum nubaralandırma, resimi sola kaydırma ayarı.
padding-top:3px; yorum nubaralandırma, sol ayarı.
margin-top:7px; resim üst kenar boşluk ayarı.
margin-left:10px; sol kenar boşluğu
Kırmızı ile işaretledigim yerleri kendinize göre ayarlayabilirsiniz.
Yukarda Kırmızı ile işaretledigim resim urlsi beğenmezseniz. aşağıda ki resimlerden secebilirsiniz. resmin üstüne gelip maus sag tıklayın, resim url kopyalayın alabilirsiniz işelemimiz bitmişdir.

Blogger Sosyal Paylas Butonları

noreply@blogger.com (Anonymous) — Sat, 30 Nov 2013 00:16:00 +0000

Blogger icin sosyal paylaş butonları. günümüzde Google'den sonra,en cok ziyaretci akışı saglayan sosyal Ağlardır. bloggunuza ziyaretci kazandırmak acısından, bize Faydası olcakdır. sosyal ağlarda etkili olmamız, lazım hem Bloggunuz ziyaretci akışını, artdırmak icin hemde yazdıgınız Makaleleri, okuyan bir kitleniz olması icin, önem Vermelisiniz. blggunuzu farklı ziyaretciler okuyucular kazandırarak, yazdıgınız makaleler veya Paylaşdıgınız konuları, bir kitleyle paylaşarak, yapdıgınız işden zevk almamızı saglayacakdır. özellikle Yeni başlayan arkadaşlar icin, ziyaretci kitlesi kazanmak, acısında sosyal paylaş eklentileri kullanmaları faydalı olacakdır.

Blogger Sosyal Paylaş Butonları Blogguma Nasıl Eklerim?

1. Blogger hesabımıza giriş yapıyoruz.

2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşağıda verdigim kodları acılan gadget icine, kopyalayıp kaydet diyip cıkıyoruz. bloggunuzda nerde görünmesini istiyorsanız oraya sürükleyip bırakın.

<style> 
/*--------blogger-mimari sosyal paylaş butonu ------*/ 
.touchme a { 
display:block; 
height:50px; 
width:50px; 
padding:0 4px; 
float:left; 
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; 
-webkit-transition: ease-in 0.2s all;    
-moz-transition: ease-in 0.2s all;    
-o-transition: ease-in 0.2s all;    
-ms-transition: ease-in 0.2s all;    
transition: ease-in 0.2s all; 
cursor:pointer;
}

.touchme a.googleplus { 
background-position: 0px -58px;
} 
.touchme a.googleplus:hover { 
background-position: 0px 0px; 
}

.touchme a.twitter { 
background-position: 0px -290px;
} 
.touchme a.twitter:hover { 
background-position: 0px -232px;
} 
.touchme a.facebook { 
background-position: 0px -406px;
} 
.touchme a.facebook:hover { 
background-position: 0px -348px;
}

.touchme a.rss { 
background-position: 0px -174px;
} 
.touchme a.rss:hover { 
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="http://feeds.feedburner.com/bloggermimari" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="https://plus.google.com/117609074188875305380/posts" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="https://twitter.com/Bloggermimari" rel='external nofollow' target='_blank' ></a>

</div>

Yukarda Kırmızı ile gösterdiğim yerlere, kendi adreslerinizi yazınız.

Blogger Facebook Sosyal Paylaş eklentileri 4 Stil

noreply@blogger.com (Anonymous) — Fri, 29 Nov 2013 20:58:00 +0000

Blogger icin facebook sosyal paylaş eklentileri
Birbirinden degişik, sosyal paylaş eklentileri bloggunuzun sosyal aglar'da daha cok ziyaretci. Kazanmak acısından sizlere, büyük katkısı olcakdır. yeni okucuylar yeni ziyaretcilerin sizleri sosyal Aglarda takip, etmesi bloggunuzu sosyal aglarda paylaşması, sizlere yeni ziyaretciler kazandırcakdır. Özellikle yeni bloggucuların. sosyal aglarda ziyaretci kazanmak acısından, bloggunda kulanması Bloggu acısından iyi olcakdır. bloggunun sosyal medyada tanınmasında, daha cok okuyucu kazanması İcin. bu eklentileri kulanmanızı öneririm.

Stil 1

Sagdan Acılan Facebook Eklentisi Blogguma Nasıl Uygularım?

1 Adım : Blogger sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. kodlar icersinde Ctrl+F yardımıyla aratıp </head> kodunu bulun. Aşagıda sizlere vercegim kodu </head> kodu öncesine yapışdırın ve kaydet diyip cıkın.

Not : Bazı şablonlardan kaynaklı javascript kodu calışmakmatadır. eyer sagdan acılan facebook eklentisi. hareket etmezse. </head> kodu öncesi ekledigimiz kodu geri alıp. ]]></b:skin> kodunu bulup onun altına ekleyiniz calışcakdır.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css"> 
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEyIiA5p1RYxC7LlpGc7R3jfju1KoCRt13Kbi_LkqHSRzMsyEFaPlYjiwDbyy5sO5Q6KzszfcWrv4wVPh73zzplZlWcjeS-3qXCce2dxOcK8aSy9sz7yiwMhE2kSJqg_wElXZANYPVMHC/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #808080;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-Yazar%C4%B1/435484996538695&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=260" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>.<a href="http://blogger-mimari.blogspot.com/"></a></span></div></div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 2

Sabit Sag menü'de duran facebook beğen eklentisi blogguma nasıl uygularım?

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.

<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj55LH5VwTS6IgmWU0TrWDJtwr83dp3kPpDt26JrHPLSxR6aSNdzviiIuFYygDCFgF8iSH8J8it5-OOF8zR8evJwIT2PXMKTbVZ68mi5FZXXkvBY3OlPRI0vz2VMT_Ev2Z7HjndUyPoOOZI/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="blogger eklentileri"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="Facebook eklentisi"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 3

Sabit Sag menü'de duran facebook beğen eklentisi blogguma nasıl uygularım?

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.

<div style="background: rgb(0, 255, 0);background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="blogger-mimari"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="facebook eklentisi"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 4

Sagdan Acılan Facebook Eklentisi Blogguma Nasıl Uygularım?

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">
img, a { border: 0; } 
#on { visibility: visible; } 
#off { visibility: hidden; } 
#facebook_div { width: 196px; 
height: 340px; 
overflow: hidden; } 
#facebook_right { 
z-index: 10005; 
border: 2px solid #3c95d9; 
background-color: #fff; 
width: 196px; 
height: 353px; 
position: fixed; 
right: -200px; } 
#facebook_right img { 
position: absolute; 
top: -2px; 
left: -35px; } 
#facebook_right iframe { 
border: 0px solid #3c95d9; 
overflow: hidden; 
position: static; 
height: 360px; 
left: -2px; 
top: -3px; } 
#facebook_left { 
z-index: 10005; 
border: 2px solid #3c95d9; 
background-color: #fff; 
width: 196px; 
height: 353px; 
position: fixed; 
left: -200px; } 
#facebook_left img { 
position: absolute; 
top: -2px; 
right: -35px; } 
#facebook_left iframe { 
border: 0px solid #3c95d9; 
overflow: hidden; 
position: static; 
height: 360px; 
right: -2px; 
top: -3px; } 
</style> 
<script type="text/javascript"> 
jQuery(document).ready(function () { 
jQuery("#facebook_right").hover(function () { 
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () { 
jQuery("#facebook_right")
.stop(true, false).animate({ right: -200 }, 500); }); 
});
</script> <br /> <div id="on"> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"> 
<div id="facebook_div"> 
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpAtml1fAC2SrvuvZYS2m2SvNfOc51E2g_T0a1gHrWG4K2wudVmMADKmsyZAaN5nhTSzPglNsQXvCshyphenhyphenn0Bfx_9eCwqLIqQ13uQtq9F3hlU6skDzPOeQvDBJ1gHLHEDcNc0asHCigP6etG/s1600/NBTfacebook_right.png" /> 
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;
width=200&amp;
height=346&amp;
colorscheme=light&amp;
show_faces=true&amp;
border_color&amp;
stream=false&amp;
header=false" style="border: none; 
height: 346px; 
overflow: hidden; 
width: 200px;">
</iframe> 
</div> 
</div></div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Blogger Arama Kutusu Ekle

noreply@blogger.com (Anonymous) — Thu, 28 Nov 2013 22:53:00 +0000

Blogger bloggunuza search arama kutusu 5 ayarı renkde olarak paylaşcam. iclerinde hangi renk size, Uygunsa onu secersiniz. uygulaması cok kolay olan search arama kutusu, aşagıda göstercegim Uygulamayla.bloggunuza ekleyebilirsiniz.

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda beyendiginiz, arama kutusunun altında'ki kodu kopyalıyım, acılan gadgetin icine yapışdırıyoruz. search arma kutusu göstermek istediginiz yere sürükleyip bırakıyoruz, işlemimiz bitmişdir..

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfXy1PXwVYYPb7a-jvFd7aZK9R3uX2aF5s7I4245KK_Gi7C-gAlfspOLuqs3P3Bc0nXGBmhyphenhypheneArFivtS6s9ENlhkHWcneUnF0pEmEx5kwrfZua5zpPf1Ra5QrY8eHNBif4St1TcfNLtzA/s1600/helperblogger.com-white.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit8S1asnFvWsU2kJ7w32cxm2EAF3C9fD4KDGgOpXT8uyhsDcxSkZA5DvETT5kQXG5wlbpmKN_TbRUm4Y-rL_k6OdDAcceNWQlg2FLMT55TUQcSFWbJEslq5M6ovI0ufvW4anDHW2GaepE/h57/helperblogger.com-blue.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfjSxyrB039VpIAq5Ynb2zJojO6obi5NXrUr8LdUIIODnSc2T7XKcgItI7Y0nhOn401i033_NhUV_O0n6f0-JZDyEgrf0YFCnikl7l6-c4PQiLTg1zlo46BfmR6HPBTVzZNgVUvbx1uDw/s1600/helperblogger.com-black.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOne_sg__xy7Stoh2B5WjK-Hbt1p-B9DjOxx5nHRW18S1XBQoYVDk0cOzywcSx3_uZMgONLdAIW0WO3nu_06Q93cx9pSaG-JkmNcG8tbbiJh1pmwgnfbZJCQEnMEkVyZqeKg7Uca-jiC4/s1600/helperblogger.com-orange.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

<style type="text/css">
#helperblogger-searchbox {
    border-radius: 5px;
    background: URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8TD6-X6C9OTREl8OACDOWJ0SSYuWEZ7C0K1tqk92WtcZ4BJ9IhwGGQ3Zuhf7AhJ-AT-TPVnfB5o7XsxzG7fTZFZWlPzoy7bi3ucPbYuvip9psWlr-dOHPBoE8ElD82xSE4KQprKdb9hM/h57/helperblogger.com-pink.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#helperblogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#helperblogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#helperblogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="helperblogger-searchbox">
    <form id="helperblogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

Blogger Önceki Sonraki Kayıtlar Yerine Resim Ekleme

noreply@blogger.com (Anonymous) — Thu, 28 Nov 2013 00:53:00 +0000

Blogger önceki sonraki kayıtlar yerine resimli yapma önceki sonraki anasayfa resimli yapma Eklentisi, paylaşcam bugun sizlere. bu eklentiyle bloggunuza güzel görünüm kazandırabilirsini. Görünüm acısında güzellik katcak bir eklenti. linklerin yerine resimli bir görüntüyle, daha hoş bir Görünüm saglamak İsterseniz. sizlere aşağıda göstercegim uygulamayı yapmanız yeterli olcak.

Blogger önceki sonraki kayıtları blogguma nasıl uygularım?

Blogger kumanda penali>Şablon>Html Düzenle>Devam Et yolunu izleyerek Ctrl + F tuş kombinasyonuyla açılan arama kutusunun yardımıyla sırasıyla aşağıda verdigim kodları aratıyoruz.

Önceki icin bu kodu arat : <data:olderPageTitle/> Bu kodu silin önceki kodunu ekleyin.
Sonraki icin bu kodu arat : <data:newerPageTitle/> Bu kodu silin sonraki kodunu ekleyin.
Ansayfa icin bu kodu arat : <data:homeMsg/> Bu kodu silin yerine anasayfa kodunu ekleyin.

Önceki Kodu Anasayfa Kodu Sonraki Kodu

Sizlere 4 stil sundum başka resim eklemek isterseniz yapmanız gereken aşağıda'ki kodları uygularsanız başka resim ekleyebilirsiniz.

<img alt='Önceki' src='resim link buraya ekleyin'/>
<img alt='Anasayfa' src='resim link buraya ekleyin '/>
<img alt='Sonraki' src='resim link buraya ekleyin'/>

Blogger En Çok Yorum Yapanlar Eklentisi

noreply@blogger.com (Anonymous) — Wed, 27 Nov 2013 13:34:00 +0000

Blogger en çok yorum yapanlar eklentisi. buloggunuz'da gelen ziyaretcilerin, ne kadar yorum yapdıgını görmenize yarar.. bu eklentiyele blogunuza yorum yapan, ziyaretcilere bir yer vermenizde. sizi takip eden ziyaretcilerinde hoşuna gitcekdir.

Sizlere aşagıda vercegim kodlarla. bloggunuza'da yorum yapan ziyaretciler icin bloggunuzun bir köşesinde, onlara yermek isterseniz. cok kolay bir şekilde bloggunuza ekleyebilirsiniz.

Eklenti Bloggunuza Nasıl Eklerini?

Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izleyin ve aşağıda'ki kodları ekleyin.

<style type="text/css">
.top-commenter-line {margin: 3px 0;}
.top-commenter-line .profile-name-link {padding-left:0;}
.top-commenter-avatar {vertical-align:middle;}
</style>
<script type="text/javascript">
// CONFIG:
var maxTopCommenters = 8;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "someotherusertoexclude"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 28;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHjkKyYYQTo3DFkSiIT1c1hTVQOnmXsiWNZMNVwH2jtcRhU1zyUsWHfsWaUoDAdE1dmGt9KJt3PEN_DNcGhFRywDS5XcgJfeE8AP1EZ8O9mPvcIfvlzOOY_4rQ2udqhef7b3kIqjT9fI/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;

  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;

  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");

  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';

  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';

  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}

var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();

  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }

  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);

      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;

    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;

    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }

  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);

  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });

  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
} 
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

Yukarda Kırmızı ile belirtdigim yerleri kendinize göre ayarlamanızla, işleminiz bitmiş olacakdır.

Kodlar icersinde degişdirmemiz gereken yerler?

var maxTopCommenters = 8; Kodu ile göstermek istediğiniz kullanıcı sayısını
var sizeAvatar = 28; Kodu ile kullanıcı avatarlarının boyutlarını belirleyebilirsiniz.

Blogger Son Yazılar Eklentisi

noreply@blogger.com (Anonymous) — Tue, 26 Nov 2013 11:22:00 +0000

Blogger son yazılar eklentisi. animasyonlu kayan üstüne gelinde dönme efekli olan, bu eklentiyle bloggunuza görsellik'de güzel görünüm kazandıra bilirsiniz. cok basit bir şekilde bloggunuza ekleyebilirsiniz. aşagıda göstercegim uygulamayı yapdıkdan sonra, kulanmaya başlayabilirsini.

1 Adım : Blogger konturol paneli gidin. Şablon kısmını seçerek Html düzenle diyoruz. Ctrl F yardımı ile açılan kod kutusuna </head> kodunu buluyoruz. buldugumuz </head> kodu öncesi aşagıda verdigim kodu ekliyoruz. şablon kaydet diyip cıkıyoruz...


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

2 Adım : Kumanda Paneli>Tasarım>GAdget Ekle>Html/Javascript yolunu izleyip aşşağıdaki kodu Kopyalayıp açılan gadgetimizin içine yapıştırın.

<style type="text/css" media="screen">
<!--

/* ==Son Yayınlar Eklentisi  ==== */

#helperblogger-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 385px;
}

#helperblogger-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#helperblogger-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8j3SC2hObCir42GCmafMM5CILPY6acqpUIThSBCbP5hp3EgNmADG8OT-By4mxvSMk6ZGIe0FjDMlgBvbtIhLN4cggeA9EtklTvTHK75HqmH_q8E80lYcnDdtz8D3emGibg53_m-fzSo/s1600/helperblogger.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
}

#helperblogger-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
}

#helperblogger-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
}

#helperblogger-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#helperblogger-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

.spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
}

.spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
}

/* === Son Yayınlar Eklentisi http://blogger-mimari.blogspot.com/ ==== */

-->
</style>

<script language='JavaScript'> 
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaOIK0N4787HGe6NnSFDSe4SbCAGiyZir1W1cDlgyVT_LyJBfIldvNfeD4qdIXa-eVuH1HOGpoziV0E27pUChkcV8hBjcSN9RAwyWYcjbUNY_Yp1mCAQjgQaeyR0oTeGWNFabP4i_FgM/s1600/no-thumbnail.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaOIK0N4787HGe6NnSFDSe4SbCAGiyZir1W1cDlgyVT_LyJBfIldvNfeD4qdIXa-eVuH1HOGpoziV0E27pUChkcV8hBjcSN9RAwyWYcjbUNY_Yp1mCAQjgQaeyR0oTeGWNFabP4i_FgM/s1600/no-thumbnail.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaOIK0N4787HGe6NnSFDSe4SbCAGiyZir1W1cDlgyVT_LyJBfIldvNfeD4qdIXa-eVuH1HOGpoziV0E27pUChkcV8hBjcSN9RAwyWYcjbUNY_Yp1mCAQjgQaeyR0oTeGWNFabP4i_FgM/s1600/no-thumbnail.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaOIK0N4787HGe6NnSFDSe4SbCAGiyZir1W1cDlgyVT_LyJBfIldvNfeD4qdIXa-eVuH1HOGpoziV0E27pUChkcV8hBjcSN9RAwyWYcjbUNY_Yp1mCAQjgQaeyR0oTeGWNFabP4i_FgM/s1600/no-thumbnail.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUaOIK0N4787HGe6NnSFDSe4SbCAGiyZir1W1cDlgyVT_LyJBfIldvNfeD4qdIXa-eVuH1HOGpoziV0E27pUChkcV8hBjcSN9RAwyWYcjbUNY_Yp1mCAQjgQaeyR0oTeGWNFabP4i_FgM/s1600/no-thumbnail.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 15;
acolor = "#666";
aBold = true;
icon = " ";
text = "yorum";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://blogger-mimari.blogspot.com/";
limitspy=4;
intervalspy=4000;
</script>

<div id="helperblogger-widget">
<script src='http://code.helperblogger.com/recent-posts-spy.js' type='text/javascript'></script>
</div>

Kodlar İcersinde Degişebilceginiz Yerler Kırmızı İle Belirtdigim Yerleri Degişdirebilirsiniz.

numposts = 10 Kactane mesaj sayısı göstermek istiyorsanız bunla ayarlayın.
limitspy = 4; Mesaj Sayısı widget görünmesini bundan ayarlayabilirsiniz.
intervalspy = 4000, Widget Kaydırma hızı, bundan ayarlayabilirsiniz.
http://blogger-mimari.blogspot.com Adresi yerine kendi adresinizi yazınız.

Demo görüntüsüne bakmak isterseniz burdan bakabilirsiniz. DEMO

King SEO – V1 Full Seo Teması

noreply@blogger.com (Anonymous) — Tue, 26 Nov 2013 02:56:00 +0000

King SEO – V1 Full Seo Teması
Bugun Wep de gezerken, raslagım King Seo V1 Teması cok hoşuma gitdi, sizlerle paylaşmak istedim. full Seo dayanarak yapılmış bu tasarım. görsel görünümüde cok güzel. Seo Uyumlu yapılması tema kulanıcılarına, fayda saglıyacak bir tasarım olmuş. Sosyal Medya eklentileri iyi desteklenmiş bir tasarım.

Tasarımcı : King Seo / Can Doğan.
Yapım Tarihi : 6 Temmuz 2012

Temanın Seo Özelikleri

Logonun title anahtar kelime olur.
Anasayfa yazısının title anahtar kelime olur.
Bazı sabit resimlerin alt etiketi anahtar kelime olur.
Tema da performans ve hız ön planda tutulmuştur ve Css Sprite tekniği ile kodlanmıştır.
Temada sosyal medya paylaşımlarına ve kullanımına ağırlık verilmiştir.

Kullanılması Zorunlu Eklentiler

WP Page Numbers
WP Postviews
WP Facebook Like
WP Tweet Button
Contextual Related Posts

Kullanılması Önerilen Eklentiler

antispam bee
contextual-related-posts
google-image-sitemap
google-sitemap-generator
gzippy
scripts-gzip
secure-wordpress
seo-automatic-links
seo-image
wp-page-numbers
yorum-onay-bildirgeci

İndir Demo Eklentileri İndir

Tema Hakkında Destek ve bilgi almak isterseniz bu adres'den alabilirsiniz. King Seo

Super Seo Blogger Teması

noreply@blogger.com (Anonymous) — Mon, 25 Nov 2013 20:31:00 +0000

Blogger Süper Seo Teması. Tema Görüşü Basit Gibi Görünebilir, Burda'ki Amac İçerige Önem Vermek. Temayı Öne Cıkarnmak Deyil Amac. Tasarlayan Tema Görünüşüne Önem Vermek İstememiş. Seo Uyumlu Ve İçeriklerle Öne Cıkmasını İstemiş, Hızlı Sayfa Geçişili Hoş Bir Tema.

Tarihi : Kasım 2012
Tasarımcı : Kang Ismet
Tema Özellikler : Header Başlığının Üzerinde ve Altında 2 Adet menü, Yine header kısmında 468x60 Reklam Alanı, Breadcrumb, Benzer Yazılar, otomatik Devamını oku ve Yorumlarda Cevaplama Özelliği, %100 seo Uyumu, Basit ve Hızlı Sayfa Tasarımı, Sosyal Paylaşım Butonları.

Demo İndir

Blogger icin Google Sitemap oluşdurma

noreply@blogger.com (Anonymous) — Mon, 25 Nov 2013 14:34:00 +0000

Sitemap Bir wep Sitesinin Haritasıdır. Arama Motorları Sitenizi Daha Hızlı İndexlemesine Yarar. Ve Konularınızın, Hepsini İndexlemesini Yapar.

Blogger Google Sitemap'lar Aşagıda Gösterdigim Tarzdadır.

blogger-mimari.blogspot.com/feeds/posts/full
blogger-mimari.blogspot.com/feeds/posts/default?orderby=updated
blogger-mimari.blogspot.com/feeds/comments/default?alt=rss

Ancak İşlem Bu'kadarla Bitmiyor. Bunlar Sitenizin Tüm Konularını, İndexlemeye İşleminde Yetersiz Kalıyor, Tüm Konularınızın İndexlenmesi İcin Farklı Sitemap Yöntemleri'de Kulanmalıyız. Aşagıda Göstercegim, Blogger Google Sitemaplar'dan Sizlere Uygun Olanıda Göndermelisiniz.

Eğer blogunuzda 500’den az yazı varsa sitemap: blogger-mimari.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
Blogunuzda 500-1000 arası yazı varsa sitemap: blogger-mimari.blogspot.com/atom.xml?redirect=false&start-index=501&max-results=500

Google Wep Yöneticisine Sitemap Göndermek.

Google Wep Yöneticisi Merkezine Giderek Oturum Acın.

2. Sitemap Yolayacagınız Bloggu Seçin.

3. Solda'ki Menü'den Optimizasyon Tıklayın Acılan Yerde > Site Haritasları Acın.

4. Site Haritası Göndermek/Test Etme Butonuna basarak Açılan Kutuya Eklemek İstediğiniz Site Haritasını yazın.

Uygulamamız Bitmişdir. Blogger Mimarı, İyi Günler Diler.

Blogger popüler yayınlar numaralandırma eklentisi

noreply@blogger.com (Anonymous) — Mon, 25 Nov 2013 12:38:00 +0000

Blogger Popüler Yayınlar Nubaralandırma Eklentisi. Bloggunuza Güzel Görünüm Kazandırcak Olan Bu eklenti, Cok Kolay Bir Yöntemle Bloggunuz'da Ekleyebilirsiniz. Aşagıda Göstercegim Yolu İzleyerek Bloggunuza Ekleyebilirsiniz.

Blogger Kumanda Paneline Gidin.
Gadget Ekle Diyiniz.
Listeden Popüler Yayınları Seçin.
Aşagıda Resimde Gösterdigim Gibi Popüler Yayınları Ayarlayın.

Yukarda Ki Uygulamayı Ayarladıkdan Sonra Sıra Kodumuzu Eklemeye Geldi.

Blogger Şablona Git.
Şablonuzu Her İhtimale Karşı Yedekleyin.
Html Düzenleyi Tıklayın.

Ctrl F yarımıyla ]]></b:skin> Kodunu Aratın Buldugunuz ]]></b:skin> Kodu Öncesi Size Aşagıda Verdigim Kodları Ekliyorsunuz, Şablon Kaydet Diyip Çıkıyorsunuz.

/*--- blogger-mimari Popular yaynlar --- */.popular-posts ul {padding-left: 0px;counter-reset: popcount;}.popular-posts ul li:before {list-style-type: none;margin-right: 15px;padding: 0.3em 0.6em;counter-increment: popcount;content: counter(popcount);font-size: 16px;background: #292D30;color: #ffffff;position: relative;font-weight: bold;font-family: georgia;float: left;border: 2px solid #dddddd;box-shadow: 1px 2px 9px #666666; }.popular-posts ul li {border-bottom: 1px dashed #dddddd;}.popular-posts ul li:hover {border-bottom: 1px dashed #696969;}.popular-posts ul li a {text-decoration:none; color:#5A5F63;}.popular-posts ul li a:hover {text-decoration:none;}

Yukarda Kırmızı İle Belirledigim Yerleri, Kendinize Göre Ayarlaya'bilirsiniz. İşlemimiz Bitmişdir. İyi Çalışmalar.

Dönme Efekli Sosyal Paylaş Eklentisi

noreply@blogger.com (Anonymous) — Sun, 24 Nov 2013 18:51:00 +0000

Blogger Dönme Efekli Sosyal Paylaş Eklentisi. Blogunuza Şıklık Katcak Bir Eklenti, Blogunuzun Sosyal Medyada Ziyaretci Sayınızı Artdırmaya, Katkısı Olcak Bu Eklentiyi Beyendiyseni Cok Basit Bir Yöntemle Blogunuza Ekleyebilirsiniz. Simdi Uygulamamıza Başlayalım.

Eklentiyi Blogunuzda Kullanmaya Karar verdiyseniz. Blogger Kumanda Paneline Girdikten Sonra
Yerleşim > Gadge Ekle > HTML/JavaScript Gadget Yolunu İzleyerek Aşağıdaki Kodları Eklemeniz Yeterli.

<!--Blogger-mimari Metro Spinning Sosyal Takip Eklentisi-->
<div class="subscribe"> 
<ul> <li class="rss"><a href="http://feeds.feedburner.com/blogger-mimari" target='_blank'><span></span>RSS</a></li> 
<li class="twitter"><a href="https://twitter.com/blogger-mimari" target='_blank'><span></span>Twitter</a></li> 
<li class="gplus"><a href="https://plus.google.com/u/0/102975544316893716314" target='_blank'><span></span>Google Plus</a></li> 
<li class="facebook"><a href="https://www.facebook.com/Blogger.mimari" target='_blank'><span></span>Facebook</a></li> </ul> 
</div> 
<style> 
.subscribe li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.subscribe li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-webkit-transform: rotate(-20deg); 
transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.subscribe .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VwlmYb6qF9Zzl0BA3t7Ig5lQMuPmiizAx0w09yJ8fP-auw2fn1mik_m2ZxPcsajZmic9utjx7F1e7bd_Muy0_vncGWJ3ZbZG8uY7WAr_zCEHKOe_lyx8oQz5EAfm-ZmMD1XGYqw3boU/s1600/twitter_icon.png) no-repeat; 
} 
.subscribe .twitter a { 
background: #91C661; 
} 
.subscribe li a:hover span { 
transform:rotate(340deg); 
-webkit-transform:rotate(340deg);    
}    
ol, ul { 
list-style: none outside none; 
} 
.subscribe li { 
display: block !important; 
margin-right: 0 !important; 
width: auto !important; 
} 
.subscribe li { 
display: inline-block; 
margin: 0 20px 10px 0; 
position: relative; 
width: 200px; 
} 
.subscribe .rss span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzpxalaLUOsg3_SFqDhCt-OJez8GJ3rTfOepZHx4r0slwAZnue6adPiPu4q5lnDWvyYi0qv9wb_F8oAXJJilbuo8skJCBuu9RUUlLWLEkWvb8mdhsoRYy3WTWiowvVnd-kzJtxffEsUEQ/s1600/rss-icon.png) no-repeat; 
} 
.subscribe .rss a { 
background: #F67F00; 
} 
.subscribe li a { 
color: #FFFFFF; 
display: block; 
font-family: verdana; 
font-size: 12px; 
padding: 10px 10px 10px 40px; 
text-decoration: none; 
font-weight: bold; 
} 
.subscribe li a span { 
display: block; 
height: 32px; 
left: 0; 
position: absolute; 
top: 2px; 
transform: rotate(-20deg); 
-webkit-transform: rotate(-20deg); 
transition-duration: 0.8s; 
-webkit-transition-duration: 0.8s; 
transition-property: all; 
width: 32px; 
} 
.subscribe li a:hover span { 
transform:rotate(340deg); 
-webkit-transform:rotate(340deg); 
}  
.subscribe .twitter span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8VwlmYb6qF9Zzl0BA3t7Ig5lQMuPmiizAx0w09yJ8fP-auw2fn1mik_m2ZxPcsajZmic9utjx7F1e7bd_Muy0_vncGWJ3ZbZG8uY7WAr_zCEHKOe_lyx8oQz5EAfm-ZmMD1XGYqw3boU/s1600/twitter_icon.png) no-repeat; 
} 
.subscribe .twitter a { 
background: #91C661; 
} 
.subscribe .gplus span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglNP_GRZr__NADtaeEoKSYnazfQhLPwfIRWvL_iguFXQoEkRJPydHnNJWjPNDtMnSwc3ResVQrrTGAR23Yf93WmaILjr0kbcExQ2fQogezw2ac35cJkxwRtS4DTxtCdJvPPiFpSZcozJI/s1600/googleplus.png) no-repeat; 
} 
.subscribe .gplus a { 
background: #D74D2F; 
} 
.subscribe .facebook span { 
background-color: transparent; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcyfstQ0ZAVBrekFYnKD_t7Pmd9wlDaKB6r4A8eCVbB3_QgoAbEF5BH7OVcqr8Zgpv4dB3t8cS_YOgoYZom89BFrYiaapBW_-KOhuR3axRtn6cIcnXDxcH1xr8zb58_a-O1tUFaeyGsyw/s1600/facebook-icon.png) no-repeat; 
} 
.subscribe .facebook a { 
background: #3B5998; 
} 
</style>
<!--http://blogger-mimari.blogspot.com/  Sosyal Takip Eklentisi-->

Yukarda Kırmızı İle İşaretledigim Yerleri Kendi İd Giriniz. Blogger-Mimari İyi Günler Diler.

Not Bu Eklenti : Blog Hocam Blogundan Alınmışdır.