Salı, Mart 20, 2012

Popup şeklinde Facebook kutusu ve mail takip Eklentisi


Blogger , Facebook ve mail takip kutu eklentisi

Bu eklentimizde , ziyaretçileriniz blogunuza girdiğinde bir kereye mahsus popup açılır...Bu eklentimizle ziyaretçileriniz facebook sayfanızı beğenebilir ve sizi takip edebilir , ayrıca mail takip yoluyla sizi takip edebilirler..

Sizde Facebook ve mail takip kutu eklentisini kullanmak isterseniz aşağıdaki kodları kullanmanız yeterli..
<style>
    /* Jquery Facebook Likebox Popup Version 2.0 by MBT    MyBloggerTricks.com 
    */ 
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    #cboxOverlay{position:fixed; width:100%; height:100%;} 
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    #cboxContent{position:relative;} 
    #cboxLoadedContent{overflow:auto;} 
    #cboxTitle{margin:0;} 
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
    .cboxPhoto{float:left; margin:auto; border:0; display:block;} 
    .cboxIframe{width:100%; height:100%; display:block; border:0;} 
    /*

       User Style: 
       Change the following styles to modify the appearance of ColorBox.  They are 
       ordered & tabbed in a way that represents the nesting of the generated HTML. 
    */ 
    #cboxOverlay{background:#000;opacity:0.5 !important;} 
    #colorbox{ 
            box-shadow:0 0 15px rgba(0,0,0,0.4); 
           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 
           } 
      
   #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) no-repeat 0 0;} 
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OMqEOue8g6Gu69r0NTI-wKbnlkpbnxenvcyCN1tXNJ0W8MqSTO3ttrZibEM9zynake0F4Abi1iDMbCUXZHAXhnKTtDWfaN8QJVzra3ybLGLA3ULajYYsEqEjSaKzUZ8awOZibhJ54kw/s400/border.png) repeat-x top left;} 
    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) no-repeat -36px 0;} 
    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) no-repeat 0 -32px;} 
    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OMqEOue8g6Gu69r0NTI-wKbnlkpbnxenvcyCN1tXNJ0W8MqSTO3ttrZibEM9zynake0F4Abi1iDMbCUXZHAXhnKTtDWfaN8QJVzra3ybLGLA3ULajYYsEqEjSaKzUZ8awOZibhJ54kw/s400/border.png) repeat-x bottom left;} 
    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) no-repeat -36px -32px;} 
    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) repeat-y -175px 0;} 
    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) repeat-y -211px 0;} 
    #cboxContent{background:#fff; overflow:visible;} 
        #cboxLoadedContent{margin-bottom:5px;} 
        #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOv0yNH11lzsve6DfezlZalQddRxntBozrwNsJfof6VBIZSQlLqK_q9zYoS5nlCc9bkQgvyiyiD28dJRf59n6zd7FNL8ZsEI_-ahyphenhyphensEv5sKDSQ_6ms3IAT_ZnmJJmV0vY3GI1ZqQGWmbc/s400/loadingbackground.png) no-repeat center center;} 
        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirCLo_g6Ank9B9LE1sKFZc8BjIXwHy83esWf9jM3qIEG-uaOefe7Z0nVd9Q-FGzo63oI1NezAbmruwNFjSZW4eebUDD3MD6y3lvCLmdNhZkpRUnaDv6sPwBtFbVb65sD3mhnGCwww4rSY/s400/loading.gif) no-repeat center center;} 
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIEPHs4oGff70izYyWY2GKbv0uSiKEU0uv4VdKL-hW39UJAITUkpPAXNxzZ0oikX1cL6Gcnkg0sUh_5W52Hd5809ghNMYYc7jtDD3b8ATk7SCrZMqvqT6Rls020qDHFJtZCl7zSlKA9UA/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 
        #cboxPrevious{left:0px; background-position: -51px -25px;} 
        #cboxPrevious.hover{background-position:-51px 0px;} 
        #cboxNext{left:27px; background-position:-75px -25px;} 
        #cboxNext.hover{background-position:-75px 0px;} 
        #cboxClose{right:0; background-position:-100px -25px;} 
        #cboxClose.hover{background-position:-100px 0px;} 
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
    /*-----------------------------------------------------------------------------------*/ 
    /*   Facebook Likebox popup For Blogger Version 2.0 
    /*-----------------------------------------------------------------------------------*/ 
    #subscribe { 
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
    } 
    #subscribe a, 
    #subscribe a:hover, 
    #subscribe a:visited { 
        text-decoration:none; 
    } 
    .box-title { 
       color: #F66303; 
       font-size: 18px !important; 
       font-weight: bold; 
       margin: 10px 0; 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
    padding:10px; 
    line-height:25px; font-family:arial !important; 
    }
 
    .box-tagline { 
       color: #999; 
       margin: 0; 
       text-align: center; 
    } 
    #subs-container { 
        padding: 35px 0 30px 0; 
        position: relative; 
    } 
    a:link, a:visited { 
    border:none; 
    } 
    .demo { 
    display:none; 
    }
 
/* ---------MBT Subscribe Form---------- */
    .box-title1 { 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
        padding:10px; 
  margin: 10px 0; 
    }

    .enteryouremail{ 
background: #fff !important;
border: 1px solid #d2d2d2; 
padding: 0px 8px 0px 8px; 
color: #a19999; font-size: 12px; 
height: 25px; width: 165px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0px; 
}
    .submitbutton{ 
background:#F66303; 
border: 1px solid #F66303; 
text-shadow: 1px 1px 1px #333; 
box-shadow: 3px 3px 3px #666; 
font:bold 12px Arial, sans-serif; 
color: #fff; 
height: 25px; 
padding: 0 12px 0 12px; 
margin: 0 0 0 5px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
cursor:pointer;}
    </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> 
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
   if (document.cookie.indexOf('visited=true') == -1) { 
       var fifteenDays = 1000*60*60*24*30; 
       var expires = new Date((new Date()).valueOf() + fifteenDays); 
       document.cookie = "visited=true;expires=" + expires.toUTCString(); 
   $.colorbox({width:"400px", inline:true, href:"#subscribe"}); 
       } 
}); 
</script> 
  
  
        <div style='display:none'> 
       <div id='subscribe' style='padding:10px; background:#fff;'> 
            <h3 class="box-title">Beğen butonu ile bizi takip edebilirsiniz<center><p style="line-height:3px;" >▼</p></center></h3> 
          <center>
 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Belgesel-izle/182948901769329&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center> 
<div class="box-title1 ">
<center> 
<h3 style="color:#F66303;">Yazılarımız Mail adresinize gelsin</h3> 
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="xxxxxx" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center> 
</div>
<!--Please Do not Remove the Credits --> 
    <p style=" float:right;  margin-right:35px;  font-size:9px;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://eklentileri.blogspot.com/">Blogger Eklentileri</a></p> 
    </div> 
    </div>
Yukarıdaki kodu blogunuzda ,yerleşim >> gadget ekle >> HTML/JavaScript şeklinde istediğiniz yere ekleyin, ardından yukarıdaki kod içinde kırmızı renkte geçen yerlere kendi facebook ve feedburner adreslerinizi yazınız..Mavi renkte olan yerleride düzenlemek isterseniz düzenleyebilirsiniz..
Gönderen Hiç yorum yok:

Blogger Acilir Menu Eklentisi ( Drop Down )


Blogger Drop Down Acilir Menü Eklentisi

Bu eklentimizle , blogunuzda açılır bir menüye sahip olacaksınız , Blogunuzda hoş bir menü isterseniz bu eklenti işinize yarayabilir.

Resimden ön izlemesini yapabilir yada bu konunun altından Drop Down Acilir Menü Eklentisi'nin demosunu görebilirsiniz..

Aşağıdaki kodu blogunuza , yerleşim >> gadget ekle >> HTML/JavaScript olarak kaydedin , Bu gadgeti sayfanın üstüne ekleyin , yada en azından konu üstündeki gadget yerine..

<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script> 
<style> 
/* ######### Drop Down Menu by www.MyBloggerTricks.com ######### */



.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ 
font: normal 13px Verdana; 
margin: 0; 
padding: 0; 
position: absolute; 
left: 0; 
top: 0; 
list-style-type: none; 
background: white; 
border: 1px solid black; 
border-bottom-width: 0; 
visibility: hidden; 
z-index: 100; 
}


.ddsubmenustyle ul{ 
margin: 0; 
padding: 0; 
position: absolute; 
left: 0; 
top: 0; 
list-style-type: none; 
border: 0px none; 
}


.ddsubmenustyle li a{ 
display: block; 
width: 170px; /*width of menu (not including side paddings)*/ 
color: black; 
background-color: lightyellow; 
text-decoration: none; 
padding: 4px 5px; 
border-bottom: 1px solid black; 
}


* html .ddsubmenustyle li{ /*IE6 CSS hack*/ 
display: inline-block; 
width: 170px; /*width of menu (include side paddings of LI A*/ 
}


.ddsubmenustyle li a:hover{ 
background-color: black; 
color: white; 
}


.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ 
padding-left: 4px; 
border: 0; 
}


.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ 
position: absolute; 
padding-top: 3px; 
left: 100px; 
border: 0; 
}


.ddiframeshim{ 
position: absolute; 
z-index: 500; 
background: transparent; 
border-width: 0; 
width: 0; 
height: 0; 
display: block; 
}



/* ######### Black Strip Main Menu Bar CSS ######### */


.mattblackmenu ul{ 
margin: 0; 
padding: 0; 
font: bold 12px Verdana; 
list-style-type: none; 
border-bottom: 1px solid gray; 
background: #414141; overflow: hidden; 
width: 100%; 
}


.mattblackmenu li{ 
display: inline; 
margin: 0; 
}


.mattblackmenu li a{ 
float: left; 
display: block; 
text-decoration: none; 
margin: 0; 
padding: 6px 8px; /*padding inside each tab*/ 
border-right: 1px solid white; /*right divider between tabs*/ 
color: white; 
background: #414141; 
}


.mattblackmenu li a:visited{ 
color: white; 
}


.mattblackmenu li a:hover{ 
background: black; /*background of tabs for hover state */ 
}


.mattblackmenu a.selected{ 
background: black; /*background of tab with "selected" class assigned to its LI */ 
}


</style>





<div id="ddtopmenubar" class="mattblackmenu"> 
<ul> 
<li><a href="#">LINK1</a></li> 
<li><a href="#" rel="ddsubmenu1">LINK2</a></li> 
<li><a href="#" rel="ddsubmenu2">LINK3</a></li> 
<li><a href="#">Link4</a></li> 
<li><a href="#" rel="ddsubmenu3">LINK5</a></li> 
</ul> 
</div>


<script type="text/javascript"> 
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") 
</script>



<ul class='ddsubmenustyle' id='ddsubmenu1'> 
<li><a href='#'>LINK2 ITEM 1</a></li> 
<li><a href='#'>LINK2 ITEM 2</a> 
  <ul> 
  <li><a href='#'>LINK2 ITEM 2.1</a></li> 
  <li><a href='#'>LINK2 ITEM 2.2</a></li> 
  </ul>


</li> 
<li><a href='#'>LINK2 ITEM 3</a> 
  <ul> 
  <li><a href='#'>LINK2 ITEM 3.1</a></li> 

    </ul>


</li> 

<li><a href='#'>LINK2 ITEM 4</a></li>


</ul>



<ul class='ddsubmenustyle' id='ddsubmenu2'> 
<li><a href='#'>LINK3 ITEM 1</a></li> 
<li><a href='#'>LINK3 ITEM 2</a></li> 
<li><a href='#'>LINK3 ITEM 3</a> 
  <ul> 
  <li><a href='#'>LINK3 ITEM 3.1</a></li>


<li><a href='#'>LINK3 ITEM 3.2</a></li> 
  <li><a href='#'>LINK3 ITEM 3.3</a></li> 
  <li><a href='#'>LINK3 ITEM 3.4</a></li> 
  </ul> 
</li> 
<li><a href='#'>LINK3 ITEM 4</a></li> 
<li><a href='#'>LINK3 ITEM 5</a> 
  <ul>


  <li><a href='#'>LINK3 ITEM 5.1</a></li> 
  <li><a href='#'>LINK3 ITEM 5.2</a> 
    <ul> 
    <li><a href='#'>LINK3 ITEM 5.2 1</a></li> 
    <li><a href='#'>LINK3 ITEM 5.2 2</a></li> 
    <li><a href='#'>LINK3 ITEM 5.2 3</a></li>


    </ul> 
  </li> 
    </ul> 
</li> 
<li><a href='#'>LINK3 ITEM 6</a></li> 
</ul>





<ul class='ddsubmenustyle' id='ddsubmenu3'> 
<li><a href='#'>LINK5 ITEM 1</a></li> 
<li><a href='#'>LINK5 ITEM 2</a></li>


<li><a href='#'>LINK5 ITEM 3</a></li> 
<li><a href='#'>LINK5 ITEM 4</a></li> 
<li><a href='#'>LINK5 ITEM 5</a></li> 
</ul>

Yukarıdaki renkli ve kalın olarak yazılmış yerleri, size uygun şekilde düzenleyerek özelleştirebilirsiniz..yada istemediğiniz yerkeri silerek kaldırabilirsiniz..Demosu için TIKLAYIN..
Gönderen 2 yorum:

Cuma, Mart 16, 2012

Facebook , Twitter Yalancı Takipci Sayısı Eklentisi


Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..

Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...

Adı üstünde Yalancı Takipci Sayısı Eklentisi !
<style> 
.rss-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwQKncM886enZU04TDY3pMyZoq-sqOPBnz5NsHyg81dvB6fmEN9jgjqxBGv6kzJMkTDOUvs_nzhln2fkPTSNbkKuuQhsGmLR3WBIWGYmMEpYbisP19dxWIB-b1_Tu56oCYF5O6UyC9vw/s800/RSS1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.twitter-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkutnF3V1uMUrciz2uyvmXtZzL6EmnuHHbQ-rrCwE21cJYdCY1pJRblWXdcBf4ncKAst0E8O_3FBqlRRPKKLo3-sKj1SDW8cjEXQnIU8xMKzHf73EXyNGGgRxHSSPNw-JeYfzMla_TOs/s800/TWITTER1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.facebook-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sXzhRZlpvUuKJmP8D0WftjJB86nB-C7rpI2UG8rCOnvfhf0dWB_OyBAQiJa0FlYa1dUerawfJr1A692hHpb7kLzOhB1O9snRuWHByh88bTiwy_LKYUJ_GfYrI1znB5VTbLWGS4qcy4k/s800/FACEBOOK1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.follower-rss, .follower-twitter, .follower-facebook { 
    font-family: Georgia,  sans-serif, Times; 
    font-size: 1.1em; 
        font-style:italic; 
        color:#289728; 
}
.follower-rss span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#FFB93C;     
}
.follower-twitter span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#6DB6E6;     
}
.follower-facebook span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#3889BA;     
}
</style>
<div class="rss-mbt"> 
<div class="follower-rss"> <span>78</span> Okuyucu 
</div> 
<a href="Rss adresiniz" rel="nofollow">RSS feed</a> 
| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a> 
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div>                            
<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a> 
</div>                       
<div class="facebook-mbt">                        
<div class="follower-facebook"><span>403</span> Takipçi                           </div>                            
<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a> 
</div>
Yukarıdaki kodu blogunuza gadget şeklinde istediğiniz yere , yerleşim'den ekleyiniz..Kod içinde kırmızı olan yerlere, kendi twitter , facebook , rss ve mail adresinizi yazınız..Mavi olan yerler ise , takipçi sayısı kısmı, buralara istediğiniz rakamı yazabilirsiniz..
Gönderen Hiç yorum yok:

Perşembe, Mart 15, 2012

Yandan Açılan Facebook Kutusu Eklentisi


Yandan Açılan facebook kutusu eklentisi..

Bu facebook kutu eklentimizde , fare ile üzerine gelindiğinde açılan , hem facebook sayfanızı beğenmenizi sağlayan , hemde sizi facebookta beğenenleri gösteren hoş güzel bir eklenti..

Ziyaretçileriniz , sağda bulunan facebook resminin üzerine geldiğinde, eklentimiz sola doğru açılır , fare üzerinden çekildiğinde otomatik kapanır..
<head>
Yukarıdaki kodu buluyoruz ve hemen altına aşağıdaki kodu ekliyoruz..
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
Daha sonra aşağıdaki kodumuzu kopyalayıp , blogunuzda yerleşim >> gadget ekle >> HTML/JavaScript olarak herhangi bir yere ekliyoruz..Kodumuzdaki kırmızı ile yazılmış olan yeri kendi facebook adresinizle değiştirmeyi unutmayınız..
<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/AVvXsEh4M8LhKfwMkdXokJn7X16A6Cy0ZBvTGvDXKhciGvFBAn3lyIt7dQ_gnECYI2h1zYXov_OdDcJp2rM56UxnAQzMHssnOKH7oTEZZig0nz4Apvsms0Qg1MXxd6zMuZbhmaB-q2u6Rqz1Je2m/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/Belgesel-izle/182948901769329&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://http://eklentileri.blogspot.com/">eklentileri</a></span></div></div>
Demosunu görmek için buraya TIKLAYIN..
Gönderen Hiç yorum yok:

Bu yazıyı Beğendinizmi Eklentisi


Blogger için Bu yazıyı beğendinizmi eklentisi

Bu eklentimizde blogunuzda yazdığınız yazıların/konların altında yukarıdaki resimde gördüğünüz gibi Facebook beğen/paylaş ve Twitter takip et/takipçi sayısı gibi ayrıntıların yer aldığı eklentimizi blogunuza eklemiş olacağız..

Oldukça kullanışlı bir eklenti olduğunu düşüdüğümüz bu yazıyı beğendinizmi eklentisini aşağıdaki yolları takip ederek blogunuza ekleyebilirsiniz..

Öncelikle blogumuzda aşağıdaki kodu buluyoruz.
<data:post.body/>
Bu kodun hemen altına
<b:if cond='data:blog.pageType == "item"'>
<div style=" height:80px;  background:rgb(232, 240, 249); border: 1px solid rgb(171, 210, 233); padding: 10px; margin: 10px 0pt 10p 0px;"> 
<p style="color: rgb(59, 89, 152); margin: 0pt 0pt 5px; font: bold 1.3em helvetica,arial,verdana;">Do you like this story?</p> 
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="true" width="450" show_faces="false"></fb:like>
<a class='twitter-follow-button'  href='http://twitter.com/XXXXX' rel='nofollow'></a> 
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
</div>
</b:if>
Kodlarını ekliyoruz ve kaydediyoruz , Mavi ile yazılmış olan yere kendi twitter kullanıcı adınızı yazmayı unutmayınız.

Bu yazıyı Beğendinizmi Eklentisinin Demosunu Görmek için TIKLAYIN
Gönderen Hiç yorum yok:

Blogger Oylama Eklentisi


Blogger Blogunuzda yazı ve konularınız için oylama eklentisi istermisiniz ?

Bu eklentimizle yazdığınız yazıların sol üstünde beş yıldızdan oluşan oylama eklentisi blogunuza yerleşir , kullanıcılar 1'den 5 yıldıza kadar blogunuzu oylayabilirler , toplam oy sayısı ve ortalaması görülebilir..

Blogunuzda yazılarınızın/konularınızın beğenilip beğenilmediğini anlamak için güzel bir eklenti...

Öncelikle blogunuzda aşağıdaki kodu bulunuz..
</body>
Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
<script src="http://js-kit.com/ratings.js"></script>
Şimdi ise bu kodu bulunuz
<data:post.body/>
Bu kodun üstüne aşağıdaki kodu ekleyiniz ve kaydedin...
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'> 
</div> 
</b:if>
Bu kodun özizlemesini görmek için TIKLAYIN
Gönderen Hiç yorum yok:

Çarşamba, Mart 14, 2012

Konu - Yazı altında Sosyal Paylaş eklentisi


Blogger Yazı içinde Sosyal Paylaş/Beğen eklentisi..

Resimde görüldüğü gibi , konu altında sosyal butonlarımız oluşmakta, aşağıdan önizlemesini görebilirsiniz..

DEMO


<b:if cond='data:blog.pageType == &quot;item&quot;'>

Yukarıdaki kodu blogumuzda buluyoruz ( Widget Şablonlarını Genişlet'i işaretlemeyi unutmayın ) bu kodun hemen altına 



<div style='background:#FEE6E6; border:1px solid #ddd; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px; padding:5px; box-shadow: 3px 3px 3px #CCCCCC;'> <table border='0'> <tr>


<td><!-- Twitter -->


<a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if> </td>


<td><!--Facebook-->


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/> </td>


<td><div style='margin-right:25px;'><!-- STUMBLE UPON -->


<script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/></div> </td> <td><div style='margin-right:5px;'><!-- GOOGLEPLUS --> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td>


<td><!-- AddThis Button BEGIN -->


<div class='addthis_toolbox addthis_default_style '> <a class='addthis_counter addthis_pill_style'/> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4de3b2d654f56f28' type='text/javascript'/> <script type='text/javascript'> var addthis_config = { ui_cobrand: &quot;eklentileri.blogspot.com&quot;, ui_header_color: &quot;#ffffff&quot;, ui_header_background: &quot;#0080FF&quot; } </script>


<!-- AddThis Button END --></td> </tr> </table></div>


Kodlarını ekliyoruz..Yapmamız gereken sadece bu kadar..Arka plan rengini değiştirmek isterseniz , kod içindeki mavi ile yazılmış olan FEE6E6'yi değiştirmeniz yeterli..
Gönderen 1 yorum:

Salı, Mart 13, 2012

Popüler Yayınlar Eklentisi ( Otomatik Animasyonlu )


Blogger Popüler Yayınlar Otomatik Animasyon Eklentisi

Bu eklentimizde , blogunuzda yayınladığınız popüler yayınlarınız animasyonlu şekilde geçiş yapılarak listelenir , klasik popüler yayınlardan sıkıldıyanız işinize yarayacak bir eklenti olduğunu düşünüyorum..

Not : Bu eklentiyi eklemeden önce , Blogunuza popüler yayınlar eklentisini eklediğinizden emin olun , popüler yayınları eklemek için Yerleşim >> Gadget Ekle >> Popüler Yayınlar seçeneğini kullanınız..

Not 2 : Popüler yayınları eklediğinizde , Görüntüleme sınırını 10 yayın yapmanız önerilir , tercihe bağlı..



Gönderen Hiç yorum yok:

Blogger Yorumları Numaralandırma Eklentisi


Blogger Yorumları numaralandırma eklentisi

Bu eklentimizde , blogger blogunuza yapılan yorumların yanına yorum sayılarını ekliyeceğiz , yukarıdaki resimde gördüğünüz gibi , her yorumun yanında sayılarımız çıkacak , bu şekilde hem kaç kişinin yorum yaptığını hemde kaçıncı yorumu yapmış olduğunu önizleyebileceğiz..

öncelikle blogumuzda aşağıdaki kodu buluyoruz
<dl id='comments-block'>

Yukarıdaki kodun hemen altına aşağıdaki kodu ekliyoruz..
<script type='text/javascript'>var CommentsCounter=0;</script>

Yukarıdakileri yaptıktan sonra , aşağıdaki kodumuzu buluyoruz..
<data:commentPostedByMsg/>

Bu kodun hemen altına aşağıdaki kodu ekliyoruz , artık blogger yorumlarınızda numaralar gözükecektir..
<span class='numberingcomments' style='float: right; font-size: 20px;'>
<a exprCoolref='data:comment.url' title='Yoruma Git'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

Soru ve görüşleriniz için yorum panelini kullanabilirsiniz..
Gönderen Hiç yorum yok: 

Buraya Kod Eklenecek
Gönderen Hiç yorum yok:

Yorum Gönder Yazısını Değiştirme Düzenleme Eklentisi


Blogger blogunuzda yer alan yorum gönder yazısı yerine istediğiniz bir yazı yazmak istermisiniz ?

Bu eklentimizde , yorum gönder yazısı yerine istediğimiz bir yazı yazabilecek ve istersek bu yazının boyutunu ve rengini düzenleyebileceğiz..

öncelikle aşağıdaki kodu ctrl+f yardımı ile bulunuz..


<h4 id='comment-post-message'><data:postCommentMsg/></h4>
yukarıdaki mavi olan kodumuzun yerine gözükmesini istediğimiz yazıyı yazıyoruz..

Yazdığımız yazının boyutunu ve rengini değiştirmek istersek aşağıdaki kodu buluyoruz
]]></b:skin>
Bu kodun hemen üstüne 
#comments h4 {
font-size:14px;
font-weight: bold;
color:#000000;
}
kodunu yapıştırıyoruz...000000= siyah olarak ayarlı değiştirmek isterseniz değiştirebilirsiniz , 14 px yazı boyutumuz değiştirebilirsiniz..
Gönderen Hiç yorum yok:

Pazartesi, Mart 12, 2012

ARA


Gönderen Hiç yorum yok:

Pazar, Mart 11, 2012

Etiketine Sahip Kayıtlar Gösteriliyor yazısını kaldırma


Blogunuzda , arama ve etiketlerde çıkan " etiketine sahip kayıtlar gösteriliyor " yazısını kaldırmak istermisiniz..

Bu eklentimizle bu sorunu ortadan kaldırmış olacağız , aslında sorundan ziyade, görüntü kirliliği olarak düşünenler için yararlı bir uygulama..

Etiketine sahip kayıtlar gösteriliyor eklentisini kaldırmak için 
üstte yer alan kodların tamamını bulun ve asağıdaki kod ile değiştirin...

Artık Blogunuzda bu yazı gözükmeyecek..
Gönderen Hiç yorum yok:

Blogger Sayfa ile hareket eden Bookmark eklentisi


Blogger blogunuz için sayfa altına yerleşen , sayfayı aşağı yukarı hareket ettirseniz bile sayfada sabit kalan bookmark eklentisi istermisiniz ?

Bu eklenti ile okurlarınız , blogunuzda beğendiği yazıları , facebook , twitter vb.. sitelerde paylaşabilecek...

Bookmark eklentisini blogunuza yüklemek çok kolay , aşağıdan bloguma ekle butonuna basmanız yeterli..


Gönderen Hiç yorum yok:

Cumartesi, Mart 10, 2012

Blogger Translate Eklentisi ( Bayraklı )


Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ?

Bu eklentimiz sayfalarınıza giren ziyaretçilerinize , yazılarınızı konularınızı farklı dillere çevrilmesini sağlıyor, eğer blogunuza farklı ülkelerden ziyaretçiler geliyorsa yada gelebileceğini düşünüyorsanız bu eklenti oldukça işinize yarayacak..

Ziyaretçileriniz tek tıkla blogunuzdaki dili değiştirebiliyorlar..

Blogger Translate Eklentisi



Gönderen Hiç yorum yok:

Blogger Twitter Takip kutusu Eklentisi


Blogger blogunuz için twitter takip kutusu istermisiniz ?

Twitter takip kutusu eklentisi ile blogunuzda sizi takip eden kullanıcılarınızı ve takipçi sayınızı gösterebilirsiniz..

Oldukça yararlı bir eklenti olduğunu düşündüğümüz twitter kutusu eklentisini mutlaka blogunuzda deneyiniz..

eklenti ile ilgili sormak istediğiniz soru ve görüşleriniz varsa yorum panelinden bize ulaşabilir/bilgilendirebilirsiniz...

twitter takip kutusu blogger eklentisini eklemek için aşağıdaki butonu kullanıp direk blogunuza ekleyebilirsiniz..

Not olaraktan , eklenti içinde yer alan xxxxx kısmına kendi twitter kullanıcı adınızı yazmayı unutmayınız..



Gönderen Hiç yorum yok:

Yukarı Aşağı Buton Eklentisi


Blogunuza Yukarı ve Aşağı butonları içeren bir eklenti eklemek istermisiniz ?

Bu eklentimiz , Blogunuzun sağ altına sabit şekilde duracak , yukarı ve aşağı butonu ekler, ziyaretçileriniz, bu butonlar yardımı ile sayfada aşağı ve yukarı çıkabilirler..

Yukarı ve aşağı buton eklentisini blogunuza eklemek için aşağıdaki bloguma ekle butonunu kullanabilir ve blogunuza ekleyebilirsiniz..



Gönderen 1 yorum:

Perşembe, Mart 08, 2012

Blogunuza girişte bir kez açılan bilgilendirme kutusu


Blogunuz için girişte açılan bilgilendirme kutusu / hoşgeldiniz mesajı tarzı bir eklenti istermisiniz ?

Bu eklentimizin çalışma mantığı şu şekilde ; ziyaretçiniz blogunuza girdiğinde , bilgilendirme kutusu ekrana gelir , tamam butonu ile kapanır , ziyaretçiniz diğer sayfalarınıza girsede tekrar karşılarına çıkıp onları rahatsız etmez..

Bu eklentiyi blogunuzda kullanmak için aşağıdaki bloguma ekle butonunu kullanabilir , ardından kod içindeki BURAYA YAZMAK İSTEDİĞİNİZ YAZI yerine istediğiniz mesajı yazabilirsiniz..


Gönderen Hiç yorum yok:

Çarşamba, Mart 07, 2012

Powered by Blogger Yazısını Kaldırma


Bir çok kullanıcının blogunda powered by blogger şeklinde bir yazı bulunmaktadır, bu yazı bazı bloglarda gatget şeklinde olmadığı için kaldırma şanşınız normal yollarla yoktur...

Aşağıda yöntem ile powered by blogger yazısını blogunuzdan kaldırabilirsiniz...

yukarıdaki kodu ctrl+f ile bulun ve hemen üstüne aşağıdaki kodu yapıştırın..
Artık blogunuzda powered by blogger yazısı çıkmayacaktır, yapmanız gereken bukadar...
Gönderen 2 yorum:

Otomatik açılır kapanır Sosyal Eklentisi



Bu yazımızda , blogunuzda kullanabileceğiniz harika bir sosyal imleme eklentisi paylaşacağız , eklenti görüntü açısındanda kulanım açısındanda çok güzel..

Demosunu görmek isterseniz bu konunun altına bakabilirsiniz , fare imleci üstüne geldiğinde açılır , fare çekildiğinde eski halini halır..

Şablon  ›  HTML'yi Düzenle 


kodundan önce


kodunu ekliyoruz..


Daha sonra..



kodundan sonra



Kodunu ekliyoruz....



iki işlemide yaptıktan sonra eklentimiz hazır hale geliyor , şablonu kaydet diyoruz ve eklentimiz kullanıma hazır, soru ve görüşleriniz için yorum panelini kullanabilirsiniz..
Gönderen Hiç yorum yok:
Kaydol: Yorumlar (Atom)