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

blogger

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>

Video Tema ( Blogger ) videoism

By: İbrahim Fırat on Pazar, Kasım 24, 2013 / yorum : 1 blogger, Blogger Temaları, iF

Uzun süredir blogger tema paylaşımı yapmamıştık. Bu konumuzda kaliteli bir tema ile karşınızdayız. Her ne kadar da olsa video siteleri için blogger tabanlı siteler uygun görülmese de, bir çok video sitesi görülmektedir.

Bu zamana kadar yapılmış en hızlı seo uyumlu kaliteli ücretsiz en iyi temadır.

Youtube
Vimeo
Dailymotion.. Destekli blogspot tema..

DEMO "http://videoismtheme.blogspot.com/" & İNDİR "https://app.box.com/s/z0l3xon463a9m2jo8g51"

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.

JPEGmini ile Resimlerinizi Sıkıştırın

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

Hız hayatımızın her alanında önemli bir yer etmiştir. İnternet sitelerinin hızlı olması da oldukça önemlidir. Bloglara eklenen görseller site hızını oldukça etkilemektedir. Çok resim kullanan sayfalar genel olarak yavaş açılır ve bu durumdan dolayı ziyaretçilerinizi kaybedebilirsiniz. Tüm arama motorları özellikle google hızlı olan siteleri sever. Seo için hız önemli etkenlerdendir.

Bu konumuzda sık sık görsel kullanan siteler için faydalı bir site ile tanıştıracağız. http://www.jpegmini.com/ ile resimlerinizi sıkıştırarak blog sayfalarınıza hız kazandırabilirsiniz. Siteden sınırsız olarak yararlanabilirsiniz. Öncelikle üye olmanız gerekmekte ve e-posta adresine gelen onay linkine tıkladıktan sonra jpegmini ile resimlerinizi sıkıştırabilirsiniz. Sitenin en önemli özelliği resimlerinizde her hangi bir kayıp olmuyor. sıkıştırılmş ve orjinal hali arasında hiç bir fark bulamazsı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.

Ücretli Blogger Tema ( Sevida )

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

Ücretli Blogspot Tema 2013

Blogger tema paylaşımlarımızda ücretsiz şablonları sizlere tanıtmıştık. Bugün açıklamasını yapacağımız tema ücretli blogger temalardan bir tanesidir. Ücretli temalar, ücretsiz temalardan her zaman daha özellikli ve daha iyi olmaktadır.

Tasarım olarak çok şık ve modern göze hitap eden ve bir çok özelliği ile sevida Blogger temanın kötü yanı Türkçe olmaması. Biraz kod bilginiz varsa temayı edindikten sonra gerekli ayarları yaparak Türkçeleştirebilirsiniz.

Sevida blogspot tema özellikleri

Otomatik slider ( manset ) bölümü
Blogger destek bölümü
Thumbnail eklentisi
Dişli yorum bölümü
Yorum kısmında smile ifadeleri
Yeni yorum gadget
Son eklenen yazılar eklentisi
Benzer yazılar eklentisi
Arşiv Sayfası (Gelişmiş TOC)
SEO Optimizasyon ( seo ayarları yapılmış )
Profesyonel admin düzeni, kolay yardımcı ile çalışmak blog düzeni.
Tüm tarayıcıları destekliyor. IE8+, Firefox, Google Chrome, Safari ve Opera

DEMO

http://sevida-satankmkr.blogspot.com/

Wrock Blogger Şablon

By: İbrahim Fırat on Cumartesi, Ağustos 24, 2013 / yorum : 0 blogger, Blogger Temaları, iF

Wrock Blogger Tema

Widget , Adsense uygun tema, Sağ sidebar , Footer Sütun, mesajlar küçük resimler, açılır menü...

TEMA HAKKINDA DETAYLI BİLGİ DEMO VE İNDİRMEK İÇİN

http://www.zoomtemplate.com/2013/08/wrock-blogger-template.html

Blogger Düzenle iconunu Kaldırma

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

merhaba arkadaslar bugun herkezin en rahatsız edici Görüntüden kolayca nasıl kurtulurus onu anlatacağız bildiğiniz gibi sitelerimizde eklenti veya gadget eklediğimizde eklentilerin sağ alt köşesinde ufak bir icon belirir bu hızlı düzenle buttonudur. ve hiçte hoş bir görüntü oluşmuyor ben kendi adıma bundan çok rahatsız oluyorum :) bunun nasıl daha kolay yoldan kaldırırs onu göstericez tabiki bunun iki yolu var aslında

1.cisi şablonu genişletip şu kodu aramamız.
bu kodu bulduğunuz zaman üstü sarı olur zaten sona bu kodu komple kaldırmak şunuda sölemek gerekir hepsini tek tek aratıp kaldırdığınızda bloğunuzda kaymalar olabilir. o yüzden kaldırdığınız yeri unutmamanız yada önceden temanızın bir yedeğini almanızdır. Bu 1 ci yöntemdi
Gelelim 2 ci kısa ve en kolay yönteme

2.cisi tekrardan şablonumuzu genişletiyoruz. ve bu kodu buluyoruz ]]> bu kodu bulduğunuz zaman hemen üstüne aşağıdaki kodu ekliyoruz Hepsi Bukadar :) sonra kaydediyoruz.

.quickedit {
display:none;
}

Blogger Resimlere Zoom Efekti Verme Eklentisi

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

Blogger Resim ZoOm Eklentisi

Merhaba

Bloglarınıza farklılık katacak www.ibrahimfirat.net sitemizinde kullandığı çok güzel bir eklentinin paylaşımını yapacağız. Blogger bloglarda resimlere zoom efekti nasıl verilir hep birlikte bir kaç adımda kodlarımızı yerleştireceğiz. Demoya bakmak için konumuzdaki resmin üzerine mause ile gelin.

1. adım:

Blogger hesabınıza giriş yaparak kumanda paneli bölümünden HTML'yi düzenle kısmından kodlarınızın bulunduğu yeri açın. ve şu kodu Ctrl + F ile arama yaparak bulun. ]]></b:skin> bulduğunuz ]]></b:skin> kodunun üst kısmına gelecek şekilde aşağıdaki kodu ekleyin ve kaydedin.

Yukarıdaki kodda değişiklik yaparak resime çok veya az efekt vermek isterseniz şu kod sayılarında oynama yapın. webkit-transform:scale(1.1); 1 - 2 - 3 kadar ilk rakamı çoğaltabilirsiniz fazlası çok büyüteceğinden tavsiye edilmez.

2. adım:

Sitenize içerik eklerken kullanacağınız kod:

<a class="hovergallery" href="http://ibrahimfirat.net/" target="_blank">

<img alt="wordpress" height="106" src="jpgekle" title="açıklama" width="200" /></a>

Posted Blogger Tema

By: İbrahim Fırat on Salı, Ağustos 20, 2013 / yorum : 0 blogger, Blogger Temaları, iF

Posted Blogspot Tema

Blogger Şablon paylaşımlarına devam ediyoruz. Kişisel bloglarınızda kullanabileceğiniz şık bir tema Posted Blogger Teması..

DEMO & İNDİR linkler çalışmadığından dolayı kaldırılmıştır.

More Than News Blogspot Haber Teması

By: İbrahim Fırat on Pazartesi, Ağustos 19, 2013 / yorum : 0 blogger, Blogger Temaları, iF

Blogger Magazin Teması

More Than News Tema

Bu yazımızda blogger için düzenlenmiş Türkçe temayı paylaşıyoruz.

Temada düzenlemeniz gereken yerler:

label1 = “Deneme”;
Title1 = “slider”;

label2 = “Deneme”;
Title2 = “Jawa Timur”;

label3 = “Deneme”;
Title3 = “Wisata”;

label4 = “Deneme”;
Title4 = “budaya”;

label5 = “Deneme”;
Title5 = “Suku”;

label6 = “Deneme”;
Title6 = “Kerajaan”;

label7 = “Deneme”;
Title7 = “Gallery”;

label8 = “Deneme”;
Title8 = “Wisata”;

label9 = “Deneme”;
Title9 = “Jateng”;

label10 = “Deneme”;
Title10 = “Pulau”;

label11 = “Deneme”;
Title11 = “Kuliner”;

label12 = “Deneme”;
Title12 = “label-12″;

“Title” Yazan yerlerin yanına istediğiniz başlıkları atabilirsiniz

“Label” Yazan yerin yanına ise hangi etiketlere ait konuların göstermesini istiyorsanız yazın.

DEMO & İNDİR bağlantılar bozuk olduğundan dolayı linkler kaldırılmıştır.

Blogger Haber Portal Teması

By: İbrahim Fırat on Cumartesi, Ağustos 17, 2013 / yorum : 3 blogger, Blogger Temaları, iF

Blogspot Haber Teması

Blogger için Magazin - Portal Teması

Blogger temaları her geçen gün daha iyileri ile karşımıza çıkıyor. Blogger kullanıcıları için portal teması tarzında güzel bir temayı paylaşacağım. Temamız 2013 yapımı değil eski bir temadır. 2010 yapımıdır. Bir süre önce kendimde kullanmıştım. Özellikleri ile ücretsiz olarak temin edebileceğiniz kaliteli bir temadır. Kod bilginiz varsa editleyerek kendinize göre özelleştirebilir. Daha şık görünüme kavuşturabilirsiniz.

Hiç bir kodlama yapmadan direk olarak kullanabileceğiniz beklentilerinizi karşılayacak temanın kullanılmasını www.ibrahimfirat.net ailesi olarak blogspot magazin, haber, portal tarzı sitelere öneririz.

Tema DEMO http://simplextranscript.blogspot.com/ & TEMA İNDİR http://www.mediafire.com/download/ytam4vbed5ff3ro/simplexTranscript.xml

TEMANIN ORJİNAL SİTESİ VE GEREKLİ AYARLAMALARI YAPACAĞIN BÖLÜM İÇİN

http://www.thesimplexdesign.com/2010/10/simplex-transcript-another-template-on.html

IBS Store - Blogspot e-Ticaret Teması

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

Blogger Alışveriş Teması

Bugüne kadar blogger kullanıcıları için birbirinden güzel bir çok tema paylaşımı yapmıştım. e-Ticaret siteleri için tema paylaşımım olmamıştı. İlgimi çeken güzel bir alışveriş teması ile karşınızdayız. e-ticaret domaini olanlar veya alış veriş sitesi uygulamak isteyenler için harika bir tema.

DEMO & İNDİR linkler bozuk.

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.

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular