Sosyal Medya Butonları

Sosyal medya butonları biz web sitesi sahipleri için vazgeçilmezlerimizdendir.Gün geçtikçe yenisi çıkan artık hızına yetişemediğimiz sosyal medya butonlarına bende bir yenisini eklemek için kollarımı sıvadım.

Size hem kullanışlı ve hemde tasarım olarak çok güzel bir eklenti buldum.Üstelik bu ekleti de responsive özelliği de mevcut.Yani telefonda,tablette,bilgisayarda sorunsuz bir şekilde çalışmaktadır.

Hiç uzatmadan kodlara ve anlatıma geçelim.

İlk önce Şablon > Html'yi düzenle yolunu takip ederek kodlarınmızın olduğu alana ulaşıyoruz.
Daha sonra CTRL+F butonları yardımı ile aşağıdaki kodu arıyoruz.

<data:post.body/>

Bulduğunuz kodun altına aşağıda vereceğim kodu kopyalayıp yapıştırıyoruz.
Vermiş olduğum koddan birkaç tane olabilir tek tek deneyerek doğru olanı bulabilirsiniz.

<b:if cond='data:blog.pageType == "item"'> <link href='https://googledrive.com/host/0B3omcK7jIprqRm95VVpQZDJHRzQ' rel='stylesheet'/> <div class="wpr">
 <a class="social" id="twitter" href="your-twitter-account-link" title=""> <div class="icon">
</div>
<div class="shutter_frame">
 <div class="shutter">
 <div class="number">
1189</div>
<div class="bar">
</div>
<div class="text">
followers</div>
</div>
</div>
</a> <a class="social" id="google" href="your-google-plus-account-link" title=""> <div class="icon">
</div>
<div class="shutter_frame">
 <div class="shutter">
 <div class="number">
421</div>
<div class="bar">
</div>
<div class="text">
+1</div>
</div>
</div>
</a> <a class="social" id="facebook" href="your-facebook-account-link" title=""> <div class="icon">
</div>
<div class="shutter_frame">
 <div class="shutter">
 <div class="number">
973</div>
<div class="bar">
</div>
<div class="text">
Like</div>
</div>
</div>
<!-- / .shutter_frame --> </a> </div>
<!-- / .wpr --> <div style="text-align: right;">
 <a href="http://gg.gg/ikz3" rel="nofollow" target="_blank" title="Get This Widget"><span style="font-size: x-small;">get</span></a></div>
<br /> </b:if>

Kod içerisinde değiştirilmesi gereken yerler:

Kodları kopyalayıp yapıştırdıktan sonra aşağıdaki işlemleri yapınız.

your-twitter-account-link yazan yere twitter profil linkiniz gelecek.
your-google-plus-account-link yazan yere google+ profil linkiniz gelecek.
your-facebook-account-link yazan yere facebook profil linkiniz gelecek.

Son olarak ise aşağıdaki kodu kopyalayıp </body> kodunun hemen üzerine yapıştırıp kaydediyoruz.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'/> <script src='//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'/> <script> $(document).ready(function() { $('.social').hover( function() { $(this).find('.shutter').stop(true, true).animate({ bottom: '-36px' }, { duration: 300, easing: 'easeOutBounce' }); }, function () { $(this).find('.shutter').stop(true, true).animate({ bottom: 0 }, { duration: 300, easing: 'easeOutBounce' }); } ); }); </script>

Yapamadığınız noktaları yorum bölümünden yada iletişim bölümünden sorabilirsiniz.

Sosyal Medya Eklentili Yazar Hakkında Widget

Blogger Yazar Profili Eklentisi

Yine çok kaliteli bir eklenti ile karşınızdayım.Bu eklentimiz Yazar profili eklentisi olup üstelik sosyal medya hesaplarınızı da hemen profilinizin altında sergilemenize olanak sunuyor.Yani hem sizin hakkınızda kısa açıklamanızı yazabilir hemde ziyaretçilerinize sosyal medya beğenileri yaptırabilirsiniz.Bence diğer yazar profili eklentilerinden çok kaliteli ve kullanışlı olan bu eklentinin hiç zaman kaybetmeden özizlemsini ve kodlarını sizinle paylaşmak istiyorum.

<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'/>
<style>
.wgauthr-widget {
background:#fff;
background-color:#fff;
overflow:hidden;
position:relative;
margin-bottom:30px;
padding:10px 26px;
}

.wg-crnrbckgr:before {
content:"";
position:absolute;
top:0;
right:0;
z-index:40;
background:#658E15;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
box-shadow:0 1px 1px rgba(0,0,0,0.08), -1px 1px 1px rgba(0,0,0,0.08);
display:block;
width:0;
border-color:#fff #eee #fff #fff;
border-style:solid;
border-width:0 16px 16px 0;
}

.wg-crnrbckgr {
position:relative;
background-color:#47C2DC;
height:90px;
background-repeat:no-repeat;
background-position:center center;
-webkit-background-size:cover!important;
-moz-background-size:cover!important;
-o-background-size:cover!important;
background-size:cover!important;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtrg
img {
height:80px;
width:80px;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtinfo
span {
display:block;
letter-spacing:1px;
text-transform:uppercase;
}

.wg-avtlninfoaa {
font-size:14px;
line-height:21px serif,font-weight:normal,color:#666;
padding:22px 25px 8px;
}

.dwnlin {
margin-top:6px;
text-align:center;
border-top:2px solid #eee;
padding:8px 25px;
}

.wgauthr-widget.wgathrlns {
background:#fff;
margin-bottom:30px;
padding:0;
}

.wg-golblue {
width:100%;
height:50px;
padding:0 0 0 30px;
}

.wg-goliconn {
background:#47C2DC;
width:44px;
height:44px;
border-radius:10000px;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
cursor:pointer;
float:left;
margin-right:5px;
}

.wg-goliconn:hover {
background:#ddd;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

.wg-goliconn img {
padding-top:5px;
padding-left:5px;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtrg,.wgavtrg {
position:absolute;
bottom:-20px;
left:30px;
border-radius:50%;
overflow:hidden;
background-color:#fff;
border:5px solid #fff;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtinfo,.wgavtinfo {
padding-left:130px;
padding-top:46px;
color:#fff;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtinfo .wgurnaam,.wgurnaam {
font-size:14px;
line-height:16px;
}

.wgauthr-widget.wgathrlns .wg-crnrbckgr .wgavtinfo .wgurju,.wgurju {
font-size:10px;
}
</style>




<div class="wgauthr-widget wgathrlns">
<div class="wg-crnrbckgr" style="background-image: url(http://i.hizliresim.com/YjYmLk.jpg)">

<div class="wgavtrg">
<img alt="Birsorumolacak" src="http://i.hizliresim.com/89q8kn.jpg" /></div>
<div class="wgavtinfo">
<span class="wgurnaam">Yazarın İsmi</span>
<span class="wgurju">Kısa açıklama</span></div>
</div>
<div class="wg-avtlninfoaa">
Kendiniz hakkındaki bilgileri bu bölüme yazınız. </div>
<div class="dwnlin">
</div>
<div class='wg-golblue'>
<div class='wg-goliconn'>
<a href='http://www.facebook.com/#' target='_blank'><img border='0' src='http://1.bp.blogspot.com/-H38kJ5PSU-k/Uin2qt9WW0I/AAAAAAAAAP8/W5Wmpt42xwY/s1600/facebook.png'/></a></div>
<div class='wg-goliconn'>
<a href='http://www.twitter.com/#' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-B3UXsAyQbdw/Uin2scG5PKI/AAAAAAAAAQU/zcSj3UljGCw/s1600/twitter.png'/></a></div>
<div class='wg-goliconn'>
<a href='http://www.plus.google.com/#' target='_blank'><img border='0' src='http://3.bp.blogspot.com/--Pp4ZjOu4Ew/Uin2qgGT5zI/AAAAAAAAAP4/sMX3HGgzctE/s1600/google+.png'/></a></div>
<div class='wg-goliconn'>
<a href='http://www.youtube.com/#' target='_blank'><img border='0' src='http://3.bp.blogspot.com/-2KJ18EdFkdM/Uin2sS-cP1I/AAAAAAAAAQQ/7Vv8-WQWRQo/s1600/youtube.png'/></a></div>
<div class='wg-goliconn'>
<a href='http://feeds.feedburner.com/#' target='_blank'><img border='0' src='http://2.bp.blogspot.com/-aVX-dCRSr-A/Uin2qzynvOI/AAAAAAAAAQI/l-Mn8lg6sPs/s1600/rss.png'/></a></div>
</div>
</div>

Kod içerisinde değistirilmesi gereken yerler:

Not:Aşağıdaki bölümleri kod içerisinde Ctrl+F yardımı ile bulup değiştirebilirsiniz.

1/ http://www.plus.google.com/# ( # işareti yerine google + Id'niz)

2/ http://www.youtube.com/# ( # işareti yerine youtube Id'niz)

3/ http://feeds.feedburner.com/# ( # işareti yerine Rss Id'niz)

4/ http://www.twitter.com/# ( # işareti yerine Twitter Adresiniz)

5/ http://www.facebook.com/# ( # işareti yerine Facebook Id'niz)

6/ http://i.hizliresim.com/89q8kn.jpg yerine kendi profil fotoğrafınız.

7/ Son olarak da benim bilgilerim yerine kendi bilgilerinizi girin ve keyfini çıkarın.

8/ Vermiş olduğum kodu Yerleşim Gadget ekle Html/Javascript bölümünden ekleyebilirsiniz.

Yapamadığınız bölümleri butonunu kullanarak sorabilirsiniz.

Sekmeli Sosyal Medya Widget

Sekmeli Sosyal Medya Eklentisi

Arkadaşlar bugüne kadar birçok eklenti paylaştım.Fakat bence içlerinde en kullanışlı olanı bence bu eklenti.Neden diye soracak olursanız birçok sosyal medya eklentisi hem bir arada hemde sekmeli olduğu için fazla yer kaplamamış oluyor.Yani birçok sosyal medya hesabınızı bir arada kullanma fırsatı bulmuş oluyorsunuz.Vakit kaybetmeden hemen önizlemesini ve kodlarını sizinle paylaşmak istiyorum.

<style>
    /* Tabbed Social Widget By Helper Blogger - helperblogger.com */
    /* CSS Code Start */
    
    ul.tabs {
        padding: 7px 0;
        font-size: 0;
        margin: 0;
        list-style-type: none;
        text-align: left;
    }
    ul.tabs li {
        display: inline;
        margin: 0;
        margin-right: 3px;
        /*distance between tabs*/
    }
    ul.tabs li a {
        font: normal 12px Verdana;
        text-decoration: none;
        position: relative;
        padding: 25px 10px 0px 10px;
        border: 1px solid #CCC;
        border-bottom-color: #B7B7B7;
        color: #000;
        background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
        border-radius: 3px 3px 0 0;
        outline: none;
    }
    ul.tabs li a:visited {
        color: #000;
    }
    ul.tabs li a:hover {
        border: 1px solid #B7B7B7;
        background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK9ojTdGS0abG0steH2xcleIDWoDZrRTK7Lu1TdofushYjwNG3NtrsoxXuuIVWKZiMU6mTn2Er9s4fMYDlyxjXNJFrVAiBzz0CT5tnZl3uhDSikdGe60_FQChY8_l6PlwnOBoEkd255-4/s1600/hb-tabbg.gif) 0 -50px repeat-x;
    }
    ul.tabs li.selected a,
    ul.tabs li.selected a:hover {
        position: relative;
        top: 0px;
        font-weight: bold;
        background: white;
        border: 1px solid #B7B7B7;
        border-bottom-color: white;
    }
    ul.tabs li.selected a:hover {
        text-decoration: none;
    }
    div.tabcontents {
        border: 1px solid #B7B7B7;
        padding: 10px;
        background-color: #FFF;
        border-radius: 0 3px 3px 3px;
        margin-top: -7px;
    }
    /* Tabbed Social Widget By Helper Blogger - helperblogger.com */
    /* End Code Start */
</style>


<script src="http://helperblogger.ucoz.com/code/hb-tabbed-social-widget.js" type="text/javascript"></script>
<ul class="tabs">
<li class="selected">
        <a href="#view1">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV6GxTaN6FWQlj-9W7H8E5imxRHXMeUPMrQl2aCGezcbf0v-_EBp0qV9nyQDnOs1KgOfa6waOHv6ny4NBDoKDqLHdMKtIF7C255mF36xwjQ6OEvs_FZ8XTZSSL7V54dgYHFCQHlEoIw6s/s1600/helperblogger.com-fb.png" height="32" width="32" />
        </a>
    </li>
<li>
        <a href="#view2">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGQolhMSvxbAFgW1K7VaCyZOS0UL1dffq7vwL6aInN-W6gytTL3STeP4zkbP3Nw1pKqJgTxSjXYN32YN0FlOnyI5oa1LqIePVBThFxhAYHkr18yBwKmzoX0YpLFCG-QunjOXvQAUZFMg/s1600/helperblogger.com-twitter.png" height="32" width="32" />
        </a>
    </li>
<li>
        <a href="#view3">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7LXAz2Yt-bMFFZguqYUowY2Kp13nAojFTjfryBQ_jnHjq73zxcX7aLYijy4NZXYspfsL4oqrJSUDPDJkJ1jXR1xbVBNGLJ2w3Ngtm4Kpmys3ukx717Dxj89H3TDMVwoMXMLmzgHWaYnI/s1600/helperblogger.com-gplus.png" height="32" width="32" />
        </a>
    </li>
<li>
        <a href="#view4">
            <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkhh07FhMhW9l44gdUv8bGqKlngG5JNRAlKLprmFwyS-oA0fza-6kre_WXA_pSUHy4LLBP20QCG1eCojoeDXIVSjaqd3NnNbmo909RC1cDMZIElEbWfRsG-Cta7f3wM6qVbUF2eIlwyrc/s1600/helperblogger.com-pinterest.png" height="32" width="32" />
        </a>
    </li>
</ul>
<div class="tabcontents">
    <div id="view1">
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F408085549280135&width=285&height=180&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=409936535724253" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:250px;" allowtransparency="true"></iframe>
    </div>
<div id="view2">
        <div id="twitter-box">
</div>
<script>
            var tw_user = 'Mcahitp';
            var tw_width = 260;
            var tw_height = 250;
            var no_face = 8;
            (function() {
                var tw_box = document.createElement('script');
                tw_box.type = 'text/javascript';
                tw_box.async = true;
                tw_box.src = '//helperblogger.ucoz.com/code/hb-twitter.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
            })();
        </script>
    </div>
<div id="view3">
        <script src="https://apis.google.com/js/platform.js" async defer></script>
        <div class="g-person" data-width="250" data-href="//plus.google.com/u/0/+MücahitPolat1992/posts" data-layout="landscape" data-rel="author">
</div>
</div>
<div id="view4">
        <a href="http://pinterest.com/mcahitpolat/">
            <img src="http://passets-cdn.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" />
        </a>
    </div>
<div style="clear: both; text-align: right;">
        <span style="font-size: xx-small;"></span>
    </div>
</div>

Kod içerisindeki değiştirilmesi gereken noktalar:

1/Facebook için 408085549280135 yazan yere kendi Id'nizi
2/Twitter için Mcahitp yazan yere kendi kullanıcı adınızı
3/Google+ için +MücahitPolat1992/posts yazan yere kendi Id'nizi
4/Pinterest için mcahitpolat/ yazan yere kendi Id'nizi

Yazmayı sakın unutmayın aksi takdirde sonuç alamazsınız.

Yapamadığınız Noktaları Butonunu kullanarak mesaj gönderebilirsiniz.

Hover Efektli Mini Sosyal İkonlar >>

Mini Sosyal İkonlar

Tasarımı ve kullanılabilirliği ile göz kamaştıran bu mini sosyal ikonları eminim sizde web sitenizde kullanmak isteyeceksiniz.Üstelik bu ikonlar hover efektli ve bence hem yazılarınızın altında hemde slidebarınızda çok şık duracak.Kurulumu kolay olan mini sosyal ikonları web sitenizin istediğiniz her yerinde kullanabilirsiniz.İsterseniz hemen önizlemesini ve kodları sizlerle paylaşalım.

1.Örnek:

<ul class="spicesocialwidget">
<li class="facebook">
<a rel="nofollow" href="http://www.facebook.com/" rel="external" title="facebook">
</a></li>
<li class="googleplus">
<a rel="nofollow" href="https://plus.google.com/" rel="external" title="googleplus">
</a></li>
<li class="twitter">
<a rel="nofollow" href="http://twitter.com/" rel="external" title="twitter">
</a></li>
<li class="rss">
<a rel="nofollow" href="http://feedburner.com/" rel="external" title="rss">
</a></li>
<li class="linkedin">
<a rel="nofollow" href="http://www.linkedin.com/" rel="external" title="linkedin">
</a></li>
<li class="youtube">
<a rel="nofollow" href="http://www.youtube.com/" rel="external" title="youtube">
</a></li>
</ul>
<style>
ul.spicesocialwidget {float:right;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZXdi4XiRfXhFC6bxmtAVm2wuY5bSVejX6eNWJzXLYz9DR649VOHa9O79NDPmnI0nLkAz24nArZqMjXkkw6qrhj5bt0Ei_5Vwd5w04Yg7RiIeMWQfJ6iKXuuGyrfjnJuOGn7WJ16wrIEI/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtZXdi4XiRfXhFC6bxmtAVm2wuY5bSVejX6eNWJzXLYz9DR649VOHa9O79NDPmnI0nLkAz24nArZqMjXkkw6qrhj5bt0Ei_5Vwd5w04Yg7RiIeMWQfJ6iKXuuGyrfjnJuOGn7WJ16wrIEI/s1600/spice-social-gadget-sprite.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 0}
ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
ul.spicesocialwidget li.rss a{ background-position:-192px 0}
ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
</style>

2.Örnek

<style>
.social-follow ul li{border: 1px solid rgb(226, 226, 226);display:inline;float:left;overflow:hidden; margin-left: 5px;}
.social-follow ul li .icon{background-image:url(https://googledrive.com/host/0B8D3MQmcZTyvU1AteFRZSjVLdWs);}
.social-follow ul li a{background:#F1F1F1;float:left;transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s;width:30px;height:30px;}
.social-follow .facebook{background-position: 0 0px !important;}
.social-follow .facebook:hover{background-color:#3b5997; background-position:0px -30px !important;}
.social-follow .twitter{background-position:-30px -60px !important;}
.social-follow .twitter:hover{background-color:#00aced; background-position:-30px -90px !important;}
.social-follow .g-p{background-position:-88px -60px !important;}
.social-follow .g-p:hover{background-color:#dd4b39; background-position:-88px -90px !important;}
.social-follow .pinterest{background-position:-60px -60px !important;}
.social-follow .pinterest:hover{background-color:#cb2027; background-position:-60px -90px !important;}
.social-follow .youtube{background-position:-120px -60px !important; width:55px !important;}
.social-follow .youtube:hover{background-color:#ff0000; background-position:-120px -90px !important;}
.social-follow .linkedin{background-position:-173px -61px !important;}
.social-follow .linkedin:hover{background-color:#006699; background-position:-173px -91px !important;}
.social-follow .rss{background-position:-204px -61px !important;}
.social-follow .rss:hover{background-color:#ff6600; background-position:-204px -90px !important;}
</style>
<div class="social-follow">
<ul>
<li><a class="facebook icon" href="http://www.facebook.com/408085549280135" target="_blank"></a></li>
<li><a class="g-p icon" href="https://plus.google.com/u/0/+M%C3%BCcahitPolat1992/posts" rel="author" target="_blank"></a></li>
<li><a class="twitter icon" href="http://www.twitter.com/Mcahitp" target="_blank"></a></li>
<li><a class="pinterest icon" href="http://www.pinterest.com/mcahitpolat" target="_blank"></a></li>
<li><a class="youtube icon" href="http://www.youtube.com/user/Birsorumolacak.blog" target="_blank"></a></li>
<li><a class="linkedin icon" href="http://www.linkedin.com/in/Birsorumolacak" target="_blank"></a></li>
<li><a class="rss icon" href="http://feeds.feedburner.com/Birsorumolacak" target="_blank"></a></li>
</ul>
</div>

Bu kodu Yerleşim > Gadget ekle ardından Html/Javascript bölümüne eklemeniz yeterli olcaktır.

Kod içerisinde http://www.facebook.com/ ve benzeri bölümlere kendi sosyal medya hesaplarınızı eklemeyi unutmayınız.Aksi takdirde sonuç alamazsınız.

Yapamadığınız Noktaları Butonunu kullanarak mesaj gönderebilirsiniz.

Blogger Popüler Yayınlar Eklentisi {Hover}

Blogger Popüler Yayınlar Eklentisi {Hover} Efektli

Yine yine yine kaliteli bir popüler yayınlar eklentisini size sunmak için şu anda klavyemin tuşlarını eskitmekteyim.Her neyse geçelim popüler yayınlar eklentimize yine kullanışlı şık görünümlü ve hover efektli bir eklenti.Yine uzatmadan eklenti tanıtımına geçmek istiyorum.

Şimdi eğer beğendiyseniz diğer adımlara geçelim.Yine yerleşim gatged ekle bölümünden ''Popüler Yayınlar Eklentimizi blogumuza ekliyoruz.Ama alt taraftaki resimde gördüğünüz gibi ekleyin yoksa istediğiniz sonuçları alamazsınız.

Popüler yayınlar eklentimizi eklediğimize göre Css kodlarımızı ekleyebiliriz demektir.Alt tarafdaki Css kodlarını Ctrl+F yardımı ile ]]></b:skin> kodunun hemen üzerine ekliyoruz.

#PopularPosts1 h2{
padding:7px 0 3px 0;
width:100%;
margin-bottom:10px;
font-size:1.3em;
text-indent:-12px;
font-size:18px;
text-align:center;
color: #757575; /* Color of the widget's title */
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:8px 0px 1px;
left:-7px;
width:290px;
}
#PopularPosts1 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
#PopularPosts1 ul li{
background: #eee;
position: relative;
display: block;
padding: .4em .2em .4em 2em;
*padding: .2em;
margin: .5em 0;
background: #ddd;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;   
}
#PopularPosts1 ul li:before{
content: counter(li);
counter-increment: li;
position: absolute; 
top: 50%;
margin: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
font-size: 15px;
color: #fff; /* text color of numbers */
background: #FB8835; /* background color of numbers */
border: .2em solid #fff; /* border color */
-webkit-box-shadow: 0 8px 5px -7px #888;
-moz-box-shadow: 0 8px 5px -7px #888;
box-shadow: 0 8px 5px -7px #888;
text-align: center;
font-weight: bold;
border-radius: 2em;
position: absolute;   
left: 0;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:hover{
background: #eee;
}
#PopularPosts1 ul li:hover:before{
transform: rotate(360deg);   
}
#PopularPosts1 ul li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
#PopularPosts1 ul li a:hover{
color: #444;
}

Hepsi bu kadar arkadaşlar şablonu kaydedip çıkıyoruz sonra eklentinin keyfini sürüyoruz.Yapamadığınız yer olursa yorum kısmında belirtmeniz yeterli olur.

Blogger Resimli & Hover Efektli Son Yorumlar

Resimli & Hover Efektli Son Yorumlar Eklentisi

Yine bir eklenti yada gadget adına ne derseniz deyin.Ama bu eklenti rakiplerine göre çok iyi ve kullanışlı çünkü hem hover efektli hemde resimli bir eklentidir.Şahsen benimde sitemde kullandığın bu eklentiyi lafı uzatmadan sizlere sunmak istiyorum.

Arkadaşlar Önizlemesi sitemizde mevcut olduğu için buraya eklemiyorum.Sitemizde biraz aşağıya inerseniz görebilirsiniz.

<style type="text/css">
.rc{padding-left:24px; padding-top: 6px;}
.rc a:hover {color: #F3903E;text-decoration: none;}
.rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}
.rc-ico img {margin-top: -2px;margin-right:5px; border: 2px solid #fff;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; }
.rc-ico img:hover {-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg); 
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
.rc-header{font-size: 13px;}
.rc-header a{}
.rc-body{font-style: italic; font-size:11px;padding: 0px 4px 1px 10px;border: 1px solid transparent;}
.rc-footer{font-size:11px; float: right;}
</style>
<script type="text/javascript">
var numRecentComments = 5;
var maxCommentChars = 67;
var trueAvatars = true; 
var urlMyAvatar = '';
var urlMyProfile = '';
var cropAvatar = true;
var sizeAvatar = 50;
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaykdCHbQYsINskwLsUmym8Nmbpck2N9iDWhSN5V5KK5q0TsiqsATVQtSkxGnspDkQHV2VeQgfnR0J70Dd_9wIs3c5F8nlm_8LqHgd67wBqwWYPWm3gIIAoD3VwhBAaBoR06bNGxdcRU8/"+sizeAvatar+"/anonymous-Icon.jpg"; 
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var txtMore = '';
var txtWrote = ':';
var txtAnonymous = ''; 
var maxResultsComments = "";
var numPerPost = 2;
var maxPostTitleChars = 40; 
var getTitles = true;
var maxResultsPosts = ""; 
var txtTooltip = '[user] on "[title]" - [date MM-dd-yyyy hh:mm]';
var urlToTitle = {};
function replaceVars(text, user, title, date) {
text = text.replace('[user]', user);
text = text.replace('[date]', date.toLocaleDateString());
text = text.replace('[datetime]', date.toLocaleString());
text = text.replace('[time]', date.toLocaleTimeString());
text = text.replace('[title]', title.replace(/\"/g,'"'));
var i = text.indexOf("[date ");
if(i > -1) {
var format = /\[date\s+(.+?)\]/.exec(text)[1];
if(format != '') {
var txtDate = format.replace(/yyyy/i, date.getFullYear());
txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));
txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));
txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));
txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));
txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));
//or: txtDate = txtDate.replace("dd", date.getDate());
txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));
//or: txtDate = txtDate.replace("hh", date.getHours());
text = text.replace(/\[date\s+(.+?)\]/, txtDate)
}
}
return text;
}
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;
}
}
function getPostUrlsForComments(json) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
urlToTitle[href] = entry.title.$t;
}
}
function showRecentComments(json) {
var postHandled = {};
var j = 0;
if(numPerPost) {
while(numPerPost < numRecentComments) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)
j++;
}
}
if(j >= numRecentComments)
break;
numPerPost++;
j = 0;
postHandled = {};
}
if(numRecentComments == numPerPost)
numPerPost = 0;
}
postHandled = {};
j = 0;
for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="Blogger User") continue;
if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)
continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
j++;
var href='';
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href=='') {j--; continue; }
var hrefPost = href.split("?")[0];
var comment = "";
if("content" in entry) comment = entry.content.$t;
else comment = entry.summary.$t;
comment = comment.replace(/<br[^>]*>/ig, " ");
comment = comment.replace(/<\S[^>]*>/g, "");
var postTitle="-";
if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];
else {
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");
postTitle = postTitle.replace(/-/g," ");
postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);
}
if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {
postTitle = postTitle.substring(0, maxPostTitleChars);
var indexBreak = postTitle.lastIndexOf(" ");
postTitle = postTitle.substring(0, indexBreak) + "...";
}

var authorName = entry.author[0].name.$t;
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = entry.author[0].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+"/");
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
var clsAdmin = "";
if(urlMyProfile != "" && authorUri == urlMyProfile)
clsAdmin = " rc-admin";
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]);

var txtHeader = txtWrote;
if(txtWrote.indexOf('[')==-1)
txtHeader = authorName + ' ' + txtWrote;
else
txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);

var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);
if(!/#/.test(href)) href += "#comments";
document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">
');
document.write('<div title="'+tooltip+'" class="rc-header'+clsAdmin+'">
<div title="'+tooltip+'" class="rc-ico'+clsAdmin+'">
'+imgcode+'</div>
<a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>
');
if(comment.length < maxCommentChars)
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>
');
else {
comment = comment.substring(0, maxCommentChars);
var indexBreak = comment.lastIndexOf(" ");
comment = comment.substring(0, indexBreak);
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">
' + comment + '...</div>
');
if(txtMore != "") {
var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);
document.write('<div title="'+tooltip+'" class="rc-footer'+clsAdmin+'">
<a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>
');
}
}
document.write('<div style="clear:both;">
</div>
</div>
');
}
}
}
if(getTitles)
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');
</script>

Kodu eklemek için Yerleşim gadget ekle Html/Javascript yolunu takip ederek eklemeniz yeterli olacaktır.Başka ek olarak bişey yapmanıza gerek yok arkadaşlar.

Blogger Popüler Yayınlar Eklentisi

Blogger Popüler Yayınlar Eklentisi V.2

Yine çok şık ve kullanışlı olan popüler yayınlar eklentisi ile karşınızdayım.Buda diğer popüler yayınlar eklentisi gibi oldukça kullanışlı bir yapıya sahip.Hiç lafı uzatmadan önizlemesini ve kodları size vermek istiyorum.

<div class="recentpoststyle">
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.js"></script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>

Kod İçerisinde Yapmanız gereken bir değişiklik yok.Kodu Yerleşim Gadget ekle Html/Javascript bölümüne eklemeniz yeterli olacaktır.

Blogger {Resimli} Popüler Yayınlar Eklentisi

Resimli ve Renkli Popüler Yayınlar Eklentisi

Bu popüler yayınlar eklentisi ile siteniz neşelecek ve ziyaterçileriniz sitenizden zevk alacak.Sizde eski popüler yayınlar eklentisinden bıkmadınız mı ? Gelin hep birlikte eskileri klasörlere atalım ve yepyeni bir eklenti edinelim.Bende blogger eklentisi ararken çoğu yerde gömüştüm renkli popüler yayınlar eklentisi ama hem renkli hemde resimliye hiç rastlamamıştım.Uzun lafın kısası hemen size kodları verelim sizde deneyip görün istiyorum.

<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentpoststhumbs.js"></script>
<script>
var posts_no = 5;
var showpoststhumbs = true;
var Devamılink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: 5px -5px 0px 0px; border-radius: 100%; padding: 3px;background: #fff}
.recent-posts-container {font-family: 'Ubuntu Condensed', sans-serif; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px; }
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;min-height:50px; list-style-type: none; margin: 0px 5px -5px 5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>

Arkadaşlar kod içerisinde hiçbir değişiklik yapmanıza gerek yok.Direk olarak Yerleşim gadget ekle Html/Javascript yolunu takip ederek ekliyoruz.Kendisi otomatik olarak sizin yayınlarınızı ekleyecektir.

Takip Et @Mcahitp

Pop-Up Açılır Facebook Beğen Kutusu

Pop-up Açılır Facebook Beğen Penceresi

Bugün sizlere yine şahane bir eklenti paylaşmak istiyorum.Ziyarerçileriniz sitenize geldiğinde onları Facebook beğen kutusu ile karamak istermisiniz?Bu şahane ve ekranda pek fazla yer kaplamayan eklenti ile hem ziyaretçilerinizi zorlamayacak hemde facebook sayfanızı beğendirmiş olacaksınız.Ayrıca bu kod her kullanıcıya sadece bir defa gözükmektedir.Üstelik sadece Html/Javascript bölümüne eklemeniz yeterli olacaktır.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/Helplogger/120574614736021&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">
Powered by <a style="padding-left: 0px;" href="http://birsorumolacak.blogspot.com.tr/" rel="nofollow">Birsorumolacak</a></div>
</div>
</div>

Kod içerisinde değiştirmeniz gereken yerler:

https://www.facebook.com/pages/Helplogger/120574614736021 - yerine kendi facebook adresinizi yazınız.

.delay (5000) - bu kod ana sayfanız açıldıktan sonra facebook penceresinin kaç saniyi sanra açılacağını belirler.Değiştirmek için 5000 den küçük yada büyük sayı giriniz.

Bu kadar arkadaşlar yapamadığınız yer olursa yorum kutusunda belirtmeniz yeterli olur.

Takip Et @Mcahitp

Blogger Sosyal Menü Eklentisi//Hover Efektli

**Profosyonel Sosyal Menü[Hover Efektli]**

Çok profosyonel şekilde hazırlanmış bu hover efektli sosyal menü butonları ile blogunuza renk katacaksınız.Sayfanızın sol tarafında hiç yer kaplamayan bu sosyal menüyü sitenize eklemek ise çok basittir.Blogger yerleşim bölümünden gadget ekle dedikten sonra Html/javascript bölümüne eklemeniz yeterli olacaktır.

<div id='social-sidebar'>
<ul>
<li>
<a class='entypo-twitter' href='https://twitter.com/Mcahitp' rel="external nofollow">
<span>Twitter</span>
</a>
</li>
<li>
<a class='entypo-gplus' href='https://plus.google.com/u/0/100119104645461238989/posts' rel="external nofollow">
<span>Google+</span>
</a>
</li>
<li>
<a class='entypo-tumblr' href='http://www.tumblr.net/mpolat1992/' rel="external nofollow">
<span>Tumblr</span>
</a>
</li>
<li>
<a class='entypo-facebook' href='https://www.facebook.com/profile.php?id=1027816099' rel="external nofollow">
<span>facebook</span>
</a>
</li>
<li>
<a class='entypo-rss' href='http://feeds.feedburner.com/BilgiHakkndaAradnzHerey' rel="external nofollow">
<span>Feedburner</span>
</a>
</li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://www.digitalhubinc.com/---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style>

Kod içerisindeki gerekli ayarlamaları yapmayı unutmayınız.Yapamadığınız bir yer olursa yorum kısmında belirtiniz.

Blogger Eklentileri//Sosyal Paylaşım Butonları

Sosyal Medyada Biz Eklentisi Kodları

Bu harika sosyal medya paylaşım butonları sitenize çok ayrı bir hava katacak.Sitenize giren ziyaretcilerin çok memmun kalacağı ve ilgisini çekebilecek çok kullanışlı bir gadget.Sayfanızda fazla yer kaplamayacak ve hoş görünümü ile sitenize hava katacak.Bu kodu uygulamak ise çok basit.Yerleşim html javascript bölümüne bu kodu yapıştırmanız yeterli olacaktır.

<!--Koddostu Sosyal Ağlarda Biz Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->

<koddostu><div id="koddostu-divy">
Sosyal Ağlarda Biz<br/>


<a href="http://goplus.us/koddostu" target="_blank" class="koddostu-socialise g-a"></a>

<a href="http://twitter.com/koddostu" target="_blank" class="koddostu-socialise t-a"></a>

<a href="http://fb.me/koddostu" target="_blank" class="koddostu-socialise f-a"></a>


</div>
</koddostu>
<style>.koddostu-socialise{display:inline-block;width:60px;height:60px;position:relative;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU166r06yG4dkishkGJuKQ3XhBH512MEQjOCFawmiK1h4QwprRpHGgxxBVYLdH-kCOwORy0p-5Dq63lWysVqcwih5_yE1WQlBfZVbgAmk2URmMz1-VFhHWO4abCHBdHkIXenYsrJLC3kiH/s1600/soc.png) no-repeat;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;cursor:pointer;margin:0px 10px;}.g-a{background-position:-120px 0px;}.t-a{background-position:-60px 0px;}.koddostu-socialise:before, .koddostu-socialise:after{z-index: -1;position: absolute;content: "";bottom:4px;left: 2px;width: 50%;top: 80%;background: #444;-webkit-box-shadow: 0 6px 4px #444;-moz-box-shadow: 0 6px 4px #444;box-shadow: 0 4px 2px #444;-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);-ms-transform: rotate(-5deg);transform: rotate(-5deg);}.koddostu-socialise:active, .koddostu-socialise:focus{outline:0;}#koddostu-divy{display:inline-block;position:relative;padding:5px 15px 10px 15px;background:transparent;border:1px solid #d8d8d8;-webkit-border-radius:5px;border-radius: 5px;-moz-box-shadow:inset 0 0 15px #e0e0e0;-webkit-box-shadow:inset 0 0 15px #e0e0e0;box-shadow:inset 0 0 15px #e0e0e0;font-family:Helvetica, Arial, sans-serif;font-size:19px;font-weight:normal;color:#444;line-height:42px;text-align:center;}.koddostu-socialise:after{-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);right: 2px;left: auto;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>.koddostu-socialise:hover{cursor:pointer;height:58px;margin-top:2px;}</style>


<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Sosyal Ağlarda Biz Kodu STOP-->

Kod içerisindeki gerekli ayarlamaları yapmayı unutmayınız.

Blogger Eklentileri//Duyuru Panosu Kodu

**Sitenize Duyuru Panosu Ekleyin**

Bu şık görünümlü ve zarif duyuru panosu ile ziyaretçilerinizle önemli gelişmeleri paylaşabileceksiniz.Bu kod Sayfanın sol alt kısmında hem sizi hemde ziyaretçilerinizi hiç rahatsız etmeyecek.Almış olduğunuz kodu </body> kodunun hemen üzerine yapıştırmanız yeterli olacaktır.

<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->

<div id="menucon">
<div id="koddostu-tex">
<br/><b>DUYURU</b><br/><br/>

Sitemize Hoşgeldiniz!

<br/><br/>

Birsorumolacak.com tarafından sitemiz için hazırlanan bu duyuru panosunda sitemize dair en güncel yenilikleri paylaşacağız!

</div>
</div>
<koddostu><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtlSqatR3Dbs7z5TNf9F_uMwD91vjaPWFH_IS83BrfA8NrKRrlcDugMjTmWseQZaamFc5bnXHqWZsYMI59M5qNI-quW7_cMMZYf39rDZKETvYVfEZR5IkGPHRfyaxe3wzRwsrYAzuKustr/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#koddostu-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style> #menucon:hover #koddostu-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></koddostu>

<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Büyüleyici Duyuru Panosu Html Kodu STOP-->

Blogger Eklentileri//Facebook Sayfa Yükleniyor Kodu

Facebook Tipi Sayfa Yükleniyor Kodu

Facebook Tarzı sayfa yükleniyor kodunuz olsun istermisiniz? O zaman yapmanız gereken şey çok basit.Yerleşim html javascript bölümüne aşağıdaki kodu yapıştırmanız yeterli olacaktır.

<!--Kod Dostu Facebook Stilli Sayfa Yükleniyor Kodu START-->
<!--telif hakkı sahibi: koddostu.com-->
<style type="text/css">div.hbcne{position:fixed;z-index:4000;}div.hgchd{top:0px;left:0px;} div.hbcne{_position:absolute;}div.hgchd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><!-- siteneeklekodlari.blogspot.com --><!-- Bu kod içerisinde değişiklik yapmak yasaktır! --><div id="koddostuyuk" style="background-color:#ffffff;width:100%;height:100%;padding-top:20%;" class="hbcne hgchd">
<!--telif hakkı sahibi: koddostu.com-->
<center>
<a style="font-family:Arial;font-size:19px;color:#3b5998;">Sayfa Yükleniyor</a><br/><br/>
<a target="_blank" href="http://www.koddostu.com/2012/08/facebook-stilli-sayfa-yukleniyor-kodu.html" style="background-color:transparent;border:none;padding:0px;margin:0px;"><img style="padding:0px;margin:0px;background-color:transparent;border:none;width:64px;height:64px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH_5_gTldg6phOqMmkwwdzRDQM_0v3soKxV4cLLmnOtFrYXIj0p1Pm6dGaG8bsd1E0yJx2zckSm9WtD_J6_AZNtOVGLhjrgZoAGiNkCMyp9W4gCXK45JD6as3A3yUzcf_IIDE-osog9qrO/s1600/indicator_blue_large.gif" /></a></center>
</div>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {setTimeout('document.getElementById("koddostuyuk").style.display="none"', 1000);});
</script>
<!--Kod Dostu Facebook Stilli Sayfa Yükleniyor Kodu STOP-->

Blogger Eklentileri//Abone Ol Eklentisi

Abone Ol Eklentisi Kodu<<Özel Kod>>

Çok kullanışlı olan bu kod sayesinde sitenize girişte ziyaretçileriniz hem güzel bir tema ile karşılanacak hemde facebook abone sayılarınız ikiye katlanacak.Bu sayfaya abone ol eklentisine bayılacaksınız.Bu kodu uygulamak için ise yapmanız gereken çok basit.Yerleşim html javascript bölümüne bu kodu yapıştırmanız yeterli olacaktır.

<!DOCTYPE HTML>
<!--KOD DOSTU Abone Olmalısınız Kodu START-->
<!--http://siteneeklekodlari.blogspot.com-->
<!--Yukarıdaki linki kaldıranlar hakkında yasal işlem başlatılacaktır-->
<div class="koddostu-fix koddostu-pof" id="koddostu_aboneol">
<center>
<div style="display:inline-block;margin-top:45px;margin-left:auto;margin-right:auto;width:440px;height:200px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipi8pchkm_6Ac07On3BqmRvk5jLZ9mWsXVowQcxAPFQar9uUNT5Sugj7PDzSJBa08UuaSCUEERaw0SDzQwUVnIFrBpwMq_NbPxz8VidaLyQ5EdtqlooJWlAtdLyRbOqrOcTGHlps2T5hyphenhyphen/s1600/was.jpg) no-repeat center;">
</div>
</center>
<div style="position:absolute;top:50%;left:0px;width:100%;height:30%;">
<center>
<!--Kod Dostu Abone Yapma Kodu-->
<div style="width:245px;height:150px;">
<div style="width:120px;height:150px;float:left;background-color:white;">



<!--DİKKAT-->
<!--AŞAĞIDAKİ www.facebook.com/potdehid YERİNE KENDİ ADRESİNİZİ GİRİN-->



<iframe src="//www.facebook.com/plugins/subscribe.php?href=https%3A%2F%2Fwww.facebook.com/potdehid&layout=box_count&show_faces=false&colorscheme=light&font=arial&width=450" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px;" allowTransparency="true"></iframe>


<!--YUKARIDAKİ www.facebook.com/potdehid YERİNE KENDİ ADRESİNİZİ GİRİN-->
<!--DİKKAT-->




</div>
<div style="width:120px;height:150px;float:right;background-color:white;">
<a onfocus="this.blur();" href="javascript:void(0)" onclick="document.getElementById('koddostu_aboneol').style.display='none';" style="padding:0px;box-shadow:none;border:none;margin:0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3v3sPR64IwdkuP-eKqqk5IKN4iViCmUSSFcLY2oCAmeQGp31T0XNnHn9v-VEbNx5_HkmTMymgrWMrjQ8TdGXcQq9qyqkHQr1XqtMO-AH-x-L7ZhoHqb7cDiD9gCI8S19-SHUFfv2FscH/s1600/sdsds.png" style="padding:0px;box-shadow:none;border:none;margin:0px;"/></a></div>
</div>
</center>
</div>
<div style="position:absolute;bottom:0px;left:0px;width:100%;height:88px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1t7Fss1u-BuyThkj05LvqTvjFZHuGLr0O7aNjCNtHKBOHK4aWfu08rhtIc6dGuhQj75OTuEyjBtlMFGRczz44yuI93j_2pOfxj8XacHoAIJxkI_fQvqHQwUP7sUTZCZbrPwdkVP0IgMUe/s1600/5616.png) repeat-x center;">
</div>
<script type="text/javascript">
<!-- Kod Dostu Subscribe Script START -->
<!--
document.write(unescape('%3c%73%74%79%6c%65%20%74%79%70%65%3d%22%74%65%78%74%2f%63%73%73%22%3e%0d%0a%64%69%76%2e%6b%6f%64%64%6f%73%74%75%2d%66%69%78%7b%77%69%64%74%68%3a%31%30%30%25%3b%68%65%69%67%68%74%3a%31%30%30%25%3b%70%6f%73%69%74%69%6f%6e%3a%66%69%78%65%64%3b%7a%2d%69%6e%64%65%78%3a%39%39%39%30%30%3b%62%61%63%6b%67%72%6f%75%6e%64%2d%63%6f%6c%6f%72%3a%77%68%69%74%65%3b%7d%20%64%69%76%2e%6b%6f%64%64%6f%73%74%75%2d%70%6f%66%7b%74%6f%70%3a%30%70%78%3b%6c%65%66%74%3a%30%70%78%3b%7d%3c%2f%73%74%79%6c%65%3e%0d%0a%3c%73%74%79%6c%65%20%74%79%70%65%3d%22%74%65%78%74%2f%63%73%73%22%3e%0d%0a%64%69%76%2e%6b%6f%64%64%6f%73%74%75%2d%66%69%78%7b%5f%70%6f%73%69%74%69%6f%6e%3a%61%62%73%6f%6c%75%74%65%3b%7d%0d%0a%64%69%76%2e%6b%6f%64%64%6f%73%74%75%2d%70%6f%66%7b%5f%62%6f%74%74%6f%6d%3a%61%75%74%6f%3b%5f%74%6f%70%3a%65%78%70%72%65%73%73%69%6f%6e%28%69%65%36%3d%28%64%6f%63%75%6d%65%6e%74%2e%64%6f%63%75%6d%65%6e%74%45%6c%65%6d%65%6e%74%2e%73%63%72%6f%6c%6c%54%6f%70%2b%64%6f%63%75%6d%65%6e%74%2e%64%6f%63%75%6d%65%6e%74%45%6c%65%6d%65%6e%74%2e%63%6c%69%65%6e%74%48%65%69%67%68%74%20%2d%20%35%32%2b%22%70%78%22%29%20%29%3b%7d%0d%0a%3c%2f%73%74%79%6c%65%3e%0d%0a%3c%61%20%68%72%65%66%3d%22%68%74%74%70%3a%2f%2f%6b%6f%64%64%6f%73%74%75%2e%63%6f%6d%2f%32%30%31%32%2f%30%37%2f%73%69%74%65%79%65%2d%67%69%72%6d%65%6b%2d%69%63%69%6e%2d%61%62%6f%6e%65%2d%6f%6c%6d%61%6c%73%6e%7a%2d%6b%6f%64%75%2e%68%74%6d%6c%22%20%6f%6e%6d%6f%75%73%65%6f%76%65%72%3d%22%74%68%69%73%2e%73%74%79%6c%65%2e%72%69%67%68%74%3d%27%30%70%78%27%22%20%6f%6e%6d%6f%75%73%65%6f%75%74%3d%22%74%68%69%73%2e%73%74%79%6c%65%2e%72%69%67%68%74%3d%27%2d%36%30%70%78%27%22%20%73%74%79%6c%65%3d%22%70%6f%73%69%74%69%6f%6e%3a%61%62%73%6f%6c%75%74%65%3b%74%6f%70%3a%30%70%78%3b%72%69%67%68%74%3a%2d%36%30%70%78%3b%64%69%73%70%6c%61%79%3a%62%6c%6f%63%6b%20%21%69%6d%70%6f%72%74%61%6e%74%3b%77%69%64%74%68%3a%39%30%70%78%3b%68%65%69%67%68%74%3a%31%38%70%78%3b%62%61%63%6b%67%72%6f%75%6e%64%3a%74%72%61%6e%73%70%61%72%65%6e%74%20%75%72%6c%28%68%74%74%70%3a%2f%2f%33%2e%62%70%2e%62%6c%6f%67%73%70%6f%74%2e%63%6f%6d%2f%2d%4f%61%53%63%36%52%73%51%50%75%34%2f%55%41%36%37%64%61%6d%58%45%43%49%2f%41%41%41%41%41%41%41%41%4d%4d%59%2f%51%52%36%59%73%2d%4f%5a%31%50%51%2f%73%31%36%30%30%2f%6b%64%64%2e%70%6e%67%29%20%6e%6f%2d%72%65%70%65%61%74%20%74%6f%70%20%6c%65%66%74%3b%22%3e%3c%2f%61%3e'));
//-->
</script>
</div>
<!--kod içerisinde izin almadan değişiklik yapanlar hakkında yasal işlemler başlatılacaktır-->

<!--KOD DOSTU Abone Olmalısınız Kodu STOP-->

Kod içerisinde belirtilmiş olan www.facebook.com/potdehid linki yerine kendi facebook profilinizin linkini yapıştırın

Blogger Eklentileri>>Duyuru Paneli Kodu

Duyuru Paneli Buton Kodu

Bu inanılmaz duyuru kodu ile ziyaretçilerinizi önemli gelişmelerden haberdar edebilir yada duyurmak istediklerinizi bu duyuru panaeli ile kolayca duyurabilirsiniz.Üstelik her kullanıcıya sadece bir defa görünmektedir.Yapmanız gereken ise çok basit.Yerleşim html javascript bölümüne bu kodu yapıştırmanız yeterli olacaktır.

<!-- Kod Dostu Duyuru Paneli START-->
<!-- http://siteneklekodlari.blogspot.com-->
<!DOCTYPE HTML><a id="kdmektup1" href="javascript:void(0);" onfocus="this.blur();" class="koddostu_yknyg koddostu_hjkmgk" style="display:block;width:110px;height:63px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz3L4AwuO3hmtsxAzqIR4EtFanDpuMA-hUHP-pEYWzOGxia5zfsHkMIm0_2QevpcCl6l3bBMYfh5aPNXFb2KH84P_cecJ2_imSeqaseZtxi2DgXMnnHcyleiXBB71Fqi_NdoyD5Eam65yZ/s1600/catsjuu.png) no-repeat center;opacity:0.8;filter:alpha(opacity=80);margin:0px;padding:0px;border:none;" onclick="koddostuduyur();this.style.display='none';document.getElementById('kdmektup0').style.display='block';"></a>
<!-- http://siteneklekodlari.blogspot.com-->
<script>
function readCookie(cookieName) {
 var re = new RegExp('[; ]'+cookieName+'=([^\\s;]*)');
 var sMatch = (' '+document.cookie).match(re);
 if (cookieName && sMatch) return unescape(sMatch[1]);
 return '';
}</script>
<script>

function koddostuduyur(){
var kukig = readCookie('8654');
if (kukig != '')
  {
document.getElementById('kdmektup1').style.display='none';
  }
else {
 var isim = '8654'; 
 var deger = 'kapali'; 
 var gunler = 4;   
 if (gunler) {
   var date = new Date();
   date.setTime(date.getTime()+(gunler*24*60*60*1000));
   var expires = "; expires="+date.toGMTString(); }
   else var expires = "";
   document.cookie = isim+"="+deger+expires+"; path=/";
};
};
</script>

<script>


var kukig = readCookie('8654');
if (kukig != '')
  {
document.getElementById('kdmektup1').style.display='none';
  }
</script>
<!DOCTYPE HTML><div class="kod_dostu_mektup1 kod_dostu_mektup2" style="width:250px;height:160px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6X2Nsj_BlH6xJZ92CK1kOto2vx6yNfwlTjTRlUfY9yCR3mueexoi2XvaytNmZCVIKXPE7ko5Bas2jCS1hxCABtWEBsWnF_gHJZ_KsMPQM-EMVRdm5l0jk_KmtXpKxjDTuYhG1FCPxkN3Q/s1600/Untitled-2.png) no-repeat center;margin:0px;padding:0px;border:none;overflow:hidden;" id="kdmektup0">
<!-- http://siteneklekodlari.blogspot.com-->
<script Language='Javascript'>
<!-- Kod Dostu Kripto Başlangıcı -->
<!--
document.write(unescape('%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%64%69%76%2E%6B%6F%64%5F%64%6F%73%74%75%5F%6D%65%6B%74%75%70%31%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%74%65%78%74%2D%61%6C%69%67%6E%3A%63%65%6E%74%65%72%3B%7A%2D%69%6E%64%65%78%3A%31%30%30%30%3B%7D%64%69%76%2E%6B%6F%64%5F%64%6F%73%74%75%5F%6D%65%6B%74%75%70%32%7B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%32%35%70%78%3B%7D%3C%2F%73%74%79%6C%65%3E%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%64%69%76%2E%6B%6F%64%5F%64%6F%73%74%75%5F%6D%65%6B%74%75%70%31%7B%5F%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%7D%64%69%76%2E%6B%6F%64%5F%64%6F%73%74%75%5F%6D%65%6B%74%75%70%32%7B%5F%62%6F%74%74%6F%6D%3A%61%75%74%6F%3B%5F%74%6F%70%3A%65%78%70%72%65%73%73%69%6F%6E%28%69%65%36%3D%28%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%73%63%72%6F%6C%6C%54%6F%70%2B%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%63%6C%69%65%6E%74%48%65%69%67%68%74%20%2D%20%35%32%2B%22%70%78%22%29%20%29%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6b%6f%64%64%6f%73%74%75%2E%63%6F%6D%2F%32%30%31%32%2F%30%36%2F%73%69%74%65%6E%65%2D%69%6E%61%6E%69%6C%6D%61%7A%2D%64%75%79%75%72%75%2D%70%61%6E%65%6C%69%2E%68%74%6D%6C%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%77%69%64%74%68%3A%33%30%70%78%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%51%70%7A%6C%38%58%2D%33%72%6F%4D%2F%54%39%6E%41%5F%6D%52%65%76%2D%49%2F%41%41%41%41%41%41%41%41%4C%4E%30%2F%7A%78%46%73%74%66%73%65%4D%54%34%2F%73%31%36%30%30%2F%6B%64%33%32%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%20%63%65%6E%74%65%72%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%74%6F%70%3A%31%34%70%78%3B%6C%65%66%74%3A%34%70%78%3B%22%3E%3C%2F%61%3E%0A%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%61%2E%6B%6F%64%64%6F%73%74%75%5F%79%6B%6E%79%67%7B%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%74%65%78%74%2D%61%6C%69%67%6E%3A%63%65%6E%74%65%72%3B%7A%2D%69%6E%64%65%78%3A%33%30%30%30%3B%7D%0A%2E%6B%6F%64%64%6F%73%74%75%5F%68%6A%6B%6D%67%6B%3A%68%6F%76%65%72%7B%6F%70%61%63%69%74%79%3A%31%20%21%69%6D%70%6F%72%74%61%6E%74%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%31%30%30%29%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%20%61%2E%6B%6F%64%64%6F%73%74%75%5F%68%6A%6B%6D%67%6B%7B%62%6F%74%74%6F%6D%3A%33%38%70%78%3B%72%69%67%68%74%3A%32%32%70%78%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%61%2E%6B%6F%64%64%6F%73%74%75%5F%79%6B%6E%79%67%7B%5F%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%7D%61%2E%6B%6F%64%64%6F%73%74%75%5F%68%6A%6B%6D%67%6B%7B%5F%62%6F%74%74%6F%6D%3A%61%75%74%6F%3B%5F%74%6F%70%3A%65%78%70%72%65%73%73%69%6F%6E%28%69%65%36%3D%28%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%73%63%72%6F%6C%6C%54%6F%70%2B%64%6F%63%75%6D%65%6E%74%2E%64%6F%63%75%6D%65%6E%74%45%6C%65%6D%65%6E%74%2E%63%6C%69%65%6E%74%48%65%69%67%68%74%20%2D%20%35%32%2B%22%70%78%22%29%20%29%3B%7D%3C%2F%73%74%79%6C%65%3E'));
//-->
</Script>
<!-- http://siteneklekodlari.blogspot.com-->
<div style="width:200px;height:101px;background-color:transparent;margin:0px;padding:0px;border:none;position:absolute;left:23px;top:30px;font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;color:#fff;">


Merhaba! Buraya kendi duyuru yazınızı yerleştirebilirsiniz!


<br/><br/>

Üstelik mesajınız her kullanıcıya sadece bir kere görünecek!


</div>
</div>
<!-- Kod Dostu Duyuru Paneli STOP-->

Kod içerisindeki gerekli ayarlamaları yapmayı unutmayınız.

Blogger//Facebook Sayfamızı Beğen Butonu

Sayfamızı Beğenmek İstermisin Buton Kodu

Yeni ve en güncel bu kodla facebook da sayfanızın hayran sayısını arttırabilirsiniz.Hem şık hemde zarif olan bu kullanışlı facebook beğen butonunu sizde kullanmak isterseniz yapmanız gereken ise çok basit.Yerleşim html javascript bölümüne bu kodu yapıştırmanız yeterli olacaktır.

<!--Kod Dostu Facebook Sayfamızı Beğenin Kodu START-->                          <br />
<div class="yuppirig">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=http://facebook.com/408085549280135&send=false&layout=button_count&width=56&show_faces=false&action=like&colorscheme=light&font&height=21&appId=426632847366994" style="border: none; bottom: 19px; height: 21px; left: 58px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 56px;"></iframe><script language="Javascript">
<!-- Face Tavsiye Stil kodu -->
<!--
document.write(unescape('%3C%61%20%74%69%74%6C%65%3D%22%73%69%74%65%6E%65%20%65%6B%6C%65%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%77%69%64%74%68%3A%39%30%70%78%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%36%30%70%78%3B%7A%2D%69%6E%64%65%78%3A%38%30%30%30%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%78%6B%66%39%6F%67%76%6E%37%48%59%2F%54%39%44%6B%76%6B%32%32%49%63%49%2F%41%41%41%41%41%41%41%41%4C%46%55%2F%44%51%76%36%50%39%30%67%46%62%67%2F%73%31%36%30%30%2F%6B%64%32%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%38%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%38%30%29%3B%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6b%6f%64%64%6f%73%74%75%2E%63%6F%6D%2F%32%30%31%32%2F%30%36%2F%73%69%74%65%6E%65%2D%73%61%79%66%61%6D%7A%2D%62%65%67%65%6E%6D%65%6B%2D%69%73%74%65%72%2D%6D%69%73%69%6E%69%7A%2E%68%74%6D%6C%22%3E%3C%2F%61%3E%3C%73%74%79%6C%65%3E%2E%79%75%70%70%69%72%69%67%7B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%77%69%64%74%68%3A%31%35%34%70%78%3B%68%65%69%67%68%74%3A%31%33%35%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%69%6D%61%67%65%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%31%45%35%64%54%79%63%71%78%63%59%2F%54%39%47%76%4F%56%61%4F%71%67%49%2F%41%41%41%41%41%41%41%41%4C%46%77%2F%65%4B%76%34%37%76%52%65%48%7A%51%2F%73%31%36%30%30%2F%63%61%70%74%75%72%65%2D%32%30%31%32%30%36%30%38%2D%31%30%33%36%35%34%2E%70%6E%67%29%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%7D%3C%2F%73%74%79%6C%65%3E'));
//-->
</script></div>
<!--Kod Dostu Facebook Sayfamızı Beğenin Kodu STOP-->

Kod içerisindeki 408085549280135 id numarasını bulup kendi facebook sayfa kodunuz ile değiştirmeyi unutmayınız.

Bloguma Hoşgeldiniz !

Mücahit Polat

Kategoriler :)

E-posta Aboneliği!

Blogger Yazar Profili Eklentisi

Kod içerisinde değistirilmesi gereken yerler:

Sekmeli Sosyal Medya Eklentisi

Mini Sosyal İkonlar

Blogger Popüler Yayınlar Eklentisi {Hover} Efektli

Resimli & Hover Efektli Son Yorumlar Eklentisi

Blogger Popüler Yayınlar Eklentisi V.2

Resimli ve Renkli Popüler Yayınlar Eklentisi

Pop-up Açılır Facebook Beğen Penceresi

Profosyonel Sosyal Menü[Hover Efektli]

Sosyal Medyada Biz Eklentisi Kodları

Sitenize Duyuru Panosu Ekleyin

Facebook Tipi Sayfa Yükleniyor Kodu

Abone Ol Eklentisi Kodu<<Özel Kod>>

Duyuru Paneli Buton Kodu

Sayfamızı Beğenmek İstermisin Buton Kodu

Misafir Yazar Ol

-

Kategorilerimiz :)

Tavsiye Bağlantılar !

Sizin İçin Hazırladığımız Sayfalar !

Bana Mesaj Gönderin !

**Profosyonel Sosyal Menü[Hover Efektli]**

**Sitenize Duyuru Panosu Ekleyin**