Bilgi birikim bankası. | Oyun | Teknoloji | Hayat | Yaşam

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/AVvXsEjhZUMNEt7WzywB9lMCcReU-YXSo926boZdbqMq_sbbNl-_wpQa2mOL4WqWuBS9qiByyzhUzSdykQ8pBdFedOF5IQTBOHL4iBaKkumuZQUS8JmAXaiTHodaC44cmnTJPoj9nZvZrYJSYcLb/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://eklentileri.blogspot.com/">eklentileri</a></span></div></div>

Demosunu görmek için buraya TIKLAYIN..

Devamını Gör

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;">Bu Yazıyı Beğendinizmi?</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

Devamını Gör

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

Devamını Gör

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..

Devamını Gör

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..

Devamını Gör

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..

Devamını Gör

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..

Devamını Gör

Mor Blog

Yandan Açılan Facebook Kutusu Eklentisi

Bu yazıyı Beğendinizmi Eklentisi

Blogger Oylama Eklentisi

Konu - Yazı altında Sosyal Paylaş eklentisi

Blogger Yorumları Numaralandırma Eklentisi

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

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

Popüler Yazılar

Kategoriler

İletişim

Hakkımda

Bilgi birikim bankası. | Oyun | Teknoloji | Hayat | Yaşam | Eğlence...

Reklam

Blog Arşivi

Popular Posts

Cloud

About Me