ibrahimfirat.net | KişiseL Görüş Evrensel Bilgi: blogger eklentileri

blogger eklentileri

Oy Verme Eklentisi ( Blogger )

By: İbrahim Fırat on Salı, Ocak 07, 2014 / yorum : 1 blogger, blogger eklentileri, iF

Bir süredir blogger eklenti paylaşımımız olmuyordu. Bugün en çok aranan eklentilerden biri olan blogspot yıldızlı oy verme eklentisinin kurulumunu anlatacağız.

Bir çok sitede denk gelmişsinizdir yıldız oy vermeyi konuların hemen altında bulunan okuyucular tarafından oylanma sistemini. şimdi kurulumuna geçelim.

1. Aşama: bu siteye giriş yapın. Eklentiyi kullanmanız için üyelik işlemlerini tamamlayınız. sonrasında ilgili linke giderek Create account butonuna tıklayın.

2. Aşama: Stil seçme ve ayarlar bölümü burada Yıldızlı veya +/- oy verme gibi stilleri seçmeniz gerekmektedir.

3. Aşama: Blogger kumanda paneli kısmına girin sonra Şablon > HTML’yi düzenle bölümünü izleleyerek Ctrl + F tuşlarını kullanarak şu kodu </body> bulun. ilgili siteden aldığınız oy verme kodlarını bulduğunuz kodun üstüne ekleyin..

Hemen sonrasında <div class='post-footer'> kodunu aratarak bulun. Bu kod temanıza göre bir kaçtane olabilir hepsinde deneyin. Aşağıdaki kodu bulunan kodun üstüne ekleyin.

<div class="rw-ui-container"></div>

3 Adet Blogger Slider ( Slayt ) Kodları

By: İbrahim Fırat on Cuma, Kasım 29, 2013 / yorum : 0 blogger, blogger eklentileri, iF

1. Slayt: Oldukça sade bir manset alanı sitenize görsel anlamda iyi bir görünüm verecektir. Eklemesi gayet basit HTML JavaScript Gadget ekle bölümünden aşağıdaki kodu ekleyin..

</style>

<div id="featured">
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item" id="nav-fragment-1"><a href="#fragment-1"><img alt="featured 1" src="http://1.bp.blogspot.com/-L6oFRxAjx4w/UaTsGvOIoLI/AAAAAAAAA7g/Xn1Ztn3NEP4/s1600/Change+Mouse+Cursor+Generator.png"/><span>TITLE 1</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img alt="featured 2" src="http://3.bp.blogspot.com/-HhFix8dwK6c/UaTsHHRJijI/AAAAAAAAA7w/XKC6LzXVsJU/s1600/Numbered+Page+Navigation.png"/><span>TITLE 2</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img alt="featured 3" src="http://2.bp.blogspot.com/-hAL3CbG_qeU/UaTsHXHNM4I/AAAAAAAAA70/5q-cuqeUlww/s1600/Snow+Cursor+Code+Generatort.png"/><span>TITLE 3</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img alt="featured 4" src="http://3.bp.blogspot.com/--vess4cuOAQ/UaTsGpHEUvI/AAAAAAAAA7k/scQVLvuorZc/s1600/Blogger+Falling+Object+Generator.gif"/><span>TITLE 4</span></a></li>
</ul>

<div id="fragment-1" class="ui-tabs-panel" style="">
<img alt="" src="http://2.bp.blogspot.com/-K_2wwgsZkWw/Uhnj7LRRGGI/AAAAAAAABIM/c-I2AEoZZnk/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png"/> 
<div class="info">
<h2>
<a href="#" target="_blank">TITLE-OF-THE-SLIDE 1</a></h2>
<p>
TEXT-OF-THE-SLIDE 1</p>
</div>
</div>

<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt="" src="http://2.bp.blogspot.com/-PlV205zDJXI/Uhnm1ZN1W2I/AAAAAAAABIg/nw5gu9LTvIA/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png"/>
<div class="info">
<h2>
<a href="#" target="_blank">TITLE-OF-THE-SLIDE 2</a></h2>
<p>
TEXT-OF-THE-SLIDE 2</p>
</div>
</div>

<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt="" src="http://1.bp.blogspot.com/-M0EQDInUmnA/UhnoxhiOzPI/AAAAAAAABIs/BP1BBPF9NdE/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png"/>
<div class="info">
<h2>
<a href="#" target="_blank">TITLE-OF-THE-SLIDE 3</a></h2>
<p>
TEXT-OF-THE-SLIDE 3</p>
</div>
</div>

<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img alt="" src="http://1.bp.blogspot.com/-RkVjrr2ep3Q/UhnqZIfLhII/AAAAAAAABI4/5dxe7L1Hgfw/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png"/>
<div class="info">
<h2>
<a href="#" target="_blank">TITLE-OF-THE-SLIDE 4</a></h2>
<p>
TEXT-OF-THE-SLIDE 4</p>
</div>
</div>
</div>
<div style="clear:both;">
</div>
<br/>
<div>
</div>

2. Slayt: Harika bir yatay manset eklentisi blogger sitenizde rahatlıkla kullanabilirsiniz. Gene aynı şekilde aşağıdaki kodu ekleyebilirsiniz.

jQuery('#featured-prev-button').bind('click', function() {
carousel.prev();
return false;
});
jQuery('.button-nav span').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
};
jQuery('#feature-carousel').jcarousel({
wrap:"both",
scroll:1,
auto:10,
initCallback: mycarousel_initCallback,
buttonNextHTML: null,
buttonPrevHTML: null
});

});
</script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 941px;height: 254px;}
.jcarousel-skin-tango .jcarousel-item {width: 307px;height: 254px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {
background:transparent url(http://3.bp.blogspot.com/_pZaV-NlP_3s/TFAMVbjDoRI/AAAAAAAAAGc/qVMBXOUAnnY/s1600/image-slider-button.png) no-repeat scroll -46px 0;
cursor:pointer;
height:254px;
right:20px;
position:absolute;
top:0;
width:46px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
background:transparent url(http://3.bp.blogspot.com/_pZaV-NlP_3s/TFAMVbjDoRI/AAAAAAAAAGc/qVMBXOUAnnY/s1600/image-slider-button.png) no-repeat scroll 0 0;
cursor:pointer;
height:254px;
left:20px;
position:absolute;
top:0;
width:46px;
}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
#news-slider{background-color:#FFFFFF;padding:20px 0;}
#news-slider img{border:none;height:254px;width:307px;}
</style>

3. Slayt: Siyah arka plan yatay açıklamalı manşet alanı aynı şekilde gadget ekle kısmından aşağıdaki kodu ekleyiniz.

jQuery(document).ready(function() {
Cufon.replace('.blogname h2', { fontFamily: 'MankSans-Medium' });
Cufon.replace('.sidetitl,.blogname h1', { fontFamily: 'ChunkFive' });

});

//]]>
</script>
<script src="http://dl.dropboxusercontent.com/s/hzvrb89dqcv4tnd/n17-content-slider-08.js" type="text/javascript"></script>
<script src="http://dl.dropboxusercontent.com/s/is3b1bz385zi88h/n17-content-slider-09.js" type="text/javascript"></script>
<script src="http://dl.dropboxusercontent.com/s/ac9jbr5hwssjnqh/n17-content-slider-010.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#slidearea{
height: 230px;
overflow: hidden;
position: relative;
width:680px;
background:#242424;
}
#gallerycover{
overflow: hidden;
margin:0px 0px;
}

.mygallery{
overflow: hidden;
position:relative;
}

.mytext img{
position:absolute;
left:10px;
top:10px;
padding:5px;
background:#515252;
border:1px solid #5e5e5e;
}

.mytext{
position:relative;
margin:0px 0px;
height:200px;
width:680px;
float:left;
display:inline;
line-height:20px;
color:#c4c4c4;
font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;
}

.mytext ul li{
height:200px;

}

.mytext a:link, .mytext a:visited {
color:#fff;
}

.mytext h2 {
font: 18px Georgia,century gothic,Verdana, sans-serif;
margin:15px 0px 5px 310px;
font-weight:normal;
width:350px;
height:24px;
overflow:hidden;
}

.mytext p {
width:350px;
margin:0px 0px 5px 310px;
color:#6f6f6f;
}

.mytext h2 a:link, .mytext h2 a:visited {
color:#fff;
}
.slnav{
padding:3px 0px;
background:#000;

}
.prev{
float:left;
width:24px;
height:24px;
z-index:200;
margin-left:5px;
background:url(http://1.bp.blogspot.com/_4HKUHirY_2U/S2FVY1DGRHI/AAAAAAAAAtc/BZkCromQU-I/prev.png);
}

.next{
float:right;
width:24px;
height:24px;
z-index:200;
background:url(http://4.bp.blogspot.com/_4HKUHirY_2U/S2FVWGJQahI/AAAAAAAAAtU/l-hiX3uOqBo/nxt.png);
display:block;
}

</style>

});
</script>

<div id="gallerycover">
<div class="mygallery">
<ul>
<li>
<div class="mytext">
<h2>
<a href="#" target="_blank">Title-of-Post-1</a></h2>
<p>
Slide 1 Description [...]</p>
<img alt="" width="270" src="http://2.bp.blogspot.com/-K_2wwgsZkWw/Uhnj7LRRGGI/AAAAAAAABIM/c-I2AEoZZnk/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="170"/>
</div>
</li>
<li>
<div class="mytext">
<h2>
<a href="#" target="_blank">Title-of-Post-2</a></h2>
<p>
Slide 2 Description [...]</p>
<img alt="" width="270" src="http://2.bp.blogspot.com/-PlV205zDJXI/Uhnm1ZN1W2I/AAAAAAAABIg/nw5gu9LTvIA/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="170"/>
</div>
</li>
<li>
<div class="mytext">
<h2>
<a href="#" target="_blank">Title-of-Post-3</a></h2>
<p>
Slide 3 Description [...]</p>
<img alt="" width="270" src="http://1.bp.blogspot.com/-M0EQDInUmnA/UhnoxhiOzPI/AAAAAAAABIs/BP1BBPF9NdE/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="170"/>
</div>
</li>
<li>
<div class="mytext">
<h2>
<a href="#" target="_blank">Title-of-Post-4</a></h2>
<p>
Slide 4 Description [...]</p>
<img alt="" width="270" src="http://1.bp.blogspot.com/-RkVjrr2ep3Q/UhnqZIfLhII/AAAAAAAABI4/5dxe7L1Hgfw/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="170"/>
</div>
</li>
<li>
<div class="mytext">
<h2>
<a href="#" target="_blank">Title-of-Post-5</a></h2>
<p>
Slide 5 Description [...]</p>
<img alt="" width="270" src="http://4.bp.blogspot.com/-XMxYEw2NibM/UhozkOB-YXI/AAAAAAAABJI/N6uGRQTwrXQ/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="170"/>
</div>
</li>
</ul>
<div class="clear">
</div>
</div>
</div>
<div class="slnav">
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
<div class="clear">
</div>
</div>
</div>
<div class="clear">
</div>

Blogger Düzenle İkonu Nasıl Kaldırılır?

By: İbrahim Fırat on Perşembe, Kasım 28, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger Widget Düzenleme ikonu kaldırmak

Bu konumuz seo açısından önemlidir. Genel olarak faydalı olan sadece site sahibine gözüken widget düzenle ikonu aynı zamanda seo sorgularında link çıkışı olarak gözükmektedir. Link çıkışı olarak gözükmesinin yanı sıra dofollow olarak çıkış vermektedir. iki yöntemle bu sıkıntıyı hemen gidereceğiz.

Bu yöntemi http://www.ilkay.co/ arkadaşımız kendi blogunda anlatmış. Bizde oradan yararlanarak sizlere sunacağız.

1. Yöntem:

Her widgetin kodları arasında şu kod bulunmaktadır. <b:include name='quickedit'/> Blogger + Şablon >> HTML'yi düzenle bölümünden yukarıdaki kodu bulun ve silin. Bu şekilde widget ikonları pasif hale gelecek site sahibine gözüken ikon artık size de gözükmeyecektir.

Yukarıdaki yöntem ile ne kadar widget çıkışınız varsa o kadar yukarıdaki koddan silin.

2. Yöntem:

Bu yöntemimiz oldıukça basit aşağıdaki kodu css kodlarınızın arasına yerleştirmeniz yeterli olacaktır. Tüm ikonları etkisiz hale getirecek ve gözükmeyecektir.

.quickedit{display:none;}

Blogger Renkli Widget Yapmak

By: İbrahim Fırat on Çarşamba, Kasım 27, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Temalarda her zaman bir eksiklik olabiliyor. Tam olarak kendi zevkimize göre tasarımlı tema bulmak oldukça zor. Bu yüzden temaları editleme işleride kullanıcıya düşüyor. Bu konumuzda blogger temalardaki widget arka plan rengini ayarlamayı öğreneceğiz.

Wİdget arka plan ayarlama

Kumanda Paneli + Şablon >> HTML'yi Düzenle Bölümünden aşağıdaki kodu bulun.

]]></b:skin>

Bulduğunuz kodun üstüne gelecek biçimde aşağıdaki kodda değişikler yaparak ekleyiniz. Değişiklik yapacağınız bölümler aşağıda anlatılmıştır.

#HTML2 h2
{
color:#000000; border-bottom:0px solid #22FF00; background: #ffffff;
}

Hangi widgetin arka plan rengini değiştirmek istiyorsanız widgetin kaçıncı olduğunu bularak HTML2 yazan bölüme widgetinizin ID'sinin sonundaki numarasını yazın örnek: HTML1, blog1, HTML2, HTML3, HTML5 gibi numaralandırmalar göreceksiniz.

Renklendirme için background: #ffffff; olan kısım widgetinizin ana rengi ben beyaz olarak ayarladım siz zevkinize göre herhangi bir renk kodunu ayarlayabilirsiniz.

color:#000000 ise widgetinizde görünen başlığın rengidir.

Sosyal Ağlarda Paylaşmadan ( Blogger )

By: İbrahim Fırat on Pazartesi, Kasım 25, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger Sosyal Ağlarda Paylaşmadan Kilitle Eklentisi

Bu eklentinin amacı siteye giriş yapıldığında konuyu sosyal ağlarda paylaşmadan hiç bir aktivitede bulunamıyorsun. Ziyaretçiyi rahatsız eder mi etmez mi? bu konu tartışılır. Ancak kulllanmak isteyenler olacaktır.

Blogger.com > Şablon > HTML'yi düzenle Kısmından devam ederek >> aşağıdaki kodu bulun.

</head>

Yukarıdaki kodun üstüne gelecek şekilde aşağıdaki kodu ekleyin.

Kaydedin ve şablon bölümünden çıkarak. Yeni konu aç kısmından HTML kısmına gelerek aşağıdaki kodu yapıştırın. Gerekli düzenlemeleri kendi sosyal ağ adreslerinize göre yaparak hangi konunuzun içine yerleştirirseniz kodu o konu sosyal ağlarda paylaşılmadan ziyaretçiye görünmeyecek.

<div style="text-align: center; margin-bottom: 20px;">
<img src="GİZLENECEK RESİM" alt="" style="margin: auto;" />
</div>
<div style="text-align: justify">
GİZLENECEK METİN
</div>

</article> 
</div>
<div id="mblunlocker">
 </div>
<script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUUR4dVRTUkdSVTA"></script>
  
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({

text: {
header: "İçeriği görmek için paylaş",
message: "Düğmelerden birine tıklayın ve içeriğe ulaşın.."
},

style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},

// twitter options
twitter: {
url: "http://www.twitter.com/sayfa",
text: "Upgrade your social buttons to get more social traffic!"
},

// facebook options
facebook: {
url: "http://www.facebook.com/sayfa",
appId: "418044881593120"
},

google: {
url: "http://plus.google.com"
}
});
});;;;
        
</script>

Widget Arka Plan Ekleme ( Blogger )

By: İbrahim Fırat on Pazar, Kasım 17, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger Widget arka plan ekleme

Blogger temalarımız bazen her yönüyle istediğimiz seviyede tasarıma sahip olamıyor. Bunun için gerekli düzenlemeleri kod bilgisi olması dahilinde temamız da değişiklikler yapmamız gerekiyor.

Bugün gerekli olan ayarlardan bir tanesi bir çok temada widget eklerken sadece görünüm olabiliyor biz bu sadece görünümlü widgetlere arka plan resmi veya rengi eklemeyi öğreneceğiz.

Sidebar,header ve footerde ki bütün gadgetlerinizi birbirinden farklı olarak stillendirebilirsiniz.Bu sayede eklentilerinizi görsel ve uyanıklık dişi hale getirebilirsiniz.

İlk evvela bir gadget oluşturun.Blogger-Tasarım-Sayfa Öğelerinden yeni bir gadget ekleyebilirsiniz.Eklediğiniz gadgete ister kapüşon girin isterseniz abes bırakın sizin zevkinize kalık amma bap yazarsanız idleri bulmanızı kolaylaştıracaktır.

1. Yöntem::

Gadgetimizi düzenle butonuna basalım.Gelen pencerede ki linki bir hamiş defterine yapıştıralım.Örneğin benim ki ;
http://blogger.com/rearrange?blogID=.......null&widgetId=HTML17

Maviyle işaretlediğim hedef numara bizim üzerinde çalışabileceğim dershane için kolaylık sağlayacaktır.
Bu şekilde ayarları yapmanız sizlere uygun değilse ikinci yöntem ile devam ediyoruz.

2. Yöntem:

Gadgetinize bir başlık girerek ayarlarımızı daha kolay olarak yapabileceğinizi biliyorsunuz..HTML DÜZENLE kısmıne gelerek ,gadget'e verdiğiniz adı temanızın kodlarında Ctrl + f tuşlarının yardımı ile aratın.

Sidebar-Wrapper sekmesinin altında çıkacaktır.Gördüğünüz kadar widgetid lerinin karşısında sınıflar yazıyor.Bu şekilde idlerimizi bulduktan sonra organizasyon kısmına geçelim.
Temanızda aşağıdaki kodu bulun ;

]]></b:skin>

Yukarıdaki kodu bulduktan sonra aşağıdaki örnek gösterilerek yazılmış kodu bir satır üstüne ekleyiniz.

#HTML17 h2{ background:#5585456; margin:10px 0 10px 1; padding:8px 0 8px 12px; font-size:11px; font-family: Sans-serif, Arial, Helvetica; font-weight:bold; text-transform:uppercase; color:#000; text-shadow:0 1px 0 #00000; }

Yukarıdaki koddda renk düzenlemeleri yazı stili boyut vs bunları kendi temanıza uygun şekilde yapınız.

Blogger Yukarı Çık Eklentisi

By: İbrahim Fırat on Salı, Ekim 22, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger Yukarı Çık butonu

Günümüzün en popüler eklentilerinden olan yukarı çık butonu sonsuz kaydırma eklentisi kullanan bloglar ve buna benzer temalarda gerekli eklentiler arasındadır.

Eklentimizin kurulumu için.

Blogger admin paneli > şablon + HTML'yi düzenle kısmından aşağıdaki kodu bulun..

</body>

yukarıdaki kodun bir satır üstüne aşağıdaki kodumuzu ekleyin.

Sola Sabit Sosyal Menü Eklentisi

By: İbrahim Fırat on Salı, Ekim 22, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger'ların popüler eklentilerinden biri sosyal menü eklentileridir. Önceki konularımızda klasik sosyal medya menülerini paylaşmıştık.

Yukarıda gördüğünüz eklentimiz oldukça hoş ve göze hitap ediyor. Sosyal medyada takipçi kazanmanıza öncülük edecektir.

<style type="text/css"> 
ul#sosyal { 
    position: fixed; 
    margin: 0px; 
    padding: 0px; 
    top: 20%; 
    left: 0px; 
    list-style: none; 
    z-index:9999; 
} 
ul#sosyal li { 
    width: 100px; 
} 
ul#sosyal li a { 
    display: block; 
    margin-left: -2px; 
    width: 100px; 
    height: 70px;    
    background-color:#fff; 
    background-repeat:no-repeat; 
    background-position:center center; 
    border:1px solid #AFAFAF; 
    -moz-border-radius:0px 10px 10px 0px; 
    -webkit-border-bottom-right-radius: 10px; 
    -webkit-border-top-right-radius: 10px; 
    -khtml-border-bottom-right-radius: 10px; 
    -khtml-border-top-right-radius: 10px; 
    -moz-box-shadow: 0px 4px 3px #000; 
    -webkit-box-shadow: 0px 4px 3px #000; 
} 
ul#sosyal .twitter a{ 
     background:#0F96C6 url(http://3.bp.blogspot.com/-1wb-O4GG6DQ/UPFOe03M-lI/AAAAAAAAA4g/1015-y7FaYU/s1600/Twitter.png)no-repeat; 
background-position:center center; 
} 
ul#sosyal .googleplus a      { 
    background:#D73D27 url(http://3.bp.blogspot.com/-1mYMKQENXdI/UPFOeK31VzI/AAAAAAAAA4k/w2Qk48tpleQ/s1600/GOOGLE+PLus.png)no-repeat; 
background-position:center center; 
} 
ul#sosyal .facebook a      { 
    background:#1A4B97 url(http://1.bp.blogspot.com/-3M1F3Y29Yoc/UPFOeAAUFvI/AAAAAAAAA4c/ALvfOPDwJ-g/s1600/Facebook.png)no-repeat; 
background-position:center center; 
} 
ul#sosyal .rss a      { 
    background:#FAAE17 url(http://4.bp.blogspot.com/-twR0g7wotpE/UPFOfFtFOuI/AAAAAAAAA4o/uJMUf9hjRco/s1600/rss.png)no-repeat; 
background-position:center center; 
} 
  
ul#sosyal .pinterest a   { 
    background:#963336 url(http://2.bp.blogspot.com/-xgOrG4ysqyM/UPFOeKFKMtI/AAAAAAAAA4Y/i_jnKpHsK24/s1600/Pinterest.png)no-repeat; 
background-position:center center; 
} 
</style>     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>     <script type="text/javascript"> 
$(function () { 
    $('#sosyal a').stop().animate({ 
        'marginLeft': '-85px' 
    }, 1000); 
  
    $('#sosyal > li').hover( 
        function () { 
            $('a', $(this)).stop().animate({ 
                'marginLeft': '-2px' 
            }, 200); 
        }, 
        function () { 
            $('a', $(this)).stop().animate({ 
                'marginLeft': '-85px' 
            }, 200); 
        } 
    ); 
}); 
</script>  <br />
<ul id="sosyal">
<li class="twitter"><a href="http://twitter.com/iF" title="Twitter"></a></li>
<li class="googleplus"><a href="http://gplus.to/iF" title="Google Plus"></a></li>
<li class="facebook"><a href="http://facebook.com/iF" title="Facebook"></a></li>
<li class="rss"><a href="http://feeds.feedburner.com/iF" title="Rss"></a></li>
<li class="pinterest"><a href="http://pinterest.com/iF" title="Pinterest"></a></li>
</ul>

Blogger Sabit Manşet Eklentisi

By: İbrahim Fırat on Cumartesi, Ekim 12, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger 4'lü Yatay Manşet

Blogger kullanıcıları için manşet eklentileri önceki konularımızda paylaşmıştık. Bugün sabit duran kategori tarzında manşet eklentisini paylaşacağız.

Kurulum için aşağıdaki kodu blogger kumanda paneli > şablon + Özelleştir bölümünden css kısmına aşağıdaki kodu ekleyin.

Yukarıdaki işlemden sonra yerleşim > Gadget ekle kısmından manşetin temanızın neresinde görünmesini istiyorsanız o bölüme gadget olarak eklemeniz yeterli.

<div id='manset'>
<center>
<div id='dvUstManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 928px; color: rgb(76, 76, 76); font-family: arial, sans-serif; font-size: 12px; line-height: 19px; '>
<ul id='menuManset' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; '>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 2px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '>
<a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 197px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '>
<a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 197px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 197px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 207px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '>
<a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img alt='' border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 215px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 207px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a hhref='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; ' target='_blank'>Manşet Açıklama</a></span></div>
</li>
<li id='dvUstMansetBox' style='margin-top: -3px; margin-right: 0px; margin-bottom: 0px; margin-left: 4px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; float: left; overflow-x: hidden; overflow-y: hidden; width: 200px; '>
<div id='mansetUdiv' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; height: 150px; '>
<a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(45, 45, 45); font-size: 13px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '><img border='0' src='http://p1309.hizliresim.com/1f/3/s7t4j.jpg' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; width: 200px; height: 150px; '/></a><span class='text' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; background-image: url(http://img.haber365.com/img/opacity70.png); background-attachment: scroll; background-origin: initial; background-clip: initial; bottom: 0px; color: rgb(0, 0, 0); height: 33px; left: 0px; line-height: 16px; position: absolute; text-align: center; width: 212px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: 0px 0px; background-repeat: repeat repeat; '><a href='#' style='margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); font-size: 14px; font-family: arial, helvetica, clean, sans-serif; text-decoration: none; font-weight: 700; '>Manşet Açıklama</a></span></div>
</li>
</ul>
</div>
</center>
</div>

Blogger Menü Eklentisi Yatay

By: İbrahim Fırat on Perşembe, Eylül 05, 2013 / yorum : 0 blogger, blogger eklentileri

Blogspot Yatay Menü Eklentisi

Blog siteleri için olması gereken eklentilerden bir tanesi ile karşınızdayız. Blogger yatay menü en çok tercih edilen menü biçimidir. Fazla yer kaplamaması ve estetik olması açısından kullanımı yaygındır. Kendimde blogger kullanıcısı olarak bu eklentiyi bazı sitelerimde kullanmaktayım. Renklerini kendinize göre ayarlayabilir istediğiniz renklere dönüştürebilirsiniz.

Eklentinin kurulumu için gerekenler:

Blogger admin paneli >> Yerleşim yolunu takip ederek Gadget ekle seçeneğinden HTML JavaScript ekle diyerek aşağıdaki kodu temanızın üst ( header ) bölümüne eklemeniz yeterli olacaktır.

Bu yazı ibrahimfirat.net tarafından yazılmıştır.

Blogger Twitter Dalı Eklentisi

By: İbrahim Fırat on Perşembe, Ağustos 29, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogspot Twitter Dalı Ekleyin

Sosyal ağlardaki takipçi kazanmanın seo açısından olumlu yönleri oldukça fazladır. Bu yazımızda Twitter takipçi sayınızı arttırmaya aracı olacak eklentiyi paylaşıyoruz.

Eklentimiz, sitenizin sol üst bölümünde sabit olarak durur. eklentinin kurulumunu tek adımda yapacağız.

Kodlar içerisinde bulunan www.ibrahimfirat.net_ kısmını kendi Twitter kullanıcı adınız ile değiştirip Blogger kumanda panelinden Şablon > Html'yi Düzenle bölümünden <body></body> kodların arasına istediğiniz herhangi bir bölüme eklemeniz yeterlidir.

Google Plus Popup Beğeni Kutusu Ekleyin

By: İbrahim Fırat on Perşembe, Ağustos 29, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Google Plus çıktığından itibaren seo alanında oldukça önemli rol oynamaya başladı. Bir önceki yazımızda google + sosyal ağınızda takipçi sayınızı nasıl yükselteceğinizi hakkında püf noktalarını açıklamıştık.

Bu makalemizde popup açılır şekilde google plus beğeni kutusu eklentisini paylaşacağız. Bu şekilde ziyaretçiler sayfanızı daha fazla beğenmeye teşvik edeceksiniz.

Kurulum:
1 ) Blogger kumanda paneli + yerleşim kısmına gelin
2 ) Gadget ekle bölümünden HTML/JavaScript kutusunu açın.
3 ) Aşağıdaki kodları yapıştırın ve kaydedin.

Blogger'a Rastgele Yazıları Gösteren Eklenti

By: İbrahim Fırat on Pazartesi, Ağustos 12, 2013 / yorum : 1 blogger, blogger eklentileri, iF

Blogspot Rastgele Yazılar Eklentisi Ekle

Blogger Rastgele Konuları Gösteren Eklenti

Blogger için rastgele yazılar eklentisi, sitenizdeki herhangi konuları karışık olarak ziyaretçiye sunan faydalı eklenti. Ziyaretçinin sitenizde daha fazla zaman geçirmesine ve rastgele herhangi konular arasında ilgisini çekebilecek konunun çıkması sitenizde daha uzun süre durmasına ve dolaşmasını sağlayacaktır. Seo'da bir adım önde olmanızı sağlayacak ve sitenizin ziyaretçisi sitenizden memun kalacaktır.

Eklenti kurulumu tek bir adımla gerçekleştiriyoruz. Blogger > Yerleşim > Gadget Ekle kısmından HTML JavaScript ekle diyerek aşağıdaki kodu ekleyin

DEMO kaldırılmıştır.

Sabit Sosyal Paylaşım Eklentisi

By: İbrahim Fırat on Cumartesi, Ağustos 10, 2013 / yorum : 0 blogger, blogger eklentileri, iF

Blogger Sayfa Altında Sabit Olan Sosyal Paylaşım Butonları

Blogspot Sabit Sosyal Medya Buton Eklentisi

Bazı sitelerde görmüşsünüzdür Sayfa hareket eder ama menü sabit kalır. Bu eklentimiz sayfa hareket etse bile sayfanın altında sabit şekilde duran sosyal paylaşım eklentisi.

1. Adım

ilk olarak Şablon > HTML'yi Düzenle kısmından Ctrl + F ile şu kodu bulun ]]></b:skin> aşağıdaki kodu yukarıdaki kodun üstüne ekleyin.

/*---www.ibrahimfirat.net Like To Enter Advance Traffic POP ---*/ div.cap { display: block; height: 100px; width: 40px; background: url(http://3.bp.blogspot.com/-296iWD5AC80/UEHlDsazgbI/AAAAAAAAFBk/Y22FaBJ66Lo/s1600/dock-background-left.png)bottom left no-repeat; } div.cap.left { position: absolute; bottom: 0px; left: 0px; } div.cap.right { background-position: right bottom; position: absolute; top: 0px; right: 0px; } ul.mbl-dock { display: inline-block; height: 130px; padding: 0 40px 0 0; background: url(http://3.bp.blogspot.com/-296iWD5AC80/UEHlDsazgbI/AAAAAAAAFBk/Y22FaBJ66Lo/s1600/dock-background-left.png) no-repeat right bottom; overflow: hidden; margin: 0 0 0 40px; } ul.mbl-dock li { display: block; position: relative; float: left; width: 50px; height: 50px; margin: 60px 0 4px 0; -webkit-transition: 0.15s linear; -webkit-transition-property: -webkit-transform margin; text-align: center; } ul.mbl-dock li a { display: block; height: 50px; padding: 0 1px; -webkit-transition: 0.15s linear; -webkit-transition-property: -webkit-transform margin; margin: 0; -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));} ul.mbl-dock li a img { width: 48px; } ul.mbl-dock li:hover { margin-left: 9px; margin-right: 9px;} ul.mbl-dock li:hover a { -webkit-transform-origin: center bottom; -webkit-transform: scale(1.5);} ul.mbl-dock li.nearby { margin-left: 6px; margin-right: 6px; z-index: 100;} ul.mbl-dock li.nearby a { -webkit-transform-origin: center bottom; -webkit-transform: scale(1.25);} ul.mbl-dock li span { background:#fff; position: absolute; bottom: 80px; margin: 0 auto; display: none; width: auto; font-family:arial; font-size: 11px; font-weight: bold; padding: 3px 6px; -webkit-border-radius: 6px; color: #000; } ul.mbl-dock li:hover span { display: block; } div#mbldockwraps { position: fixed; bottom: 12px; height: 120px; padding: 50px 0 0; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; width: 100%; line-height: 1; z-index: 100; } div#macWrap { width: auto; display: inline-block; position: relative; border-bottom: solid 2px rgba(255,255,255,.35); line-height: 0; }
/*---www.ibrahimfirat.net Like To Enter Advance Traffic POP ---*/

2. Adım

Tekrar aynı şekilde </head> kodunu bulun. Aşağıdaki kodu </head> kodundan önceki bölüme ekleyin.

3. Adım

Blogger Kumanda paneli > Yerleşim yolunu takip ederek Gadget ekle seçeneğinden aşağıdaki kodu ekleyin. Aşağıdaki linkleri kendi adresleriniz ile değiştiriniz.

<div id="mbldockwraps">
 <div id="macWrap">
 <div class="cap left">
</div>
<ul class="mbl-dock">
<li class="active"> <span>Ana Sayfa</span> <a href="http://www.ibrahimfirat.net"><img src="http://4.bp.blogspot.com/-lC4nKtzobds/UEHqESlqTpI/AAAAAAAAFCE/QHcVB7RMPjY/s1600/MBL_home.png" /></a> </li>
<li> <span>İletişim</span> <a href="http://www.ibrahimfirat.net"><img src="http://1.bp.blogspot.com/-jVB-sgRwlxg/UEHqDEtbnII/AAAAAAAAFB8/ZbqjWTDa_lM/s1600/MBL_contact.png" /></a> </li>
<li> <span>Hakkında</span> <a href="http://www.ibrahimfirat.net"><img src="http://3.bp.blogspot.com/-Y2BvQc08uic/UEHtEJQFxfI/AAAAAAAAFCU/w8QtfuH0Iug/s1600/MBL_about.png" /></a> </li>
<li> <span>Site İçeriği</span> <a href="http://www.ibrahimfirat.net"><img src="http://1.bp.blogspot.com/-KnAwKKZWvEw/UEHuSHTwDPI/AAAAAAAAFCs/ZyW0FZhMK0o/s1600/MBL_search.png" /></a> </li>
<li> <span>RSS</span> <a href="http://feeds.feedburner.com/ibrahimfirat"><img src="http://2.bp.blogspot.com/-9Kc5o_rvKp4/UEHtHjae3HI/AAAAAAAAFCk/pqxlbz53pr0/s1600/MBL_rss.png" /></a> </li>
<li> <span>Blogger</span> <a href="http://www.http://www.ibrahimfirat.net/search/label/blogger%20eklentileri"><img src="http://1.bp.blogspot.com/-icNwvQYp2sY/UEHv_hiI1QI/AAAAAAAAFDE/gxYpxMDK97Y/s1600/MBL_blogger.png" /></a> </li>
<li> <span>PAGE</span> <a href="https://www.facebook.com/ibrahimfirat"><img src="http://4.bp.blogspot.com/-LRdFm6v8XDU/UEHxLwRiUjI/AAAAAAAAFDM/hkTdpEGWQA0/s1600/MBL_FB.png" /></a> </li>
<li> <span>Twitter</span> <a href="https://twitter.com/Genel_Portal"><img src="http://4.bp.blogspot.com/-eZOdFkkJWV4/UEHxNzy5_HI/AAAAAAAAFDU/-KQDINX3Vcc/s1600/MBL_Twitter.png" /></a> </li>
<li> <span>Pin IT</span> <a href="http://pinterest.com/atolyye/"><img src="http://3.bp.blogspot.com/-SFmDScdgZpo/UEHz_FHcqwI/AAAAAAAAFDk/raWzRemcLE0/s1600/MBL_pin.png" /></a> </li>
<li> <span>Google</span> <a href="https://plus.google.com/u/0/IDNİZ"><img src="http://2.bp.blogspot.com/-9N7cAlgzEws/UEH01DGfEtI/AAAAAAAAFDs/JaeQr-_MPvY/s1600/MBL_googleplus.png" /></a> </li>
</ul>
</div>
</div>

Sitemizin kategorilerinde bulunan toplam yazı, bu yazılara yazılmış yorum bulunmaktadır!

Popüler
Yasal Uyarı
Yorumlar
Kategori

Tüm Hakları Saklıdır - !BR@H!M F!R@T - Skype: live:iletisim_1269 - Tema Düzenleme | Set by NarKo | Sitemiz, hukuka, yasalara, telif haklarına ve kişilik haklarına saygılı olmayı amaç edinmiştir. Sitemiz, 5651 sayılı yasada tanımlanan yer sağlayıcı olarak hizmet vermektedir. İlgili yasaya göre, site yönetiminin hukuka aykırı içerikleri kontrol etme yükümlülüğü yoktur. Bu sebeple, sitemiz uyar ve kaldır prensibini benimsemiştir. Telif hakkına konu olan eserlerin yasal olmayan bir biçimde paylaşıldığını ve yasal haklarının çiğnendiğini düşünen hak sahipleri veya meslek birlikleri, ibo.firat@gmail.com mail adresinden bize ulaşabilirler. Buraya ulaşan talep ve şikayetler Hukuk Müşavirimiz tarafından incelenecek, şikayet yerinde görüldüğü takdirde ihlal olduğu düşünülen içerikler sitemizden kaldırılacaktır. Sitede yayınlanan köşe yazılarından yazarları sorumludur. Site yönetimine ulaşmadan yapılan hukuki işlemlerden site yönetimi hiçbir şekilde sorumlu tutulamaz. Bu siteye giren her kullanıcı bu duyurudan haberdar olmuş sayılır. Sitedeki tüm harici linkler ayrı bir sayfada açılır. Sitemiz harici linklerin sorumluluğunu almaz.

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

Oy Verme Eklentisi ( Blogger )

3 Adet Blogger Slider ( Slayt ) Kodları

Blogger Düzenle İkonu Nasıl Kaldırılır?

Blogger Widget Düzenleme ikonu kaldırmak

Blogger Renkli Widget Yapmak

Wİdget arka plan ayarlama

Sosyal Ağlarda Paylaşmadan ( Blogger )

Blogger Sosyal Ağlarda Paylaşmadan Kilitle Eklentisi

Widget Arka Plan Ekleme ( Blogger )

Blogger Widget arka plan ekleme

Blogger Yukarı Çık Eklentisi

Blogger Yukarı Çık butonu

Sola Sabit Sosyal Menü Eklentisi

Blogger Sabit Manşet Eklentisi

Blogger 4'lü Yatay Manşet

Blogger Menü Eklentisi Yatay

Blogspot Yatay Menü Eklentisi

Blogger Twitter Dalı Eklentisi

Blogspot Twitter Dalı Ekleyin

Google Plus Popup Beğeni Kutusu Ekleyin

Blogger'a Rastgele Yazıları Gösteren Eklenti

Blogspot Rastgele Yazılar Eklentisi Ekle

Blogger Rastgele Konuları Gösteren Eklenti

Sabit Sosyal Paylaşım Eklentisi

Blogger Sayfa Altında Sabit Olan Sosyal Paylaşım Butonları

Blogspot Sabit Sosyal Medya Buton Eklentisi

Popüler Yayınlar

Comments

Pages

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

Blogger Widget Düzenleme ikonu kaldırmak

Wİdget arka plan ayarlama

Blogger Sosyal Ağlarda Paylaşmadan Kilitle Eklentisi

Blogger Widget arka plan ekleme

Blogger Yukarı Çık butonu

Blogger 4'lü Yatay Manşet

Blogspot Yatay Menü Eklentisi

Blogspot Twitter Dalı Ekleyin

Blogspot Rastgele Yazılar Eklentisi Ekle

Blogger Rastgele Konuları Gösteren Eklenti

Blogger Sayfa Altında Sabit Olan Sosyal Paylaşım Butonları

Blogspot Sabit Sosyal Medya Buton Eklentisi

Popüler Yayınlar

Comments

Labels

Pages