tag:blogger.com,1999:blog-33254320711041964052024-03-05T08:52:03.464+03:00Blog ipuçları ve kod DünyasıUnknownnoreply@blogger.comBlogger23125tag:blogger.com,1999:blog-3325432071104196405.post-53025060306462599072015-01-24T16:19:00.001+02:002015-01-24T16:19:25.120+02:00Blogger İletişim Formunu Sabit Sayfaya EklemeUzun zamandır bloguma güzel bir <b>blogger iletişim formu</b> eklemek istiyordum. Blogger'ın ilk zamanlarda kendine ait bir iletişim formu olmaması nedeniyle, diğer bloglarım da hep <b>Google Docs</b> ile oluşturduğum iletişim forumlarını kullandım. Nihayet geçen sene blogger resmi iletişim formu eklentisini yayınlandı fakat eklenti sadece sidebar'da kullanılabiliyordu.<br />
<br />
Blogger iletişim formu eklentisinin sadece kenar çubuğunda kullanmak blog'da görüntü kirliliğine sebep olabiliyor. Açık söylemek gerekirse blogumun her yerinde bir iletişim formu görmek istemiyorum. Bu nedenle bu konumuzda blogger iletişim formunu kullanarak <b>iletişim sayfası</b> oluşturmayı anlatacağım.<br />
<br />
<div>
<b><span style="color: #cc0000;">Neden İletişim Formu Kullanmalıyım ?</span></b></div>
Blogger sayfanıza iletişim kutusu eklemek okuyucularınızın size ulaşmasını kolaylaştıracaktır. Size ulaşmak için konu altına mail adresilerini bırakıp sizin onlara ulaşmanızı beklemek yerine, gerekli bilgileri iletişim formuna doldurup Gönder butonuna basarak kolay bir şekilde size ulaşabilir. Tabi bu sadece blog okuyucuları için değil blogger yöneticileri içinde oldukça kullanışlı bir yöntemdir.<br />
<br />
<h2>
<span style="color: #cc0000;">
Blogger İletişim Sayfası Oluşturma</span></h2>
Aşağıda ki adımları izleyerek blogger iletişim formunu kullanarak iletişim sayfası oluşturabilirsiniz. Eğer demo görmek isterseniz, kullanmış olduğum<b> <a href="http://blogkaynagi.blogspot.com.tr/p/iletisim_68.html" target="_blank">iletişim</a></b> sayfasını kontrol edebilirsiniz.<br />
<br />
<b><u><span style="color: #3d85c6;">Adım 1:</span></u></b> İlk olarak sidebar'da blogger resmi iletişim formu kullanıyorsanız <b>Blogger Yönetici Paneli &gt; Yerleşim</b> sekmesinden formu kaldırın.<br />
<br />
<b><u><span style="color: #3d85c6;">Adım 2:</span></u></b> Şimdi blogunuzun benzersiz<b> blogID</b> numarasını bulun. <b>Blogger Yönetici Panelin</b>'de herhangi bir sayfada iken tarayıcınızın URL çubuğunda <b>blogID</b>'i bulabilirsiniz. Bu blogID yeni iletişim sayfası oluşturmak için gereklidir. BlogID girmediğiniz taktir de iletişim kutusu çalışmayacaktır. Aşağıda ki ekran görüntüsünde blogID'in nasıl bulunacağını öğrenebilirsiniz. Bu numarayı bulduktan sonra bir yere kayıt edin.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9AL6SAIo1YcZ2hEbUWKSwhjXDUvnfCybjVycOhluabwSwG3d9rMwnDtQ8MBHv6sWK5QFThPwsFMr7ZWFTOlSvL2cQTthH4QjKozmOhlLE3KVMpsusUYM2OCkaSwNf9BTIo_s1RE4rRgVl/s1600/blogid+%C3%B6%C4%9Frenmek.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger iletişim formu eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9AL6SAIo1YcZ2hEbUWKSwhjXDUvnfCybjVycOhluabwSwG3d9rMwnDtQ8MBHv6sWK5QFThPwsFMr7ZWFTOlSvL2cQTthH4QjKozmOhlLE3KVMpsusUYM2OCkaSwNf9BTIo_s1RE4rRgVl/s1600/blogid+%C3%B6%C4%9Frenmek.jpg" height="215" title="" width="640" /></a></div>
<b><u><span style="color: #3d85c6;">Adım 3:</span></u></b> <b>Blogger Yönetici Paneli &gt; Sayfalar'</b>dan Yeni Sayfa oluşturun.<br />
<b><u><span style="color: #3d85c6;">Adım 3:</span></u></b> Yeni sayfa oluşturduktan sonra HTML mod'u seçin ve aşağıda ki kodu boş alana yapıştırın. Kırmızı ile gösterdiğim kodu Adım 2'de not ettiğiniz blogID ile değiştirin.<br />
<blockquote style="background-color: #f8e4b8; border-radius: 5px; border: 1px solid rgb(248, 172, 0); font-family: verdana; font-size: 13px; line-height: 19.5px; margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="color: #333333; font-family: verdana;"><script></span><br />
<span style="font-family: verdana;"><span style="color: #333333;">var blogId = '</span><b><span style="color: red;">3325432071104196405</span></b><span style="color: #333333;">';</span></span><br />
<span style="color: #333333; font-family: verdana;"><br /></span>
<span style="color: #333333; font-family: verdana;">var contactFormMessageSendingMsg ='Gönderiliyor...';</span><br />
<span style="color: #333333; font-family: verdana;">var contactFormMessageSentMsg = 'Mesajınız başarılı bir şekilde gönderildi.';</span><br />
<span style="color: #333333; font-family: verdana;">var contactFormMessageNotSentMsg = 'Mesaj gönderilemedi. Lütfen daha sonra tekrar deneyiniz..';</span><br />
<span style="color: #333333; font-family: verdana;">var contactFormEmptyMessageMsg ='Mesaj alanı boş olamaz.';</span><br />
<span style="color: #333333; font-family: verdana;">var contactFormInvalidEmailMsg = 'Lütfen geçerli e-mail adresi girin'</span><br />
<span style="color: #333333; font-family: verdana;"><br /></span>
<span style="color: #333333; font-family: verdana;">var widgetLoaded=false;</span><br />
<span style="color: #333333; font-family: verdana;">function sendEmailMsg() {</span><br />
<span style="color: #333333; font-family: verdana;">if(widgetLoaded== false) {</span><br />
<span style="color: #333333; font-family: verdana;">_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));</span><br />
<span style="color: #333333; font-family: verdana;">widgetLoaded=true;</span><br />
<span style="color: #333333; font-family: verdana;">document.getElementById('ContactForm1_contact-form-submit').click();</span><br />
<span style="color: #333333; font-family: verdana;">}</span><br />
<span style="color: #333333; font-family: verdana;">return true;</span><br />
<span style="color: #333333; font-family: verdana;">}</span><br />
<span style="color: #333333; font-family: verdana;"></script></span><br />
<span style="color: #333333; font-family: verdana;"><form name='contact-form'></span><br />
<span style="color: #333333; font-family: verdana;"><div>İsim : </div></span><br />
<span style="color: #333333; font-family: verdana;"><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/></span><br />
<span style="color: #333333; font-family: verdana;"><div>E-posta Adresiniz: <em>**</em></div></span><br />
<span style="color: #333333; font-family: verdana;"><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/></span><br />
<span style="color: #333333; font-family: verdana;"><div>İletiniz <em>**</em></div></span><br />
<span style="color: #333333; font-family: verdana;"><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='7'></textarea></span><br />
<span style="color: #333333; font-family: verdana;"><p></p></span><br />
<span style="color: #333333; font-family: verdana;"><input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder' onclick="sendEmailMsg()"/></span><br />
<span style="color: #333333; font-family: verdana;"><div style='text-align: center; max-width: 450px; width: 100%'></span><br />
<span style="color: #333333; font-family: verdana;"><p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p></span><br />
<span style="color: #333333; font-family: verdana;"><p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p></span><br />
<span style="color: #333333; font-family: verdana;"></div></span><br />
<span style="color: #333333; font-family: verdana;"></form></span></blockquote>
<div>
<span style="border: 0px; color: #333333; font-family: Verdana, Arial, sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: verdana; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span>
<span style="color: #333333; font-family: verdana;">Gerekli düzenlemeyi yapıp kodu yapıştırdıktan sonra <b>Sayfa ayarları > Seçeneklere</b> tıklayın. Okuyucu yorumları'nı engelleyin ve Oluşturma modunu Yazılan HTML'i yorumla olarak değiştirin. Aşağıda ki ekran görüntüsünde gerekli ayarları görebilirsiniz.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiZbZbwT-l_rp4UDTgoUOEt9Ra18DBrj9aRw3llhReLYLDyeLcMJmoulgERcypfAbxIu1o6iAyo0VFtCwlOQJQEAkQ8h19B-aE3jK8n26ZgaKlStjSdbpyJ2mGeP-eN_UPD-UjE0oRVsaz/s1600/blogger+ileti%C5%9Fim+formu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger iletişim formu eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiZbZbwT-l_rp4UDTgoUOEt9Ra18DBrj9aRw3llhReLYLDyeLcMJmoulgERcypfAbxIu1o6iAyo0VFtCwlOQJQEAkQ8h19B-aE3jK8n26ZgaKlStjSdbpyJ2mGeP-eN_UPD-UjE0oRVsaz/s1600/blogger+ileti%C5%9Fim+formu.jpg" height="364" title="" width="640" /></a></div>
<br />
Hepsi bu kadar arkadaşlar, gerekli ayarlamaları yaptıktan sonra iletişim sayfasını yayınlayabilirsiniz. İletişim sayfasını sitenizde yayınlamadan önce iletişim kutusunu test etmeyi unutmayın.</div>
Unknownnoreply@blogger.com25tag:blogger.com,1999:blog-3325432071104196405.post-6693615777059365452014-10-13T18:04:00.002+03:002014-10-13T18:09:17.009+03:00Blogger 'Powered By Blogger' Yazısını Kaldırma<b>Blogger</b> platformunu kullanan kişiler bloglarının en altında bulunan <b>Powered by Blogger</b> atıfını fark etmiştir. Bu yazımız da birçok blogger'ın kaldırmakta büyük sıkıntı çektiği bu atıfı<b> kaldırmadan</b> bahsedeceğim.<br />
<div>
<br /></div>
<div>
Muhtemelen kaldırmak için<b> Blogger Yönetici paneli > Yerleşim</b> sekmesine girip kaldırmayı denemişsinizdir. Bu denemeniz den ne yazık ki bir sonuç çıkmayacaktır, çünkü<b> Powered by Blogger Atıfı</b> kapalıdır. Hemen hemen varsayılan temaların tamamında bu şekildedir ve hiç bir şekilde kaydıramaz, değiştiremez ve silemezsiniz. Bu nedenle oldukça canınızı sıkabilir. </div>
<div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YnD3lhO4y58SnfeFReNmCKNPOHjQDHv5bpd29z1a6HWv0X527RUaNCf_yTmJPf25EUzNNTwEbHNY4PYRYGxZ5cF2WmuE8lGM9crk_uO2ePU__phI_iLQsnEZF79itkjrtZ1frat6Sa6P/s1600/powered+by+blogger+yaz%C4%B1s%C4%B1n%C4%B1+kald%C4%B1rma.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YnD3lhO4y58SnfeFReNmCKNPOHjQDHv5bpd29z1a6HWv0X527RUaNCf_yTmJPf25EUzNNTwEbHNY4PYRYGxZ5cF2WmuE8lGM9crk_uO2ePU__phI_iLQsnEZF79itkjrtZ1frat6Sa6P/s1600/powered+by+blogger+yaz%C4%B1s%C4%B1n%C4%B1+kald%C4%B1rma.png" height="166" width="200" /></a></div>
<div>
<br />
Neyse ki <b>Powered by blogger kaldırmak</b> oldukça basittir ve çeşitli yöntemleri bulunmaktadır. Aşağıda ki işlemlerle bu atıfı kaldırmayı göstereceğim. Birincisi herkes için oldukça kolay bir yöntem olacak. Özellikle benim gibi tembel insanlar için :)) Diğer yöntem ise biraz uğraştırıcı gözükebilir ama ilki gibi o da oldukça kolay yöntemdir.<br />
<br /></div>
<h2>
<span style="color: #cc0000;">Powered By Blogger Kaldırmak</span></h2>
<b><span style="color: #674ea7; font-size: large;"><u>Yöntem 1 </u></span></b><br />
<br />
<ul>
<li>İlk olarak <b>Blogger Yönetici Paneline</b> giriş yapın.</li>
<li>Daha sonra sol tarafta bulunan navigasyon menüsünden <b>Şablon > Özelleştir</b>'e tıklayın.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_MsbSwVDIwaBV_zYEl487r2Vd1YncwD7fBODF-93FaViYIHvOA3zhZRUYqJy8mgkGdAcZTzdR0BTodS10oyww8FtIKoyLtRikAqGw8ap0TYmhyphenhyphenSoBm3fnlHL3Vpkdf36M9UBuTdoWdEb/s1600/powered+by+blogger+.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="powered by blogger kaldırmak" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-_MsbSwVDIwaBV_zYEl487r2Vd1YncwD7fBODF-93FaViYIHvOA3zhZRUYqJy8mgkGdAcZTzdR0BTodS10oyww8FtIKoyLtRikAqGw8ap0TYmhyphenhyphenSoBm3fnlHL3Vpkdf36M9UBuTdoWdEb/s1600/powered+by+blogger+.png" height="256" title="" width="400" /></a></div>
<br />
<ul>
<li><b>Şablon > Özelleştir</b> menüsüne girdikten sonra açılan ekrandan <b>Gelişmiş > CSS ekle</b> seçeneğine tıklayın ve aşağıda ki kodu gerekli alana yapıştırıp kaydedin.</li>
</ul>
<div>
<blockquote class="tr_bq" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSVSZYJLBc9c7aDzFmlsVat944E9ZwQG4ikinVW5_inV0_-ljDUs0X9GJDrrYCHoBdqYKx5YDCSlBbbHZGRhc3ivWghKrrihAq1CWtzY3PWvlTW_xSC3tC8GoKcXljBa68J9N7rJltMSG-/s1600/quote.png) 5.40000009536743% 48% no-repeat rgb(255, 255, 255); border-color: rgb(204, 204, 204); border-style: dashed; border-width: 2px 0px; color: #888888; font-family: Lora, Georgia, serif; font-size: 18px; font-style: italic; line-height: 29px; margin: 10px 0px 20px -24.390625px; padding: 1.5em 38px 10px 114px; quotes: ''; text-align: center;">
#Attribution1{display:none;}</blockquote>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1C4vDhyBbJFRdYNLSyv_qGLxthaCFcznE1wQ9mC_N0viwlboq98-g4E9qW1R7_hbQ9SITXY4QhvEUkcYPO4rD-_9BDq_1aREf42vLw2AiHBsnk0AwBD5mIW8NrrYPcZGe_22ylhOMCNSa/s1600/powered+by+blogger+kald%C4%B1rma.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="powered by blogger kaldırmak" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1C4vDhyBbJFRdYNLSyv_qGLxthaCFcznE1wQ9mC_N0viwlboq98-g4E9qW1R7_hbQ9SITXY4QhvEUkcYPO4rD-_9BDq_1aREf42vLw2AiHBsnk0AwBD5mIW8NrrYPcZGe_22ylhOMCNSa/s1600/powered+by+blogger+kald%C4%B1rma.png" height="153" title="" width="400" /></a></div>
<br />
<br />
<ul>
<li> İlk işlem bu kadar, gerekli kodu yapıştırıp kayıt ettikten sonra blogu kontrol edebilirsiniz.</li>
</ul>
<b><span style="color: #674ea7; font-size: large;"><u>Yöntem 2</u></span></b><br />
<br />
Olur ya üstte ki yöntem blog sayfanız da çalışmadı, işte o zaman bu yöntemi deneyebilirsiniz.
<br />
<br />
<br />
<li>İlk olarak <b>Blogger Yönetici Paneline</b> giriş yapın.</li>
<li>Ardından <b>Şablon > HTML'yi Düzenle</b>'ye gelerek şablon'da 'Attribution' u aratın. </li>
<li>Gerekli kodu arattıktan sonra aşağıda ki gibi bir yer gelecektir.</li>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_7n6Ig4biXlsLf2OHOEN_PABJ0fgxFZ6ZUN8H-RIuQWTSNaAo8InnlepeWMVmYTHZCcMqY0pisVXqi9ZD0eX0WbYy5QKaEuq2Lzh4NcdUCAVdB_PuxhFat75fowZNGvxkfYGDMzIkwZC/s1600/blogger+attribution+remove.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="powered by blogger kaldırmak" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid_7n6Ig4biXlsLf2OHOEN_PABJ0fgxFZ6ZUN8H-RIuQWTSNaAo8InnlepeWMVmYTHZCcMqY0pisVXqi9ZD0eX0WbYy5QKaEuq2Lzh4NcdUCAVdB_PuxhFat75fowZNGvxkfYGDMzIkwZC/s1600/blogger+attribution+remove.png" height="160" title="" width="640" /></a></div>
<br />
<ul>
<li><b>Attribution </b>widgetini bulduktan sonra yukarıda ok ile gösterdiğin <span style="color: #3d85c6;"><b>"true"</b></span></li>
yazısını <b><span style="color: #3d85c6;">"false"</span></b> olarak değiştirin.
<li>Gerekli değişikliği yaptıktan sonra <b>Yönetici Paneli > Yerleşim</b> menüsüne girin ve Atıf'ı değiştire tıklayın. Aşağıda ki resimde gördüğünüz gibi <b>Kaldır</b> seçeneği çıkacaktır.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB4VgzyzUUUHKaz_cSEH_TzBflNY9bCpxxccIb95cnEKogacpcQg7MarJJzsjaAVgrj9UltylSiaWTf4C_NsaDyhgHP-R84dNzEU31Rg6QVNX96qvSo161Va_95jZP4rGFuQJAb2Hk3ma2/s1600/powered+by+blogger+kald%C4%B1rmak.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="powered by blogger kaldırmak" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB4VgzyzUUUHKaz_cSEH_TzBflNY9bCpxxccIb95cnEKogacpcQg7MarJJzsjaAVgrj9UltylSiaWTf4C_NsaDyhgHP-R84dNzEU31Rg6QVNX96qvSo161Va_95jZP4rGFuQJAb2Hk3ma2/s1600/powered+by+blogger+kald%C4%B1rmak.png" height="400" title="" width="280" /></a></div>
<b>Kaldır</b> seçeneğine tıklayarak <b>Powerred by blogger</b> yazısından kurtulabilirsiniz.
Unknownnoreply@blogger.com13tag:blogger.com,1999:blog-3325432071104196405.post-74442974029891587472014-10-12T01:26:00.002+03:002014-10-12T02:06:47.134+03:00Blogger İki Adsense Reklamını Yan Yana KoymaBlogger sistemini kullanıp yazı yazan biri olarak herkes gibi emeklerimin karşılığını almak istiyorum. Bu nedenle <b>blogger'dan para kazanmak</b> için tüm dünyaca kabul görmüş ve gelmiş geçmiş en güvenilir para kazanma yöntemi olan <b>Google Adsense</b> reklam sistemini kullanıyorum. Blogger sitenize Google Adsense reklamı koymak için biraz uğraşmanız gerekiyor. İş sadece reklamı almakla bitmiyor, bir de siteye reklamları yerleştirmesi var.<br />
<br />
Bloguna adsense reklamı alıp tıklama oranı oldukça düşük olan sayfalar görmüşsünüzdür. Bu nedenle bir çok webmaster <b>reklam tıklama oranları </b>nedeniyle oldukça dert yanmakta. Daha önceki yazılarımda da belirttiğim gibi adsense de para kazanmanın altın anahtarlarından biri <b>reklamları blog temasına uygun</b> şekilde yerleştirmekten geçer.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtM9dCeOfITMZSvliEY_aME-nCGiuNGUSTcbB1I4s6sdcNHPFazDPTcEvumtr7BMibRv9DDK6bobFgZHYX-kziJvt6FHp_FYf4n4M7c6FTnuw6qHVwhayjxFJnEt9UAiWUukNlB2OHgZXz/s1600/Google+Adsense+blogger.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger iki reklamı yan yana koyma" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtM9dCeOfITMZSvliEY_aME-nCGiuNGUSTcbB1I4s6sdcNHPFazDPTcEvumtr7BMibRv9DDK6bobFgZHYX-kziJvt6FHp_FYf4n4M7c6FTnuw6qHVwhayjxFJnEt9UAiWUukNlB2OHgZXz/s1600/Google+Adsense+blogger.jpg" height="133" title="" width="320" /></a><br />
Bundan bir önceki konuda <b><a href="http://blogkaynagi.blogspot.com.tr/2014/03/blogger-yazi-icine-reklam-ekleme.html" target="_blank">Blogger Yazı İçine Reklam Eklemeyi</a> </b>sizlere detaylı bir şekilde anlatmıştım. Bu konumuzda ise blogger konu içinde yer alan iki reklamı yan yana koymayı basitçe sizlere aktaracağım. Tek yapmanız gereken aşağıda yer alan kodun arasına reklam kodlarını ekleyip gerekli alana yapıştırmak. Yazı içine reklam eklemeyi üstte verdiğim linkten bulabilirsiniz.<br />
<br />
<h2>
<span style="color: #e06666;">
Blogger İki Reklamı Yan Yana Koyma</span></h2>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; color: #333333; font-family: Verdana, Arial, sans-serif; font-size: 13px; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-family: verdana; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"><b:if cond='data:blog.pageType == &quot;item&quot;'> </span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"><table border='0'></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> <tr></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> <td> <div style='float:left;padding:0px 5px 0px 0px;'> </span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> <b>Convert Edilmiş Gooogle Adsense Reklam Kodu 1 Buraya Gelecek</b></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"></div> </td></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> <td> <div style='float:right'> </span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> <b> Convert Edilmiş Gooogle Adsense Reklam Kodu 2 Buraya Gelecek</b> </div> </td></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> </tr></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"></table></span></span><br />
<span style="color: #333333; font-family: verdana; font-size: small;"><span style="line-height: 19.5px;"> </b:if></span></span></blockquote>
<div>
<br /></div>
İki reklam arasına <b>5px</b>'lik bir aralık eklenmiştir. Herhangi bir sorun ve sıkıntıda yorum atmaktan çekinmeyin..
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-3325432071104196405.post-18485012294797614222014-09-11T02:43:00.000+03:002014-09-11T02:47:11.727+03:00Blogger Sosyal Medya Butonları ve E-Posta Aboneliği EklentisiGünümüzde sosyal medyanın web sitesi üzerinde ki etkisi tartışılmaz hale geldi. <b>Google</b>'ın da bizzat önem verdiği konulardan biri sosyal medya. Bu nedenle web sitelerinde bu tarz sosyal medya eklentileri bulundurmak size oldukça avantaj sağlayabilir. Blogger sosyal medya butonları ile <b>facebook,twitter,google+</b> gibi ağlarda takipçi sayınızı arttırarak sitenizi daha geniş kitlelere duyurma şansını yakalarsınız. Bu sayede kullanıcılar yayınladığınız yeni içerikleri her an yakalama şansına sahip olurlar.<br />
<br />
Bu zamana kadar bir çok sitede <b>sosyal medya butonları</b> ve <b>e-posta aboneliğini eklentilerini</b> ayrı kodlar dahilinde görmüşsünüzdür. Bugün sizlerle paylaşacağım eklentide ise oldukça şık, sade bir görüntüsünün yanı sıra aşağıda ki fotoğrafta göreceğiniz üzere yukarıda bahsettiğim iki özelliği birden içinde barından bir eklenti.<br />
<br />
Fotoğrafta gözükmese de eklenti'de <b>hareketli sosyal medya butonları</b> kullanılmıştır.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ljKUzQkkt4ygqkq063nFPCZusv7Eiqkh_YJ8-mV43W17V8FQKP_eYxnBdFUR5N3JmUKrYkEiAsa4ak7YMOa-CPiY2CYTD5x4Iuob_nm0kz2oNF9qEfqDKqocBBl7LAdIbXJOoHfvmKRh/s1600/Blogger+Sosyal+Medya+Butonlar%C4%B1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ljKUzQkkt4ygqkq063nFPCZusv7Eiqkh_YJ8-mV43W17V8FQKP_eYxnBdFUR5N3JmUKrYkEiAsa4ak7YMOa-CPiY2CYTD5x4Iuob_nm0kz2oNF9qEfqDKqocBBl7LAdIbXJOoHfvmKRh/s1600/Blogger+Sosyal+Medya+Butonlar%C4%B1.png" height="194" width="320" /></a><b><span style="color: red;">Blogger Sosyal Medya ve E-mail Aboneliği Eklentisi</span></b><br />
<br />
<b>Blogger Yönetici Paneline</b> giriş yapın.<br />
<br />
<b>Yerleşim > Gadget ekleye</b> tıklayın.<br />
<br />
Açılan pencerede <b>HTML/JavaScript</b>'e tıklayın.<br />
<br />
Aşağıda ki kodu alıp açılan sayfaya <b>yapıştırın</b> ve işlem tamamdır.<br />
<br />
<br />
<blockquote style="background: rgb(248, 228, 184); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; padding: 10px;">
<div style="padding: 0px;">
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: x-small;"><span style="line-height: 19.5px;"><div class='widget-content'></span></span><br />
<span style="font-family: Verdana, Arial, sans-serif; font-size: x-small;"><span style="line-height: 19.5px;"><span style="color: #333333;"><style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8cBGDrBctLAGAHVcH64AfPUb6FxPVC0pwK3kcpuV8-VaBRHNBB6zGsao9666C6tB5F88id0ulG87aJPSZys1Y7EkxIjClHWjZrJTs_KI7bi5U1uQX-4AIZUA5edqzM84vdSwVc1DAIH8Y/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5dKofZLnpAAc_C4ofKUk6S5io-Q0OgxQean4sS0IkaoUqBSaiBiWVyR4YRUXotbMZSXi8Z420Bndd8wAm0QJ-JwIHkrxAsuY83XvGPqCjYhR2dgEJ6TSuB2TdllsJFzk8oV0JfoPRRzHm/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2wLs2FC7wmCTR_hxexMhceNYdviUvuPS9gvrGpWRX3kRCrT6Jxkb_ALyL9eMxXiucIqMNo2NjiqFet0_n9APLsdpYSQZSOU3hSTNVLkrxGGeg3kwn1n1zCdef-fDN0531fV8jAGTS1fyy/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPX3NgSOXdXiG7zz58z6SANAIhZt_cvQ00qz0IRHVL0yv7gdwmoEkLmRbGcLxYDOCklAXyarVNCMIdT3JloRMN0oWmmc2NPh56BV5r84XQHntjNKVfxzqPYcGGlQnnhKeTcelYr-yulhI/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}p#rb_socialicons img { /* Yeni Metro Sosyal Butonlar Eklentisi */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}/* Yeni MEtro Sosyal Butonlar Eklentisi */</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form"> <center><p id="rb_socialicons"><a href="</span><b><span style="color: blue;">http://feeds.feedburner.com/blogkaynagi</span></b><span style="color: #333333;">" target='_blank'> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00gFSvUSUZ4L6_38KRDcMpIHZG8Y6XY7te7xt-DE74eF36mB9iHEN4hR8mkvmkTyGgXUe5MycOnOMiJeHc_QE4g6JtZ9enR8NhuR4qvxj1yzAa0Ve87q0I-60ZytuE1jFKyUa-ubNgQMU/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Elbme3OUc4Fl5N83vg6Gz83rLoAUvhU1XRUq1NZOGY7Mx2raDXswPNmBRPpPEg43_5eSYvpYrNXC7G4vcbsZ7JWBK5SjDzGrCLnpwnfSjHdTzP6ZJI4hIEjM7b0aaxQaWuXGuj5x2TK9/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00gFSvUSUZ4L6_38KRDcMpIHZG8Y6XY7te7xt-DE74eF36mB9iHEN4hR8mkvmkTyGgXUe5MycOnOMiJeHc_QE4g6JtZ9enR8NhuR4qvxj1yzAa0Ve87q0I-60ZytuE1jFKyUa-ubNgQMU/s1600/rss-inactive.png" /></a><a href="</span><b><span style="color: blue;">https://www.facebook.com/</span></b><span style="color: #333333;">" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJ5vzmOZgMDc-v_9WP7zlKqueDdAB7kDYO14V6oWmhDnRQMxMm-at2-9fG5aFNKZwXSawpnunuE38EqFsooVr1vYTYUh7ySXFvnAFdnsKnkcCGkg3oE_5MAf1bBYhL0E-qt827Cvl77pE/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJDwjoTHuI_kza67xHygvqtregCD5iVSPbSBsRUnzR01s7zhUDrEDn_59IH8PlUvFAljCux880sWfrNO2xtkqHRjnIq3ZsjehN-fWJra4anIttR5Vj9wqgaEtpdusrVKM1jASonazZ-n9l/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJ5vzmOZgMDc-v_9WP7zlKqueDdAB7kDYO14V6oWmhDnRQMxMm-at2-9fG5aFNKZwXSawpnunuE38EqFsooVr1vYTYUh7ySXFvnAFdnsKnkcCGkg3oE_5MAf1bBYhL0E-qt827Cvl77pE/s1600/facebook-inactive.png" /></a><a href="</span><b><span style="color: blue;">https://twitter.com/blogkaynagi</span></b><span style="color: #333333;">" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLkWMOcXOnOX8cCUQocTufxgtvK0oXKwJH19ImwCkOkWQ2491XVrud0WoojR8ZBSyqwl3FXddy3152tjNfiZ4Kwq4gdvfH64fpUenXetB-wes5BI3HU1REdD_mBBChByabb1imN1cVPKwH/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgrTrKnZ_yg_9XHqefKaIj_jqklVLITvrfhITpnJibxwq5OAT4agFd36BiGIQM0dNQNmkeEBofkQNfJmynBStaWjLOZ3o6fC7zNVpdGu2BKjY5zHGPIBZlTOdAouX2M93U3z46p4VeAnOS/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLkWMOcXOnOX8cCUQocTufxgtvK0oXKwJH19ImwCkOkWQ2491XVrud0WoojR8ZBSyqwl3FXddy3152tjNfiZ4Kwq4gdvfH64fpUenXetB-wes5BI3HU1REdD_mBBChByabb1imN1cVPKwH/s1600/twitter-inactive.png" /></a><a href="</span><b><span style="color: blue;">https://plus.google.com/u/0/105104679481549727437/posts</span></b><span style="color: #333333;">" target='_blank' ><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyBrbXJkjqWq8vx_8S8SeNmIcIHAIS5kCfKmzLc5ejZDNlToWj6Mj_HEQuCOT6PGo8Dbh_ezrerj4oXkQwbR0tVEySOqIudzIxtWpsbCCaI6d4GBfj3JRQ_el-a3LTxKe_UPz7dIKPXJX8/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipDKrRYgIO2MfrHz3d0emPgKGSf8Azc_3a19U1JA6d9mmlO8ZhGV4HffDwcxlWKNBDvZORPmXXPwz9kaWA36G5fVWFjnYhVp4MPxmF61DPv0lkhm3KUPuyKIB-pJSiHQRSPRPALdv-iosn/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyBrbXJkjqWq8vx_8S8SeNmIcIHAIS5kCfKmzLc5ejZDNlToWj6Mj_HEQuCOT6PGo8Dbh_ezrerj4oXkQwbR0tVEySOqIudzIxtWpsbCCaI6d4GBfj3JRQ_el-a3LTxKe_UPz7dIKPXJX8/s1600/google-plus-inactive.png" /></a><a href="</span><b><span style="color: blue;">http://pinterest.com/Bilgicinfo</span></b><span style="color: #333333;">/" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgIzipJJPCQChPVDCj7i4Jr2_xHQFgiqh0cUeUFq9qCc1ihrNJzs6aXRAlgZLSdxeXo6k6_jewzuYx1JjT6udrWR6b7Z1FOgrRznQDBVBtm-HC97hi0I6GDfYItd8uzWRsipnHdfgwkS1/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8hALM94ZQszW4DQJ-vS9qEKnql-PFthc5V6YyDv4OYL2Y6PO035joZDeq0bsA-DL-KHqzdDkpA5Sq1UkU0bgF5qWqqGjtMqMO_LRj1oAh8AnZv2DUbiIf1Z89RTfLwkF1lqls7XvZEhS/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwgIzipJJPCQChPVDCj7i4Jr2_xHQFgiqh0cUeUFq9qCc1ihrNJzs6aXRAlgZLSdxeXo6k6_jewzuYx1JjT6udrWR6b7Z1FOgrRznQDBVBtm-HC97hi0I6GDfYItd8uzWRsipnHdfgwkS1/s1600/pinterest-inactive.png" /></a><a href="</span><b><span style="color: blue;">http://blogkaynagi.blogspot.com/p/iletisim.html</span></b><span style="color: #333333;">"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1PxfBKBSjPPmxD7n9fqDiHcpQEyOCFmva3lKRqHaEQiOsZUfAP0vI7CDBWUp1BkzFPbd7WlDgh34D-hUyDm47rximiOPP871iCNe16O5HfYfoJfjLOFXWdwW38fp7TC80lyJhtSPD-0P9/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtORHRn1_NlKa5Xxsa5cx43nz7Zu9RIq5n-RcUHB6XsssjI5vBc4ur3E3mMozcSil2qSnw9wWd0d1IDj0hsXmwHZWhboMq_dvwdDoh4UwBN86CvLDmcHEQSRNl6k3QQjUOHIlz2HAQZ05f/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1PxfBKBSjPPmxD7n9fqDiHcpQEyOCFmva3lKRqHaEQiOsZUfAP0vI7CDBWUp1BkzFPbd7WlDgh34D-hUyDm47rximiOPP871iCNe16O5HfYfoJfjLOFXWdwW38fp7TC80lyJhtSPD-0P9/s1600/email-inactive.png" /> </a></p></center> <form action="http://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: blue;"><b>blogkaynagi</b></span><span style="color: #333333;">" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=</span></span></span><b style="font-family: Verdana, Arial, sans-serif; font-size: small; line-height: 19.5px;"><span style="color: blue;">blogkaynagi</span></b><span style="font-family: Verdana, Arial, sans-serif; font-size: x-small;"><span style="line-height: 19.5px;"><span style="color: #333333;">', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/bVOOCE" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="E-posta aboneliği.."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Gönder !" /></form></div></div></div><style></style></span></span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: x-small;"><span style="line-height: 19.5px;"></div></span></span></div>
</blockquote>
<br />
<span style="color: red;"><b>Dikkat:!! </b></span> Eklentide değiştirmeniz gereken yerleri<b><span style="color: blue;"> mavi</span></b> ile gösterdim. Eklentiyi kurmadan önce her birini tek tek değiştirmeyi unutmayın !Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-3325432071104196405.post-56500372564609768432014-08-21T22:00:00.000+03:002014-08-21T22:01:44.406+03:00Sitene Angry Birds Fare İmleci EkleWeb sitenizde bulunan normal<b> fare imlecin</b> den sıkıldıysanız, <b>angry birds fare imleçleri</b> tam size göre. Sitesine biraz renk katmak, eğlence katmak isteyen webmasterlar için angry birds fare işaretlerini sizlerle paylaşıyorum. Blogger sistemine <b>fare imleci nasıl eklenir</b> konusunda sıkıntı yaşayanlar bu konudan gerekli bilgileri edinebilirler. Ayrıca bu kod bütün blog sistemlerinde çalışmaktadır.<br />
<br />
Sizlerle tam olarak bir birinden güzel 5 adet angry birds fare işareti paylaşıyorum. Fare imleçlerinin demosunu istediğiniz angry bird karakterinin üstüne gelerek test edebilirsiniz. İşte karşınızda <b>popüler angry birds fare imleçleri.</b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0JXzvcH9vhRzNpPkNPxI37XQGATaO4WKOK8RLeQCvwbyKXwHgjrjUXPMMRgE4boupbWydz66gl12x_Jk37CNHUJGsocs9utWFMJ9DTe_2xfjwUWLj_Eq7N6vMHyVVfFPqvQUw806c0zC/s1600/angry+birds+mause.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="angry birds" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh0JXzvcH9vhRzNpPkNPxI37XQGATaO4WKOK8RLeQCvwbyKXwHgjrjUXPMMRgE4boupbWydz66gl12x_Jk37CNHUJGsocs9utWFMJ9DTe_2xfjwUWLj_Eq7N6vMHyVVfFPqvQUw806c0zC/s1600/angry+birds+mause.png" height="126" title="angry birds fare imleci" width="200" /></a><br />
<b><span style="color: #cc0000;">Blogger Angry Birds Fare İmleci Ekleme</span></b><br />
<br />
<b>-Blogger Yönetici Paneline</b> giriş yapın.<br />
-<b>Yerleşim > Gadget</b> ekleye tıklayın.<br />
-Açılan pencerede <b>HTML/JavaScript</b>'e tıklayın ve beğendiğiniz fare imlecini kopyalayıp yapıştırın.<br />
-<b>Kaydet</b> butonuna basın. İşlem tamam!<br />
<div style="cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5pJ-fVeX65WOIqg-UhiyCOHlPafwz5eHUM2ljaBJ8aDqCfXuPgzKIjEHxdglltpOWJPxxMelGqx_FjkhQGO4tzG3uzxiO92epFsBW_gY_4VHT9Ef3fVO98Rn5H_nN1qD7nutw1xQ04Df/s1600/angry_birds_pig.png), auto !important;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5pJ-fVeX65WOIqg-UhiyCOHlPafwz5eHUM2ljaBJ8aDqCfXuPgzKIjEHxdglltpOWJPxxMelGqx_FjkhQGO4tzG3uzxiO92epFsBW_gY_4VHT9Ef3fVO98Rn5H_nN1qD7nutw1xQ04Df/s1600/angry_birds_pig.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5pJ-fVeX65WOIqg-UhiyCOHlPafwz5eHUM2ljaBJ8aDqCfXuPgzKIjEHxdglltpOWJPxxMelGqx_FjkhQGO4tzG3uzxiO92epFsBW_gY_4VHT9Ef3fVO98Rn5H_nN1qD7nutw1xQ04Df/s1600/angry_birds_pig.png" /></a></div>
<br /></div>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; font-family: verdana; font-size: xx-small; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;"><style>body, a, a:hover {</span><span style="font-family: verdana; font-size: xx-small;"><span style="font-size: x-small;"><span style="line-height: 19.5px;">cursor: url("</span></span><span style="line-height: 19.5px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg5pJ-fVeX65WOIqg-UhiyCOHlPafwz5eHUM2ljaBJ8aDqCfXuPgzKIjEHxdglltpOWJPxxMelGqx_FjkhQGO4tzG3uzxiO92epFsBW_gY_4VHT9Ef3fVO98Rn5H_nN1qD7nutw1xQ04Df/s1600/angry_birds_pig.png</span><span style="font-size: x-small;"><span style="line-height: 19.5px;">"), auto !important;</span></span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;">}</style></span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoOdTfpQhqR8Nv1MB3ga_wtw2OdOLyKuJpLKOzVmu9obd-4zM22TtG8-GecCw3RFhCSvU6UI2-duJ0h6TOGHNMlIT-bTmKbM5vsM7EUwwgBTywrAMeBGyWDSUijkJR8dFrxRirvrXgMNP/s1600/green_angry_bird.png), auto !important;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoOdTfpQhqR8Nv1MB3ga_wtw2OdOLyKuJpLKOzVmu9obd-4zM22TtG8-GecCw3RFhCSvU6UI2-duJ0h6TOGHNMlIT-bTmKbM5vsM7EUwwgBTywrAMeBGyWDSUijkJR8dFrxRirvrXgMNP/s1600/green_angry_bird.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoOdTfpQhqR8Nv1MB3ga_wtw2OdOLyKuJpLKOzVmu9obd-4zM22TtG8-GecCw3RFhCSvU6UI2-duJ0h6TOGHNMlIT-bTmKbM5vsM7EUwwgBTywrAMeBGyWDSUijkJR8dFrxRirvrXgMNP/s1600/green_angry_bird.png" /></a></div>
</div>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; font-family: verdana; font-size: xx-small; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;"><style>body, a, a:hover {</span><span style="font-family: verdana; font-size: xx-small;"><span style="font-size: x-small;"><span style="line-height: 19.5px;">cursor: url("</span></span><span style="line-height: 19.5px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoOdTfpQhqR8Nv1MB3ga_wtw2OdOLyKuJpLKOzVmu9obd-4zM22TtG8-GecCw3RFhCSvU6UI2-duJ0h6TOGHNMlIT-bTmKbM5vsM7EUwwgBTywrAMeBGyWDSUijkJR8dFrxRirvrXgMNP/s1600/green_angry_bird.png</span><span style="font-size: x-small;"><span style="line-height: 19.5px;">"), auto !important;</span></span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;">}</style></span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPB_ly5OlN1KbDWcXJQrlAENbBs996_6Np7E8f-juLFyIJv3GwGojeWdW3DbGklTuD9NApDOYiQb791PqOzLoHhWLugYyKKnsu2oW_LJp14WUAPF2Ap7a7t5dnG0PutGbHwRiapr-q5EYs/s1600/red_angry_bird.png), auto !important;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPB_ly5OlN1KbDWcXJQrlAENbBs996_6Np7E8f-juLFyIJv3GwGojeWdW3DbGklTuD9NApDOYiQb791PqOzLoHhWLugYyKKnsu2oW_LJp14WUAPF2Ap7a7t5dnG0PutGbHwRiapr-q5EYs/s1600/red_angry_bird.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPB_ly5OlN1KbDWcXJQrlAENbBs996_6Np7E8f-juLFyIJv3GwGojeWdW3DbGklTuD9NApDOYiQb791PqOzLoHhWLugYyKKnsu2oW_LJp14WUAPF2Ap7a7t5dnG0PutGbHwRiapr-q5EYs/s1600/red_angry_bird.png" /></a></div>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; font-family: verdana; font-size: xx-small; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;"><style>body, a, a:hover {</span><span style="font-family: verdana; font-size: xx-small;"><span style="font-size: x-small;"><span style="line-height: 19.5px;">cursor: url("</span></span><span style="line-height: 19.5px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPB_ly5OlN1KbDWcXJQrlAENbBs996_6Np7E8f-juLFyIJv3GwGojeWdW3DbGklTuD9NApDOYiQb791PqOzLoHhWLugYyKKnsu2oW_LJp14WUAPF2Ap7a7t5dnG0PutGbHwRiapr-q5EYs/s1600/red_angry_bird.png</span><span style="font-size: x-small;"><span style="line-height: 19.5px;">"), auto !important;</span></span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;">}</style></span></blockquote>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyVdXZCpFeIfMrpivgGnTjMo-GgwM-7Xnez-VoHcEhdTqsm7jPTsIT3QyPow3PN5o2rnWv4s5aM0CbrMylA-s-0I5_GYxZgs65bvzjdwFS2IxBTzEBs64she8cqJ0J2cLJKH7s6JA9x-O/s1600/white_angry_bird.png), auto !important;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyVdXZCpFeIfMrpivgGnTjMo-GgwM-7Xnez-VoHcEhdTqsm7jPTsIT3QyPow3PN5o2rnWv4s5aM0CbrMylA-s-0I5_GYxZgs65bvzjdwFS2IxBTzEBs64she8cqJ0J2cLJKH7s6JA9x-O/s1600/white_angry_bird.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyVdXZCpFeIfMrpivgGnTjMo-GgwM-7Xnez-VoHcEhdTqsm7jPTsIT3QyPow3PN5o2rnWv4s5aM0CbrMylA-s-0I5_GYxZgs65bvzjdwFS2IxBTzEBs64she8cqJ0J2cLJKH7s6JA9x-O/s1600/white_angry_bird.png" /></a></div>
</div>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; font-family: verdana; font-size: xx-small; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;"><style>body, a, a:hover {</span><span style="font-family: verdana; font-size: xx-small;"><span style="font-size: x-small;"><span style="line-height: 19.5px;">cursor: url("</span></span><span style="line-height: 19.5px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEyVdXZCpFeIfMrpivgGnTjMo-GgwM-7Xnez-VoHcEhdTqsm7jPTsIT3QyPow3PN5o2rnWv4s5aM0CbrMylA-s-0I5_GYxZgs65bvzjdwFS2IxBTzEBs64she8cqJ0J2cLJKH7s6JA9x-O/s1600/white_angry_bird.png</span><span style="font-size: x-small;"><span style="line-height: 19.5px;">"), auto !important;</span></span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;">}</style></span></blockquote>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF3gLZF9mAt8WzxkD_ZmYjeEtOOMEFqXlT9HegEDd7uiZDgPRT1cF01Z5jXynNpr7EfgdLqL1j35cNmukO8ppDdlR08ikomqXmQ5ebBODQwBKMLGlIr5QYY35FiskgL8V3qk9W-66TwEI/s1600/yellow_angry_bird.png), auto !important;">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF3gLZF9mAt8WzxkD_ZmYjeEtOOMEFqXlT9HegEDd7uiZDgPRT1cF01Z5jXynNpr7EfgdLqL1j35cNmukO8ppDdlR08ikomqXmQ5ebBODQwBKMLGlIr5QYY35FiskgL8V3qk9W-66TwEI/s1600/yellow_angry_bird.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF3gLZF9mAt8WzxkD_ZmYjeEtOOMEFqXlT9HegEDd7uiZDgPRT1cF01Z5jXynNpr7EfgdLqL1j35cNmukO8ppDdlR08ikomqXmQ5ebBODQwBKMLGlIr5QYY35FiskgL8V3qk9W-66TwEI/s1600/yellow_angry_bird.png" /></a></div>
</div>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="border: 0px; font-family: verdana; font-size: xx-small; line-height: 19.5px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span><span style="border: 0px; font-size: 10px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> </span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;"><style>body, a, a:hover {</span><span style="font-family: verdana; font-size: xx-small;"><span style="font-size: x-small;"><span style="line-height: 19.5px;">cursor: url("</span></span><span style="line-height: 19.5px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggF3gLZF9mAt8WzxkD_ZmYjeEtOOMEFqXlT9HegEDd7uiZDgPRT1cF01Z5jXynNpr7EfgdLqL1j35cNmukO8ppDdlR08ikomqXmQ5ebBODQwBKMLGlIr5QYY35FiskgL8V3qk9W-66TwEI/s1600/yellow_angry_bird.png</span><span style="font-size: x-small;"><span style="line-height: 19.5px;">"), auto !important;</span></span></span><span style="font-family: verdana; font-size: xx-small; line-height: 19.5px;">}</style></span></blockquote>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3325432071104196405.post-24766263566037175402014-08-19T20:31:00.000+03:002014-08-19T20:31:49.934+03:00Blogger FeedBurner Kurulumu ve Ayarları<b>Blogger</b> hemen hemen herkesin kullandığı en büyük blog platformlarından biridir. Eğer aktif <b>Google</b> hesabınız varsa, sizde dakikalar içinde kolayca bir blog sahibi olabilirsiniz. Ne yazık ki her şey blog açmayla bitmiyor. Blogunuz da bir içerik yayınladıktan sonra ihtiyacınız olan en önemli şey içeriğinizi okuyacak okuyuculardır. İçerik beslemeleri, blogunuz güncellendiği zaman, blog takipçilerini yazdığınız yeni yazıdan haberdar olmasını sağlayarak <b>takipçi sayınızı</b> ve<b> hitinizi</b> arttırır.<br />
<br />
<b>FeedBurner</b> ise en çok bilinen içerik besleme sistemlerinden biridir. Hemen hemen her blogger<b> RSS </b>beslemeleri için Google'ın ücretsiz olarak kullanıma sunduğu <b>FeedBurner</b>'i kullanıyor.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppg9WE7XXhVc-G18KLd9MgjonfoWExLgK1Id_WZKO3oCtCDGtn9i39TFKKB9B-mahManWIZ-z4fUWDb05VGAXnVaNHjlrcdLOi_cSTlVB2IfG7iHJAgG34f2ull0ZyGa0z0T5n8DD3OZ7/s1600/google+feedburner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="feedburner" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppg9WE7XXhVc-G18KLd9MgjonfoWExLgK1Id_WZKO3oCtCDGtn9i39TFKKB9B-mahManWIZ-z4fUWDb05VGAXnVaNHjlrcdLOi_cSTlVB2IfG7iHJAgG34f2ull0ZyGa0z0T5n8DD3OZ7/s1600/google+feedburner.jpg" height="201" title="google feedburner" width="320" /></a></div>
<br />
<b><span style="color: red;">FeedBurner Kurulumu ve Ayarları</span></b><br />
<br />
<b>- FeedBurner</b>'e giriş yapmak için önce <b>Google Hesanıza</b> giriş yapmalısınız. Google hesabına giriş yaptıktan sonra <b><a href="http://feedburner.google.com/">http://feedburner.google.com/</a> </b>servisine girin.<br />
<br />
<b><span style="color: #e06666;"><u>Adım 1:</u></span></b> <b>FeedBurner</b> servisine girdikten sonra alt tarafta bulunan bölüme blog sayfanızı girin.<b> Next</b> butonuna basın.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkIQQvGRZuxXbCZoUHxQpue9IDZr2MZMZjLnZoB64eD1hkLABU3Drl9UnaYYlnHhk1HPdFeS4Z1O2y1wCk6zfR1vSrVa8GFrwyUqGVuxD53K_D2jcQIt02-MnSuN0io0_NSPU4ah962Iz/s1600/blogger+rss+ekleme.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner kurulumu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigkIQQvGRZuxXbCZoUHxQpue9IDZr2MZMZjLnZoB64eD1hkLABU3Drl9UnaYYlnHhk1HPdFeS4Z1O2y1wCk6zfR1vSrVa8GFrwyUqGVuxD53K_D2jcQIt02-MnSuN0io0_NSPU4ah962Iz/s1600/blogger+rss+ekleme.png" title="blogger feedburner ekleme" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #e06666; font-weight: bold;">Adım 2: </span>Blogger kullanıcıysanız gelen ekranda blogunuzun mevcut besleme adresleri listelenecektir. İlk seçenekte bulunan <b>Atom</b>'u seçin ve <b>Next</b> butonuna basın.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrWGJAiRFm-BOvfNvPNGczrdYscnTMMFQJ_6V7rLJUIT7iZMWCBl5PGjSjyy0p0XNeNbVnGneUlf76IecxUnfiorFL2d649EelgH0EvUp_dZ7LmwIounOiz0cTUVDXdJjAlvpBAM3b715s/s1600/feedburner+blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner ekleme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrWGJAiRFm-BOvfNvPNGczrdYscnTMMFQJ_6V7rLJUIT7iZMWCBl5PGjSjyy0p0XNeNbVnGneUlf76IecxUnfiorFL2d649EelgH0EvUp_dZ7LmwIounOiz0cTUVDXdJjAlvpBAM3b715s/s1600/feedburner+blogger.png" height="294" title="blogger feedburner kurulumu" width="400" /></a></div>
<span style="color: #e06666; font-weight: bold;">Adım 3: </span>Sıra geldi beslemeleriniz için başlık ve adres belirlemeye. <b>Feed Title </b> yani besleme başlığı otomatik olarak blog başlığınız olarak tanımlanır. İster burayı değiştirebilir isterseniz de olduğu gibi bırakabilirsiniz. <b>Feed Adress</b> ise insanların beslemelerinizi görmenizi sağlayacak adrestir. Kısa ve akılda kalıcı bir adres seçimi her zaman için yararlıdır. Gerekli alanları doldurduktan sonra <b>Next</b>'e basın.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4fbZnw_m2ufmDDp9KfHja3pd22cYITxLc0pEEovLw9Jm8P-RgfrltW3-Z6Ngn4ThaXoNQRE7MTDsXhzL0-FyK1f0n45IJYpLNW_hS0ktY0v47GzzPPFYVV6HxDjpl5jjDKppEbJpBj0o/s1600/blogger+rss.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner kurulumu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4fbZnw_m2ufmDDp9KfHja3pd22cYITxLc0pEEovLw9Jm8P-RgfrltW3-Z6Ngn4ThaXoNQRE7MTDsXhzL0-FyK1f0n45IJYpLNW_hS0ktY0v47GzzPPFYVV6HxDjpl5jjDKppEbJpBj0o/s1600/blogger+rss.png" height="400" title="blogger feedburner ekleme" width="375" /></a></div>
<br />
<span style="color: #e06666; font-weight: bold;">Adım 4: </span>Gerekli adımları tamamladıktan sonra feedburner kurulumu başarıyla tamamlandı yazısını göreceksiniz. Alt tarafta ki resimde de gördüğünüz üzere feed adresimiz <b><a href="http://feeds.feedburner.com/bloggereklenti">http://feeds.feedburner.com/bloggereklenti</a> </b>formatında başarıyla oluşturuldu. Takipçileriniz blogunuza abone olmak için bu adresi kullanabilirler. blogger feed adresimizi başarıyla oluşturduktan sonra<b> Next </b>butonuna basın.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIk3OZUL1YDPRPvFg_9c0rT7-0DTM3p5o-G2vUQcm1ixadRu2bogaA_lPIWqmn1cBQSjqlTY_4V3qp8HgWL3PuwGMECck-PNDxjJxw5f2MaJR6hFJQ-pJuDeeoS_cIaBLWfLzeCvpLtnP4/s1600/blogger+rss+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner kurulumu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIk3OZUL1YDPRPvFg_9c0rT7-0DTM3p5o-G2vUQcm1ixadRu2bogaA_lPIWqmn1cBQSjqlTY_4V3qp8HgWL3PuwGMECck-PNDxjJxw5f2MaJR6hFJQ-pJuDeeoS_cIaBLWfLzeCvpLtnP4/s1600/blogger+rss+feed.png" height="141" title="blogger feedburner ayarları" width="320" /></a></div>
<span style="color: #e06666; font-weight: bold;">Adım 5: </span>Açılan sayfada feedburner'in besleme istatistiklerini tutması için gerekli ayarlamaları yapabilirsiniz. Siteniz için daha fazla istatistik istiyorsanız <b>Clickthroughs — How often people click items back to your site </b>seçeneğini ve <b>I want more! Have FeedBurner Stats also track </b>seçeneğini işaretleyin ve <b>Next</b>'e basın.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNfY8Doz3OgKITkYpgWlZoDqMDi-mGCKy3udZTJb-sofFqauIY98K4tjsbH3XziQ7p69MG2ehkRHSQF6-yQTGLzQ_134QGQtzHz81oiia2IQ3JK_OQWjyItKz_JmoX4_hcfOg5DHDTgUK/s1600/blogger+rss.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner kurulumu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipNfY8Doz3OgKITkYpgWlZoDqMDi-mGCKy3udZTJb-sofFqauIY98K4tjsbH3XziQ7p69MG2ehkRHSQF6-yQTGLzQ_134QGQtzHz81oiia2IQ3JK_OQWjyItKz_JmoX4_hcfOg5DHDTgUK/s1600/blogger+rss.png" height="400" title="blogger feedburner ayarları" width="375" /></a></div>
<br />
Next butonuna bastıktan sonra başarılı bir şekilde kayıt aşamamız tamamlandı ve feedburner hesabımız aktifleştirildi. Bundan sonra ki yapacaklarınız FeedBurner aboneliği için tamamen sizin isteğinize kalmış.<br />
<br />
<span style="color: #e06666; font-weight: bold;">Adım 6: </span>Sıra geldi <b>FeedBurner Optimize</b> ayarlarına. Üst sekmelerde bulunan<b> Optimize </b>butonuna tıklayın. Ardından sağ menüde bulunan <b><span style="color: #3d85c6;">Browser Friendly</span></b>'i seçerek <b>Theme: ClearFeed (Turkish)'</b>i seçin ve <b>Save</b> butonuna basın.<br />
- Sağ tarafta bulunan menüden <span style="color: #3d85c6;"><b>SmartFeed</b> </span>ve <b><span style="color: #3d85c6;">FeedFlare</span></b> seçeneklerini aktifleştirin.<br />
<b><span style="color: #3d85c6;">SmartFeed:</span> </b>Blogunuza veya site üzerinde tek bir beslemesini yayınlarken mümkün olan en geniş kitleye ulaşır. Ziyaretçilerinizin besleme okuyucu uygulaması ile uyumlu bir formatta (RSS veya Atom) yayınınızı diğer dillere çevirir.<br />
<span style="color: #3d85c6; font-weight: bold;">FeedFlare: </span>Abonelerinizin aşağıda listelenen hizmetler ile yayınlarınızı Site ve ya Feed üzerinden kolay bir şekilde e-mail,sosyal paylaşım sitelerinde paylaşma, etiketleme gibi hizmetler ile kolay bir şekilde başkalarıyla paylaşabilir.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1lu1UtTne-8rvw1dNMl3LQi-MF5DqymkcL78RHTmqAqtQW8Mp49vPdIVEnJLlYrRgE76LTu-Am9EOwqbuGi9QUjdWirz4-s1RREGOeC3aCETC2vOtFVQwPHmsoMBrQGx-xcnI1qJD7dnb/s1600/blogger+feedburner+ayarlar%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner ayarları" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1lu1UtTne-8rvw1dNMl3LQi-MF5DqymkcL78RHTmqAqtQW8Mp49vPdIVEnJLlYrRgE76LTu-Am9EOwqbuGi9QUjdWirz4-s1RREGOeC3aCETC2vOtFVQwPHmsoMBrQGx-xcnI1qJD7dnb/s1600/blogger+feedburner+ayarlar%C4%B1.png" height="432" title="blogger feedburner kurulumu" width="640" /></a></div>
<br />
<b style="color: #e06666;">Adım 7: </b>Publicize ayarlarında ise abonelerinizi arttırmak için çeşitli öneri ve ipuçları bulunuyor. Bu kısımdan kişilerin beslemelerinize abone olmasını sağlamak için <b>Email Subscritions</b>, Yeni yazılar yazdığınız da otomatik olarak popüler arama motorlarına haber vermek için <b>PingShot</b>, Beslemelerinize abone olan kişilerin sayısını görmek için <b>FeedCount</b> ve yeni konu açtığınızda Twitter gibi sosyal medya sayfalarına otomatik olarak tweet atmak için <b>Socialize</b> servisini seçin.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg1h_qaNuuk4xwoMtb6tqYPIt-HLiTvoue6yVZRnww3Y18sevpjJh1Ro7Svi7aoTAaUatjgAdqAckbBB5mZr2k8sXH7NH2kToZx7fsAkplZkqMdBZIjRXVPTTF4WeMKGHyP2IWM9Zyn3Ky/s1600/feedburner+ayarlar%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger feedburner ayarları" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg1h_qaNuuk4xwoMtb6tqYPIt-HLiTvoue6yVZRnww3Y18sevpjJh1Ro7Svi7aoTAaUatjgAdqAckbBB5mZr2k8sXH7NH2kToZx7fsAkplZkqMdBZIjRXVPTTF4WeMKGHyP2IWM9Zyn3Ky/s1600/feedburner+ayarlar%C4%B1.png" height="443" title="feedburner kurulumu" width="640" /></a></div>
<b><span style="color: #3d85c6;">Headline Animator: </span></b>Resimler üzerinde dönüşümlü olarak sitenizdeki konu başlıkları döndürmenize yarar.<br />
<b><span style="color: #3d85c6;">BuzzBoost:</span></b> Bir IFRAME kodu içerisinde beslemelerinizi başka siteler üzerinden göstermenize imkân sağlar. CSS kısmından da kendinize has tasarımınızı yapmanıza olanak sağlar.<br />
<b><span style="color: #3d85c6;">Email Subscriptions:</span></b> İnsanların beslemenize abone olmasını sağlayan sistemdir.<br />
<b><span style="color: #3d85c6;">PingShot:</span></b> Yeni bir giriş yaptığınızda bazı sunucuların bundan haberdar olmasını sağlayan sistemdir.<br />
<b><span style="color: #3d85c6;">FeedCount:</span></b> Sitenize eklediğiniz RSS beslemesine kaç kişinin abone olduğunu buradan takip edebilirsiniz.<br />
<b><span style="color: #3d85c6;">Socialize:</span></b> Beslemelerinizi Twitter gibi sosyal paylaşım sitelerine bağlayarak, konu yazdığınızda otomatik olarak sosyal medya adresinizden tweet atar.<br />
<b><span style="color: #3d85c6;">Creative Commons:</span></b> RSS çıkışı içerisine telif hakları ve diğer yasal çözümleri eklemenize imkân verir. Bu sayede çalınma olaylarını aza indirebilirsiniz.<br />
<b><span style="color: #3d85c6;">Chicklet Chooser:</span></b> Sitenize eklemesini yapabileceğiniz düğmeler ve butonlar ile istatistik bilgileri için özel kutuları buradan alabilirsiniz.<br />
<b><span style="color: #3d85c6;">Password Protector:</span></b> RSS okumasını şifreleme yapabilirsiniz. Sadece sitenize üye olanların RSS bilgilerini görmesini isterseniz bu kısmı kullanabilirsiniz. Ama diğer ziyaretçiler üye olmadan göremeyecektir RSS bilgilerini.<br />
<b><span style="color: #3d85c6;">NoIndex:</span></b> Arama Motorları tarafından RSS bilgilerinizi okunmasını engelleyen seçenektir. Pek fazla tercih edilmez.<br />
<br />
Blogger için <b>FeedBurner kurulum ve ayarları</b> bu kadardır. Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz.Unknownnoreply@blogger.com13tag:blogger.com,1999:blog-3325432071104196405.post-57797480046053959592014-08-19T01:37:00.000+03:002014-08-19T01:40:30.975+03:00Blogger Sayfa Numaralandırma EklentisiBlogger'da ana sayfada ve sayfa başına gösterilecek konu sayısı <b>Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster </b>seçeneğinden ayarlanabiliyor. Fakat her ne kadar bu şekilde sayfa başına gösterilecek kayıtlar ayarlansa da sayfa navigasyonu arşivlere göre<b> Eski Kayıtlar </b>ve <b>Yeni Kayıtlar</b> olmak üzere ikiye ayrılıyor. Blogger'da sayfa numaralandırma el ile kod eklenmediği sürece otomatik olarak ayarlanamıyor. Bu konumuzda sizlerle blogunuza sayfa numaralandırma eklentisi nasıl eklenir resimli bir şekilde anlatacağım.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQLWQbBAgDaY2nIbNnjhDOyIShu9RnNzlMDeZQOgLoOWir6JJC9kSwDwvFN2J7PpHmzRU8eeIbQHDo9LUZW7gWgt0NBGXDVGicKFea3OgVpYwG0hrVV4ZPszUUzmFuEANGFNb7HSjYwS0/s1600/blogkaynagi+sayfa+numaraland%C4%B1rma.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTQLWQbBAgDaY2nIbNnjhDOyIShu9RnNzlMDeZQOgLoOWir6JJC9kSwDwvFN2J7PpHmzRU8eeIbQHDo9LUZW7gWgt0NBGXDVGicKFea3OgVpYwG0hrVV4ZPszUUzmFuEANGFNb7HSjYwS0/s1600/blogkaynagi+sayfa+numaraland%C4%B1rma.jpg" height="137" title="sayfa numaralandırma" width="320" /></a></div>
<br />
<b><span style="color: red;">Blogger Sayfa Numaralandırma - Page Navigation Eklentisi </span></b><br />
<b><span style="color: red;"><br /></span></b>
Tam olarak 7 adet birbirinden farklı stillere sahip <b>blogger sayfa numaralandırma</b> kodlarından öncelikle bir stil seçin. Stil seçtikten sonra:<br />
<br />
<b><span style="color: #e06666;">Adım 1:</span></b> <b>Blogger Yönetici > Şablon > HTML</b>'yi düzenle butonuna tıklayın.<br />
<span style="color: #e06666; font-weight: bold;">Adım 2: </span>Blogger şablon kodlarının bulunduğu alana tıklayıp<b> CTRL + F </b>'e basıp Blogger kod arama butonunu açın.<br />
<b><span style="color: #e06666;">Adım 3: </span><span style="color: #351c75;"> </span></b><span style="color: #351c75; font-weight: bold;">]]></b:skin> </span><b>kodunu aratın</b> ve <b>hemen üstüne</b> aşağıdan seçmiş olduğunuz blogger sayfa numaralandırma stillerinden birini yapıştırın.<br />
<br />
<ul>
<li><b><span style="color: #3d85c6;">Stil 1</span></b></li>
</ul>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> #blog-pager .pages{border:none;}</span></span></blockquote>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5c6mzW-khZ3PsyC55B6zk9QyPDX7cfKbeAEl-YEUMUWVQvy79yQJTccQWwsnT-vXXUwgn2JLMT-2UnW2Rt9tPLUcZQlfsYJ6isPKaN3pGUdqhmKhZEg_bIcWqARm846bYLRIhCBk9mImQ/s1600/blogger+page+navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5c6mzW-khZ3PsyC55B6zk9QyPDX7cfKbeAEl-YEUMUWVQvy79yQJTccQWwsnT-vXXUwgn2JLMT-2UnW2Rt9tPLUcZQlfsYJ6isPKaN3pGUdqhmKhZEg_bIcWqARm846bYLRIhCBk9mImQ/s1600/blogger+page+navigation.png" title="sayfa numaralandırma blogger" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><b style="color: #3d85c6;"> Stil 2</b></li>
</ul>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; orphans: auto; outline: 0px; padding: 10px; text-align: start; text-indent: 0px; vertical-align: baseline; widows: auto;">
<div style="margin: 0px;">
<span style="-webkit-text-stroke-width: 0px; color: black; font-family: verdana; font-size: x-small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="line-height: 19.5px;"> </span></span><span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}</span></span></div>
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}</span></span></blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriyu8n943SSr8Bpf2ATc_6aCV-KxnySVALVWqhiuFmQfhAwPNgLAJwvc98MzWAk11SEhQetJL_5BTn3aUxMFRsEggngUhQSRvtqUbtzitRChwhpfli6Fb1a25Qr6YpPiN1DQQWKqPTK9C/s1600/blogger+sayfa+numaraland%C4%B1rma.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriyu8n943SSr8Bpf2ATc_6aCV-KxnySVALVWqhiuFmQfhAwPNgLAJwvc98MzWAk11SEhQetJL_5BTn3aUxMFRsEggngUhQSRvtqUbtzitRChwhpfli6Fb1a25Qr6YpPiN1DQQWKqPTK9C/s1600/blogger+sayfa+numaraland%C4%B1rma.png" title="page navigation blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><span style="color: #3d85c6;"><b>Stil 3</b></span></li>
</ul>
<div>
<div style="margin: 0px;">
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;">#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;background: none;}</span></span></blockquote>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5y2utfXghDuhFRmYpfrJV-uybPbG4fE78i7YqFxDb9mkPhvPNnk0tPIhB97s3xNjEN3KIJqv6tAkMwLfRYHSf05ktKdZsKhJpMbNdjnneuYTtk5RIA0b7XfsnM5bpsgxGyAzTvBjZdYPk/s1600/blogger+sayfa+numaraland%C4%B1rma+eklentisi.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5y2utfXghDuhFRmYpfrJV-uybPbG4fE78i7YqFxDb9mkPhvPNnk0tPIhB97s3xNjEN3KIJqv6tAkMwLfRYHSf05ktKdZsKhJpMbNdjnneuYTtk5RIA0b7XfsnM5bpsgxGyAzTvBjZdYPk/s1600/blogger+sayfa+numaraland%C4%B1rma+eklentisi.png" height="27" title="page navigation blogger" width="640" /></a></div>
<br />
<br /></div>
<b></b><br />
<ul><b>
<li><b><span style="color: #3d85c6;">Stil 4</span></b></li>
</b></ul>
<b>
</b>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;}</span></span></blockquote>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjndR8h0p2TISvsAO6LYsTy2WJamlNA4bS7tpw-0cCXIZl_4wncTqR3BFeummjycKWaIEX9XtwmFqk9gtkDaUFHL-ETd8f2N6eoLzvWnpd5JUg_mXB-Svcnhgq7PTA7Z7fB9mrnRNozTI9k/s1600/blogger+sayfa+numaraland%C4%B1rma.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjndR8h0p2TISvsAO6LYsTy2WJamlNA4bS7tpw-0cCXIZl_4wncTqR3BFeummjycKWaIEX9XtwmFqk9gtkDaUFHL-ETd8f2N6eoLzvWnpd5JUg_mXB-Svcnhgq7PTA7Z7fB9mrnRNozTI9k/s1600/blogger+sayfa+numaraland%C4%B1rma.png" title="page navigation blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ul>
<li><b><span style="color: #3d85c6;">Stil 5</span></b></li>
</ul>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;">#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;}</span></span></blockquote>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHnOKOxOB7wdjKiWy9N8CKTyx6ymKGeBhgFgazEhBYoo6nSZPFGCUEj2LMqRMP4O2RYAH8M_9HhIKY96VsBQlI0xKowhvCkV7L-6aiRrfayQzWP0OxSY_KY-LOplDkxC1tyR_4sWWqQzMr/s1600/blogger+page+navigation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHnOKOxOB7wdjKiWy9N8CKTyx6ymKGeBhgFgazEhBYoo6nSZPFGCUEj2LMqRMP4O2RYAH8M_9HhIKY96VsBQlI0xKowhvCkV7L-6aiRrfayQzWP0OxSY_KY-LOplDkxC1tyR_4sWWqQzMr/s1600/blogger+page+navigation.png" title="page navigation blogger" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li><b><span style="color: #3d85c6;">Stil 6</span></b></li>
</ul>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;}</span></span></blockquote>
<div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgclUqCiY1amxE5nMvdX2TuudMVhsdd_ccb-Gp0zIoraym-gpHmuKfN6QZzBf0kUGpMgQMQzVX73w2EwRLQjdsbokCOwjzYEvJG6P00cuhP5lOzL9Cec8Qqq8SKnx_y9i8OjWRPf27B7jFx/s1600/blogger+sayfa+numaraland%C4%B1rma+eklentisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgclUqCiY1amxE5nMvdX2TuudMVhsdd_ccb-Gp0zIoraym-gpHmuKfN6QZzBf0kUGpMgQMQzVX73w2EwRLQjdsbokCOwjzYEvJG6P00cuhP5lOzL9Cec8Qqq8SKnx_y9i8OjWRPf27B7jFx/s1600/blogger+sayfa+numaraland%C4%B1rma+eklentisi.png" title="page navigation blogger" /></a></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<ul>
<li><b><span style="color: #3d85c6;">Stil 7</span></b></li>
</ul>
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"> #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.blog-pager {background: none;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> .showpageOf{display:none!important}</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;">#blog-pager .pages{border:none;}</span></span></blockquote>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-v6kJYtUvMoEte3j7Oby7OMGUkUojl1ZDcAjXwsxMBQjsZrFOQZyrqjgWdJrXNE9ZJmJ5wHzQGDkTQjNfXTBY5-uGYJ9dlAPxdTEC4Qs0ezxwNG9FPnjqM0kfUNoMCQGEie0NUnBoFy8Z/s1600/blogger+sayfa+ekleme.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger sayfa numaralandırma eklentisi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-v6kJYtUvMoEte3j7Oby7OMGUkUojl1ZDcAjXwsxMBQjsZrFOQZyrqjgWdJrXNE9ZJmJ5wHzQGDkTQjNfXTBY5-uGYJ9dlAPxdTEC4Qs0ezxwNG9FPnjqM0kfUNoMCQGEie0NUnBoFy8Z/s1600/blogger+sayfa+ekleme.png" title="page navigation blogger" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Page navigation stil kodlarından birini şablonlara ekledikten sonra sıra geldi gerekli Script kodlarını eklemeye.<br />
<br />
<b><span style="color: #e06666;">Adım 4: </span><span style="color: #351c75;"></body></span> kodunu aratın.</b><br />
<span style="color: #e06666; font-weight: bold;">Adım 5: </span>Aşağıda ki scripti <b><span style="color: #351c75;"></body></span></b> 'nin <b>üstüne</b> yapıştırın<br />
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"><b:if cond='data:blog.pageType != &quot;item&quot;'></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"><script type='text/javascript'></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> /*<![CDATA[*/</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var perPage=5;</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var numPages=6;</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var firstText ='İlk Sayfa';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var lastText ='Son Sayfa';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var prevText ='« Önceki';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var nextText ='Sonraki »';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var urlactivepage=location.href;</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var home_page="/";</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> /*]]>*/</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"></script></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> <script src="https://blogkaynagi-sayfa-numaralandirma.googlecode.com/svn/blogkaynagi-numaraland%C4%B1rma.js"/></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"></b:if></span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"></b:if></span></span></blockquote>
<br />
<b><span style="color: red;">Eklenti Ayarları </span></b><br />
Eklentiyi blogunuza ekledikten sonra isterseniz <b><span style="color: blue;">Mavi</span></b> ile renklendirilmiş alanları değiştirebilirsiniz.<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<span style="font-family: verdana; font-size: x-small; line-height: 19.5px;"> var perPage=<b><span style="color: blue;">5</span></b>; -<b>Sayfa başına gösterilecek konu sayısı</b></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var numPages=<b><span style="color: blue;">6</span></b>; </span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var firstText ='<b><span style="color: blue;">İlk Sayfa</span></b>';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var lastText ='<b><span style="color: blue;">Son Sayfa</span></b>';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var prevText ='<b><span style="color: blue;">« Önceki</span></b>';</span></span><br />
<span style="font-family: verdana; font-size: x-small;"><span style="line-height: 19.5px;"> var nextText ='<b><span style="color: blue;">Sonraki »</span></b>';</span></span></blockquote>
<br />
<br />
<ul>
<li><span style="font-family: verdana; font-size: x-small; line-height: 19.5px;"><b><span style="color: #cc0000;">var perPage=5;</span></b> <b>Sayfa başına gösterilecek konu sayısı. </b>Bu ayar ana sayfada gösterilecek kayıt sayısı ile aynı olmalıdır. </span><b>Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster </b>seçeneğinin den ana sayfada gösterilecek kayıtları ayarlayabilirsiniz.</li>
<li><b><span style="color: #cc0000;"><span style="font-family: verdana; font-size: x-small; line-height: 19.5px;">var numPages=</span><span style="font-family: verdana; font-size: x-small; line-height: 19.5px;">6</span><span style="font-family: verdana; font-size: x-small; line-height: 19.5px;">;</span></span></b> Sayfa numaralandırma da gösterilecek sayfa sayısı.</li>
</ul>
<div>
<span style="color: #e06666; font-weight: bold;">Adım 6: </span><b>Şablonu Kaydet</b> butonuna tıklayıp eklentinin keyfini çıkarabilirsiniz!</div>
</div>
</div>
Unknownnoreply@blogger.com13tag:blogger.com,1999:blog-3325432071104196405.post-65141441658946234252014-06-28T16:49:00.000+03:002014-06-28T16:50:38.279+03:00Blog Açmadan Önce Kendinize Sormanız Gereken SorularEkgelirtr adlı internet üzerinden para kazanma yollarını okurlarım ile paylaştığım blogumun sorgusuz sualsiz kapatılmasının ardından blogspot üzerinden yayın yapmamaya karar verdim. Aylardır emek verdiğim, özgün yazılar yazmaya çalıştığım blogumun bir sabah uyandığımda kapanmış olması ciddi derece de üzüntü vericiydi. Bu nedenle bir süre blog yazmaktan vazgeçtim fakat günler geçtikçe benim için hobi olan yazarlığın yokluğunu daha fazla hissediyordum. Blog'a bir şeyler yazamamanın yokluğunu daha fazla hissettikçe <b>wordpress</b> tabanlı blog açmaya karar verdim ve<b> Bibilsek.com</b> adında bir domain satın aldım.<br />
<br />
<b>Domain satın aldıktan ve wordpress</b> tabanlı blog yazmaya karar verdikten sonra en fazla düşündüğüm konular blog yazmanın geçiçi bir heves olabileceği ve site içeriğiydi.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinozo9CVyqHGGrDcyeFg3RH0kcdmBePn6w5UXlIFiTNm4nE7aeuvvb5HH-S_TykgfqAvMLdHbawJynEIiaIZFGbbJPtMlHb3xKdU_iAnrEETsENnA8y4nQGE5sc8tXMkyzgLntslXXf5Ii/s1600/hangi+konuda+blog+yazmal%C4%B1y%C4%B1m.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blog yazmak" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinozo9CVyqHGGrDcyeFg3RH0kcdmBePn6w5UXlIFiTNm4nE7aeuvvb5HH-S_TykgfqAvMLdHbawJynEIiaIZFGbbJPtMlHb3xKdU_iAnrEETsENnA8y4nQGE5sc8tXMkyzgLntslXXf5Ii/s1600/hangi+konuda+blog+yazmal%C4%B1y%C4%B1m.jpg" height="204" title="hangi konuda blog yazmalıyım" width="320" /></a></div>
<br />
<b><span style="color: #674ea7;">- Gerçekten blog açmalı mıyım ? </span></b><br />
<br />
Blog yazmak dışarıdan görüldüğü kadar kolay bir iş değildir. Özellikle araştırıp, özenle yazılan bir yazının arama motorları tarafından karşılığını alamaması bir çok web site sahibini pes ettiriyor. Bir hevesle açılan blog bir kaç içerik girildikten sonra kendi haline bırakılıyor. Eğer bir blog açmayı düşünüyorsam hemen pes etmemeli, özgün içerikler ile blogu besleyip sürekli güncel tutmalıyım. Ve yazar wordpress tabanlı blog açmaya karar verir.. Bu konuda kendim ile anlaştıktan sonra diğer bir önemli sorun olan ne tür bir blog yazacağım ?<br />
<br />
<b><span style="color: #674ea7;">- Hangi konuda blog yazmalıyım ?</span></b><br />
<b><br /></b>
Wordpress tabanlı blog açmaya karar verdikten sonra bir süre ne hakkında blog yazacağıma karar veremedim. Bir blogun başarılı olması ve özgün içerikler üretebilmesi için yazacağı konular hakkında yeterli bilgi ve deneyime sahip olması gerekir. Kendimi bildim bileli teknoloji, bilgisayar ve oyunlar ile oldukça ilgilenen bir insanım. Bu nedenlerden dolayı yeni açacağım blogu sadece <b>internetten para kazanmaya</b> yönelik değil aynı zaman da <b>Teknoloji, Wordpress</b> ve <b>Oyun Dünyası</b> hakkında güncel bilgiler yazmaya karar verdim.<br />
<br />
<a href="http://www.bibilsek.com/" target="_blank"><b>Bibilsek.com</b></a> ile 18 Haziran'da <b>yayın hayatına başladım ve teknoloji, sosyal medya, oyunlar, blogspot & wordpress seo, eklentiler ve kodlar</b> ile ilgili bilgilerimi burada paylaşacağım.<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3325432071104196405.post-18857569057695934892014-05-23T21:36:00.000+03:002014-05-23T21:36:06.763+03:00Blogger Renkli Abone Ol Eklentisi<b><span style="color: #3d85c6;">Renkli Abone ol ve Sosyal Ağ Eklentisi</span></b><br />
<br />
<b>Blogger'da abone ol eklentisi</b>, blogunuza gelen ziyaretçiler için <b>e-posta abone</b> formu içerir ve blogunuza yeni gelen güncellemeleri <b>e-mail aboneliği</b> üzerinden<b> hızlı ve kolay</b> erişebilmesini sağlar.
İnsanlar bloglara <b>kaliteli</b> ve konu ile alakalı <b>özgün, farklı</b> içerikler için gelirler. Eğer<b> kaliteli, özgün içerik</b> yazıyorsanız <b>e-mail aboneliği</b> yaptıran kullanıcı artacak ve blogunuzu daha kısa sürede başarıya ulaştıracaktır.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnTxCocovczV7jrxWPS6bl8aUcyo1LwFgSwG2iDid4dNY_erYL1GQEluJ23S_5xAdb24M7r2xy3Si2l61UYU91f3Fbpskpy-beNEjzXNpLrY0g6PxdMjv5LmaneNkuBiqOPypP4_5JHCj/s1600/e-posta+aboneli%C4%9Fi.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="blogger abone ol butonu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvnTxCocovczV7jrxWPS6bl8aUcyo1LwFgSwG2iDid4dNY_erYL1GQEluJ23S_5xAdb24M7r2xy3Si2l61UYU91f3Fbpskpy-beNEjzXNpLrY0g6PxdMjv5LmaneNkuBiqOPypP4_5JHCj/s1600/e-posta+aboneli%C4%9Fi.jpg" title="blogger abone ol eklentisi" /></a></div>
<span style="color: red;"><b>Blogger Abone Ol Butonu Ekleme</b></span><br />
Blogger abone ol eklentisi ve sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça renkli blogger eklentisidir. Gelelim Siteye eklemeye;<br />
<br />
<b>Blogger Yönetici Paneline </b>giriş yapıyoruz<br />
<br />
<b>Yerleşim > Gadget ekleye</b> tıklıyoruz.<br />
<br />
Açılan pencerede<b> HTML/JavaScript</b>'e tıklıyoruz.<br />
<br />
Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.<br />
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; outline: 0px; padding: 10px; vertical-align: baseline;">
<style>.btsubscribe1 {padding: 8px;background-color:#fa6121;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}<br />
.btsubscribe2 {padding: 8px;padding-top:0px;background-color:#ffb739;background-position:center;background-size:100%;background-repeat:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;text-align:center;}<br />
.buttonSubHomepage2 { height:24px; width:80px; border:solid; border-color:white; font-family:arial black; font-size:14px; padding-bottom:21px; color:white; background-color:#ffb739; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 25px; -webkit-border-bottom-left-radius: 25px;<br />
-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 25px; -moz-border-radius-bottomleft: 25px;<br />
border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .buttonSubHomepage2:hover { background-color:#EA9500; }</style><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' /><div class='btsubscribe1' align="center"><div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'>E-posta Aboneliği</div><div style='color: #FFFFFF; font-weight: bold; font: 16px Calibri, cursive; margin: 0px 0px 10px 15px;'>Blog Kaynagin'da yayınlancak yeni yazılar E-posta adresine gelsin.</div><div style='margin: 10px 0 0 6px;'><!--Subscription Box--><form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: blue;"><b>Blogkaynagi</b></span>&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'style='margin: 0pt;' target='popupwindow'><input name='uri' type='hidden' value='<span style="color: blue;"><b>BlogKaynagi</b></span>' /><input name='loc' type='hidden' value='en_US' /><input style="height:24px;width:200px;border:solid;border:hidden;border-radius:5px;font-size:12px;" class='btmailbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;E-mail Adresiniz....&quot;;}'onfocus='if (this.value == &quot;E-mail Adresiniz...&quot;) {this.value = &quot;&quot;}'type='text' value='E-mail Adresiniz...' /><br/><input class="buttonSubHomepage2" alt='' title='' type='submit' value='Abone Ol'/></form></div></div><div class="btsubscribe2"><div style='color: #FFFFFF; font-weight: bold; font: 22px Oswald; margin: 0px 0px 10px 15px;'>Sosyal Ağlar</div><div style=''><!--Facebook URL--><a href='<span style="color: blue;"><b>http://www.facebook.com/</b></span>' target='_blank' title='Faceebook Beğen'><img src='http://3.bp.blogspot.com/-ChHaXU5VfIE/UJkIg5tptTI/AAAAAAAABEg/kzXjQ2QxEPo/s1600/facebook.png' alt='facebook'/></a><!--Twitter URL--><a href='<span style="color: blue;"><b>http://twitter.com</b></span>/' rel='nofollow' target='_blank'title='Takip et'><img src='http://3.bp.blogspot.com/-aG-POFOiBHc/UJkIkayVTGI/AAAAAAAABE4/hhun4Hjaudw/s1600/twitter.png' alt='twitter'/></a><!--Google+ URL--><a rel="publisher" href='<span style="color: blue;"><b>https://plus.google.com</b></span>/' target='_blank'title='Follow us on Google+'><img src='http://2.bp.blogspot.com/-gxpckVUYzWI/UJkIh5kHQ5I/AAAAAAAABEo/IlR9Bt-FVBE/s1600/googleplus.png' alt='gplus'/></a><!--LinkedIn--><a href='<span style="color: blue;"><b>http://linkedin.com</b></span>/' rel='nofollow' target='_blank'title='Follow us on LinkedIn'><img src='http://1.bp.blogspot.com/-c7m7fLXHewI/UJPaWsVTZ6I/AAAAAAAAA-M/uvdMMglb8fE/s1600/linkedin-circle-2.png' alt='linkedin'/></a><!--RSS URL--><a href='<span style="color: blue;"><b>http://feeds.feedburner.com</b></span>/' rel='nofollow' target='_blank'title='RSS Abone Ol'><img src='http://4.bp.blogspot.com/-aN0dAN4mIno/UJkIje-dmSI/AAAAAAAABEw/gyK0zwpvjdE/s1600/rss.png' alt='rss'/></a><br/></div></div></blockquote>
<br /><b><span style="color: red;">Eklenti Düzenleme
</span></b><br />
<br />
Eklentide düzeltmeniz gereken yerler <span style="color: blue;"><b>MAVİ</b></span> ile gösterilmiştir. İsterseniz kodun içinden dialogları da değiştirebilirsiniz. Gerekli düzenlemeleri yaptıktan sonra eklenti kullanıma hazır olacaktır.Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-3325432071104196405.post-8079953304046851762014-03-03T02:03:00.000+02:002014-10-14T00:42:30.535+03:00Blogger Yazı İçine Reklam Ekleme<b>Blogger</b> ve ya herhangi bir <b>blog</b> sitesine sahip olup<b> para kazanma</b>ya ilk adım <b>Adsense</b>'ye <b>kayıt olmak</b>tan geçer. Tabi ki iş kayıt olmakla bitmeyip sancılı <b>Adsense kabul edilme</b> süreci başlar. En sonunda <b>Google Adsense</b>'ye kabul görüldükten sonra bloga eklemek kalır. Fakat adsense kabul edildikten sonra ki en önemli sorun <b>reklamları nereye yerleştirirsek daha fazla gelir</b> elde edeceğimizdir.<br />
<div>
<br /></div>
<div>
Blogger da <b>google adsense reklamları</b>nın tıklama oranını arttırmak için en iyi yöntem konu içine reklam yerleştirmektir. <b>Blog temasına uygun</b> şekilde <b>hazırlanmış</b> ve <b>yerleştirilmiş</b> reklam daha fazla <b>tıklama</b> getireceğinden, <b>daha fazla para</b> kazandıracaktır.</div>
<div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgdCh1QGnYJjPllMoX-Kbi24OMfGorM2Epohj6BuehcByQMkUplrySCzY4NZANgXZ-tfEfbRgYY90JcX3J-0F5pfraPhFtvT7WTat1552qlTm-SYe5JXDIATyMFRpraaM7m5ZRdtJh4ru/s1600/google-adsense-logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google adsense" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgdCh1QGnYJjPllMoX-Kbi24OMfGorM2Epohj6BuehcByQMkUplrySCzY4NZANgXZ-tfEfbRgYY90JcX3J-0F5pfraPhFtvT7WTat1552qlTm-SYe5JXDIATyMFRpraaM7m5ZRdtJh4ru/s1600/google-adsense-logo.png" title="google adsense logo" /></a></div>
<br /></div>
<div>
Detaylı bir şekilde <b>html</b> bilgisine sahip olmayan bloggerlar için blogger'da yazı işine reklam ekleme sorununa bu konumuzda bir son verilecektir.</div>
<div>
<br />
<b><span style="color: red;">Blogger Yazı içine Adsense Reklamları Ekleme</span></b><br />
<b><span style="color: red;"><br /></span></b>
<b>Blogger adsense reklam</b> eklemek için öncelikle <b>adsense</b>'den aldığımız <b>reklam kodunu</b> <span style="color: orange; font-weight: bold;">Convert </span>etmeniz gerekmektedir. <b>Adsense kodunu convert</b> etmek için google'da <b>“adsense code converter” </b>diye aratırsanız karşınıza bir sürü sonuçlar çıkacaktır. Herhangi bir siteye girip açılan sayfada ki kutucuğa <b>Adsense reklam kodunuzu yapıştır</b>dıktan sonra <b>convert</b> diyoruz ve <b>adsense reklam kod</b>umuz hazır hale geliyor.<br />
<b><span style="color: red;"><br /></span></b>
<b><span style="background-color: white; color: #3d85c6; font-size: large;">1 ) Blogger Konu İçinde Sol Üst Tarafa Reklam Ekleme</span></b><br />
<br />
Blogger'da konunun içinde sol üst tarafa reklam eklemek için aşağıda ki adımları izleyeceğiz.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0OPQk5S-6JSZDbisEEc_R5CpAxGIGuT1jJS6miZFbAscio2gKtXscL-Qh8TFD9qFB4w8YwYHoMJDstIi4MXFQvUcCaqNbqdBBsNOUAea9GFqTpYyIjER9Lss6Gajqh-ofk_kN6nLw5IP/s1600/adsense+sol+%C3%BCst+reklam.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="adsense reklam ekleme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn0OPQk5S-6JSZDbisEEc_R5CpAxGIGuT1jJS6miZFbAscio2gKtXscL-Qh8TFD9qFB4w8YwYHoMJDstIi4MXFQvUcCaqNbqdBBsNOUAea9GFqTpYyIjER9Lss6Gajqh-ofk_kN6nLw5IP/s1600/adsense+sol+%C3%BCst+reklam.png" height="175" title="yazı içinde sol üst reklam ekleme" width="240" /></a><b>Blogger Yönetici Paneline</b> giriş yapıyoruz.<br />
<br />
<b>Şablon > HTML Düzenle</b>'ye giriyoruz.<br />
<br />
<span style="color: #e06666; font-weight: bold;"><div class='post-body'> </span>kodunu <b>aratın</b> ve hemen <b>üstüne</b> aşağıda ki kodlar ile birlikte <b>Convert</b> ettiğiniz <b>google adsense reklam kodu</b>nu yapıştırın. <b>Google adsense politika</b>larına uyması açısından yazı ile reklam arasına <b>5px</b>'lik bir aralık eklendi.<br />
<b><span style="color: red;"><br /></span></b>
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; padding: 10px;">
<span style="color: #333333; font-family: Verdana, Arial, sans-serif;"><span style="line-height: 19.5px;"> </span><span style="line-height: 19.5px;"><b:if cond='data:blog.pageType == "item"'> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif;"><span style="line-height: 19.5px;"><div style='float:left;padding:0px 5px 0px 0px;'> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif;"><span style="line-height: 19.5px;"><b>Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek</b></span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif;"><span style="line-height: 19.5px;"></div> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif;"><span style="line-height: 19.5px;"> </b:if></span></span></blockquote>
<div>
<br />
Bazı blogların kodlamaları farklı olduğundan dolayı blogunuz da <b>adsense reklamı</b> gözükmeyebilir. Adsense reklamı sol üst tarafta gözükmeyenler yukarıda ki kodları <b style="color: #e06666;"><div class='post-body entry-content'> </b>aratıp hemen <b>üstüne</b> yapıştırın. Eğer bu da olmazsa<b style="color: #e06666;"> </b><span style="color: #e06666;"><b><div class='post-header-line-1'/></b></span><b style="color: #e06666;"> </b>kodunu aratıp hemen altına reklam kodlarını yapıştırın.<br />
<br />
Reklamı konunun içinde sağ üst tarafta göstermek için <span style="background-color: white;"><span style="color: #e06666; font-weight: bold;"><div style='float:left'> </span>kodunu <span style="color: #e06666; font-weight: bold;"><div style='float:</span><span style="font-weight: bold;"><span style="color: #674ea7;">right</span></span><span style="color: #e06666; font-weight: bold;">></span><span style="font-weight: bold;"> </span>ile değiştirin</span><span style="background-color: #f5ead9;">.</span><br />
<span style="background-color: #f5ead9;"><br /></span><span style="background-color: white; color: #3d85c6; font-size: large;"><b>2 ) Blogger Yazı içinde Alt Tarafa Reklam Ekleme</b></span><br />
<span style="background-color: #f5ead9;"><b><span style="color: red;"><br /></span></b></span>
<span style="background-color: white;"><b>Google adsense reklam </b>kodumuzu convert ettikten sonra reklamı konu içinde alt tarafa eklemek için </span><span style="background-color: white;">aşağıda ki adımları izliyoruz</span><span style="background-color: #f5ead9;">.</span><br />
<span style="background-color: #f5ead9;"><br /></span>
<b>Blogger Yönetici Paneline</b> giriş yapıyoruz.<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQquUxgArEBziZaxseZXHU2wO4xfzj3tJSdY5uDs4oAAl-oOkLCSBfHD-T_zNeHSYEln0X7VhZ5OKwBcZ93c3WhUWvxHAmiDCBQO7a2csBvS_xiKKxDFnxRQrNDqO5bdwWd8DLyHGJnRu/s1600/adsense+reklam+ekleme.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="adsense yazı içine reklam ekleme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQquUxgArEBziZaxseZXHU2wO4xfzj3tJSdY5uDs4oAAl-oOkLCSBfHD-T_zNeHSYEln0X7VhZ5OKwBcZ93c3WhUWvxHAmiDCBQO7a2csBvS_xiKKxDFnxRQrNDqO5bdwWd8DLyHGJnRu/s1600/adsense+reklam+ekleme.png" height="175" title="adsense alt orta reklam ekleme" width="240" /></a><br />
<b>Şablon > HTML Düzenle</b>'ye giriyoruz.<br />
<br />
<span style="color: #e06666; font-weight: bold;"> <div class='post-footer'> </span>kodunu aratın ve hemen <b>üstüne</b> aşağıda ki kodlar ile birlikte <b>Convert</b> ettiğiniz <b>google adsense reklam kodu</b>nu yapıştırın. <br />
<br />
<br />
<br />
<blockquote style="background-color: #f8e4b8; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid rgb(248, 172, 0); margin: 0px 25px; padding: 10px;">
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: small;"><span style="line-height: 19.5px;"> <b:if cond='data:blog.pageType == "item"'> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: small;"><span style="line-height: 19.5px;"><div align='center'> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: small;"><span style="line-height: 19.5px;"><b>Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek </b> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: small;"><span style="line-height: 19.5px;"></div> </span></span><br />
<span style="color: #333333; font-family: Verdana, Arial, sans-serif; font-size: small;"><span style="line-height: 19.5px;"> </b:if></span></span></blockquote>
</div>
</div>
</div>
<br />
Aynı şekilde temaların kodlamaları farklı olmasından dolayı <b>adsense reklamı</b> blogunuzun alt tarafında gözükmeyebilir. Adsense reklamı yazı içinde alt tarafta gözükmezse <span style="color: #e06666; font-weight: bold;"><div class='post-footer'></span> kodunu bir kez daha aratın. Genelde bloglarda bu koddan iki tane bulunur. Diğer bulduğunuz kodun hemen üstüne reklam kodunu yapıştırın.<br />
<br />
Herhangi bir sorun olursa yorum yapmaktan çekinmeyin.. Umarım işinize yaramıştır..Unknownnoreply@blogger.com71tag:blogger.com,1999:blog-3325432071104196405.post-7090157450078824202014-01-29T19:48:00.000+02:002014-01-29T19:59:51.995+02:00Blogger Mükemmel Sosyal Paylaşım EklentisiBlogunuza <b>sosyal paylaşım butonları</b> arıyorsanız, bu kod tam size göre! Blogger sitenizde görsel olarak aşırı dikkat çeken bu<b> sosyal paylaşım eklentisi</b> ile blogunuza uğrayan ziyaretçilere yazılarınızı s<b>osyal paylaşım</b> sitelerinde paylaşmasını sağlayabilirsiniz. Sosyal paylaşım butonları sayesinde web sitenize gelen <b>ziyaretçi sayısını arttırabilirsiniz.</b><br />
<b><br /></b>
<b><span style="color: red;">Blogger Sosyal Paylaşım Butonları</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitWP2lkhEEOqXx0qvQIF_FpB1th6ATtX0XB4eIwseXpTVCkzSoP6va9OcwQ3B9ItNMz8gD5ZRbAEyEURddH6YWV029z90pZB9xcvXO5vLu3h-P8hdNlrwbJ-CBI5sWOL0sm7bUJH3KQjj4/s1600/blogkaynagi+sosyal+eklenti.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitWP2lkhEEOqXx0qvQIF_FpB1th6ATtX0XB4eIwseXpTVCkzSoP6va9OcwQ3B9ItNMz8gD5ZRbAEyEURddH6YWV029z90pZB9xcvXO5vLu3h-P8hdNlrwbJ-CBI5sWOL0sm7bUJH3KQjj4/s1600/blogkaynagi+sosyal+eklenti.png" /></a></div>
<b><span style="color: red;"><br /></span></b>
Sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça şık bir blogger eklentisidir. Gelelim Siteye eklemeye;<br />
<br />
<b>Blogger Yönetici Paneline </b>giriş yapıyoruz<br />
<br />
<b>Yerleşim > Gadget ekle</b>ye tıklıyoruz.<br />
<br />
Açılan pencerede<b> HTML/JavaScript</b>'e tıklıyoruz.<br />
<br />
Aşağıda ki kodu alıp açılan sayfaya <b>yapıştırın </b>ve işlem tamamdır.<br />
<div style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; margin: 5px 20px 20px;">
<div class="smallfont" style="font-size: 11px; margin-bottom: 2px;">
<div style="font-size: 13px; margin: 5px 20px 20px;">
<div class="smallfont" style="font-size: 11px; margin-bottom: 2px;">
Kod:</div>
<pre class="alt2" dir="ltr" style="background-color: #f5ead9; border: 1px inset; height: 498px; overflow: auto; padding: 4px; width: 640px;"><!--http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Başlangıç-->
<div style="background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm_mj55Uv9adbsrVTHveq2c-iHYKYt_lwbveTtj9Cn-Z93m070MDXhMd48hJmzvhxq4Vpg1J7qTdW47XbhFjaBPOFUBdZJ4FM3H54jXkaTHYqQEQY-5ckFZbdKGbW_c2_rzaM1poFiXvNd/s1600/blogkaynagi+sosyal+eklenti.png) no-repeat; border: 1px solid #4891c1; box-shadow: 0px 0px 4px #888888; height: 250px; overflow: hidden !important; position: relative; width: 300px;">
<div style="left: 215px; position: absolute; top: 32px;">
<g:plusone annotation="none"></g:plusone></div>
<div style="left: 228px; overflow: hidden; position: absolute; top: 112px; width: 60px;">
<div class="fb-like" data-font="arial" data-layout="button_count" data-send="false" data-show-faces="false" data-width="150">
</div>
<div id="fb-root">
</div>
</div>
<script type="text/javascript">
<!-- http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Bitiş -->
document.write(unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%6C%65%66%74%3A%20%31%33%30%70%78%3B%20%70%6F%73%69%74%69%6F%6E%3A%20%61%62%73%6F%6C%75%74%65%3B%20%74%6F%70%3A%20%31%37%39%70%78%3B%22%3E%0A%3C%61%20%63%6C%61%73%73%3D%22%74%77%69%74%74%65%72%2D%73%68%61%72%65%2D%62%75%74%74%6F%6E%22%20%64%61%74%61%2D%63%6F%75%6E%74%3D%22%6E%6F%6E%65%22%20%64%61%74%61%2D%6C%61%6E%67%3D%22%65%6E%22%20%64%61%74%61%2D%72%65%6C%61%74%65%64%3D%22%62%6C%6F%67%6B%61%79%6E%61%67%69%22%20%64%61%74%61%2D%76%69%61%3D%22%42%6C%6F%67%6B%61%79%6E%61%67%69%22%20%68%72%65%66%3D%22%68%74%74%70%73%3A%2F%2F%74%77%69%74%74%65%72%2E%63%6F%6D%2F%73%68%61%72%65%22%3E%54%77%65%65%74%3C%2F%61%3E%0A%3C%73%63%72%69%70%74%3E%21%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%21%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%7B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%70%6C%61%74%66%6F%72%6D%2E%74%77%69%74%74%65%72%2E%63%6F%6D%2F%77%69%64%67%65%74%73%2E%6A%73%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%3B%7D%7D%28%64%6F%63%75%6D%65%6E%74%2C%22%73%63%72%69%70%74%22%2C%22%74%77%69%74%74%65%72%2D%77%6A%73%22%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%3E%28%66%75%6E%63%74%69%6F%6E%28%64%2C%73%2C%69%64%29%7B%76%61%72%20%6A%73%2C%66%6A%73%3D%64%2E%67%65%74%45%6C%65%6D%65%6E%74%73%42%79%54%61%67%4E%61%6D%65%28%73%29%5B%30%5D%3B%69%66%28%64%2E%67%65%74%45%6C%65%6D%65%6E%74%42%79%49%64%28%69%64%29%29%72%65%74%75%72%6E%3B%6A%73%3D%64%2E%63%72%65%61%74%65%45%6C%65%6D%65%6E%74%28%73%29%3B%6A%73%2E%69%64%3D%69%64%3B%6A%73%2E%73%72%63%3D%22%2F%2F%63%6F%6E%6E%65%63%74%2E%66%61%63%65%62%6F%6F%6B%2E%6E%65%74%2F%65%6E%5F%75%73%2F%61%6C%6C%2E%6A%73%23%78%66%62%6D%6C%3D%31%26%61%70%70%49%64%3D%33%35%38%31%36%35%33%39%37%36%31%34%31%39%37%22%3B%66%6A%73%2E%70%61%72%65%6E%74%4E%6F%64%65%2E%69%6E%73%65%72%74%42%65%66%6F%72%65%28%6A%73%2C%66%6A%73%29%7D%28%64%6F%63%75%6D%65%6E%74%2C%27%73%63%72%69%70%74%27%2C%27%66%61%63%65%62%6F%6F%6B%2D%6A%73%73%64%6B%27%29%29%3B%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%74%79%6C%65%3E%2E%67%65%62%65%70%64%3A%68%6F%76%65%72%7B%72%69%67%68%74%3A%30%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%21%2D%2D%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2D%2D%3E%0A%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%4A%61%76%61%73%63%72%69%70%74%22%3E%0A%3C%2F%73%63%72%69%70%74%3E%3C%2F%64%69%76%3E%0A%0A%0A%0A%3C%61%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%31%30%30%70%78%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%77%69%64%74%68%3A%31%32%35%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%27%68%74%74%70%3A%2F%2F%34%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%70%48%38%64%74%77%67%31%66%37%67%2F%55%75%6A%50%77%44%73%64%47%72%49%2F%41%41%41%41%41%41%41%41%41%45%41%2F%68%31%52%6A%32%6C%45%36%72%4A%38%2F%73%31%36%30%30%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%70%6E%67%27%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%35%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%35%30%29%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%6B%61%79%6E%61%67%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2E%74%72%2F%32%30%31%34%2F%30%31%2F%62%6C%6F%67%67%65%72%2D%73%6F%73%79%61%6C%2D%70%61%79%6C%61%73%69%6D%2D%65%6B%6C%65%6E%74%69%73%69%2E%68%74%6D%6C%22%20%63%6C%61%73%73%3D%22%67%65%62%65%70%64%22%3E%3C%2F%61%3E'));
</script></div></pre>
<div>
<br /></div>
</div>
</div>
</div>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-3325432071104196405.post-5164878564860729182014-01-24T09:17:00.000+02:002014-08-19T00:06:30.038+03:00Blogger Şık Duyuru EklentisiBana göre blogger duyuru eklentisi olarak bugüne kadar paylaşılmış<b> en şık, en kullanışlı duyuru panosu</b> ile karşınızdayım. Web sitenizin <b>sol alt kısmında</b> yer alacak bu <b>duyuru panosunu </b>sitenize gelen her ziyaretçi çok beğenecek!<br />
<br />
Kodlanmasında herhangi bir şekilde <b>Javascript ve flash </b>kullanılmayan bu mükemmel duyuru eklentisi, sadece <b>HTML ve CSS3</b> kullanılarak yapılmıştır. Sitenizde herhangi bir kasmaya sebep olmaz.
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xfnnJVJC5-qUQf-vnSIUW8mCyuO8QVcrDGq4CmphllyV9RR7wk6hEdEl7NdRfdStYxnM2X4jGdh6lPq56UEhn4kz9gXgCCaJQY5D5DpBHd4GLGgQIhYc5gXOVCztjqZITZ8e6XGzfBzB/s1600/Blogger+duyuru+eklentisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger duyuru kodu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xfnnJVJC5-qUQf-vnSIUW8mCyuO8QVcrDGq4CmphllyV9RR7wk6hEdEl7NdRfdStYxnM2X4jGdh6lPq56UEhn4kz9gXgCCaJQY5D5DpBHd4GLGgQIhYc5gXOVCztjqZITZ8e6XGzfBzB/s1600/Blogger+duyuru+eklentisi.png" title="blogger duyuru eklentisi" /></a></div>
<div class="" style="clear: both; text-align: left;">
<b><span style="color: red;">Blogger Duyuru Eklentisi Ekleme</span></b></div>
<br />
<b>Blogger Yönetici Paneline</b> giriş yapıyoruz.<br />
<br />
<b>Şablon > HTML'yi Düzenle'</b>ye giriyoruz.<br />
<br />
Açılan kod sayfasında <b>Ctrl+F</b> yaparak<b> </body> </b>'i aratıyoruz ve<b> hemen üstüne </b>aşağıda ki kodu yapıştırıyoruz.<br />
<br />
Diğer bir ekleme yolu ise;<br />
<b>Yerleşim > Gadget Ekle > HTML/JavaScript</b>'i açıp, aşağıda ki kodu açılan sayfaya yapıştırarak eklentiyi kullanabilirler.<br />
<br />
<br />
<br />
<br />
<blockquote>
<div class="wg-blockq">
<div class="rose-block">
<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç--><br />
<br />
<br />
<div id="menucon"><br />
<div id="allcoder-tex"><br />
<br/><b>Duyuru</b><br/><br/><br />
<br />
Merhaba!<br />
<br />
<br/><br/><br />
<br />
Web siteniz de kullanabileceğiniz en yeni eklentiler blogkaynagi.blogspot.com'da !<br />
Lütfen konulara yorum yapmayı unutmayalım!<br />
<br />
</div><br />
</div><br />
<allcoder><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4rwBnv6VGSBxEaEue3FxGSvaLtefRB2bvguf68C_6L0IcV7g1ymPN2-MpYAUIqp6gw1rgzt-RjxeZcb7gV7yXMvBgHxmzLA2dSljiM2kPq0naio5JqIr1T0frs0sMZTfSzA_jZQkwixG/s1600/see.png) no-repeat center center; transition: all 0.8s ease-in-out; background-size:cover; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; } #menucon:hover{ bottom:35px;left:35px; width:80px;height:80px; transform: rotate(720deg); -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); }#allcoder-tex{position:absolute;bottom:37px;left:38px; box-shadow: -1px 1px 5px 0px #888888; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; transition-timing-function:ease-in-out; line-height:22px; -webkit-transition-timing-function:ease-in-out; opacity:0; width:0px;height:0px; padding:6px;color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:none; font-size:14px; text-align:center; -webkit-border-radius: 8px; -webkit-border-bottom-left-radius: 0; border-radius: 8px; border-bottom-left-radius: 0; }</style><style> #menucon:hover #allcoder-tex{ width:200px;height:250px; background:#444; opacity:0.6;} </style></allcoder><br />
<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->
</div>
</div>
</blockquote>
Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-3325432071104196405.post-85748953311249086802013-11-23T23:22:00.000+02:002013-11-23T23:30:40.661+02:00Blogger Yuvarlanan Duyuru EklentisiMerhabalar, bugün çok şık bir eklentiyle daha karşınızdayım. <b>Blogger yuvarlanan duyuru eklentisi</b> css ile yazılmış olup blogger sayfanızın <b>sol tarafında sabit</b> durmaktadır. Fare ile üstüne gelindiğinde, kare olan duyuru eklentisi yuvarlanıp yazmış olduğunuz duyuruyu gösteriyor. Fareyi üstünden çektiğinizde ise tekrar eski haline geri dönüyor. Canlı görünüm olarak; şuan yan tarafta bulunan duyuru eklentisine bakabilirsiniz.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf0JG8F7qFOd5xFihCYniw8FxlypdKPtEdMENFdqtf3FRO0ZYSHSOdzeieGuJUCIiQKJYGdy7pbmtctsHc5oTnQm19uC1Kni22FkR6aeGw7SFe-2P5lhbmOi2nIV1UeAY34jCJR2OHNTeZ/s1600/yuvarlanan+duyuru+eklentisi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger eklentileri" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf0JG8F7qFOd5xFihCYniw8FxlypdKPtEdMENFdqtf3FRO0ZYSHSOdzeieGuJUCIiQKJYGdy7pbmtctsHc5oTnQm19uC1Kni22FkR6aeGw7SFe-2P5lhbmOi2nIV1UeAY34jCJR2OHNTeZ/s1600/yuvarlanan+duyuru+eklentisi.png" title="yuvarlanan duyuru eklentisi" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">Blogger Yuvarlanan duyuru eklentisi ekleme</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;"><br /></span></b></div>
<div class="separator" style="clear: both;">
<b>Blogger Yönetici Paneline</b> giriş yapıyoruz</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<b>Yerleşim > Gadget ekleye</b> tıklıyoruz.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
Açılan pencerede <b>HTML/JavaScript</b>'e tıklıyoruz ve aşağıda ki kodu açılan sayfaya yapışırıyoruz.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Eklentideki arka plan rengini değiştirmek için kodun içerisinde bulunan <b>background-color:<span style="color: red;">#e84343 </span></b>kodunu bulup kırmızı olan renk kodunu istediğiniz bir renk koduyla değiştirebilirsiniz.</div>
<br />
<br />
<br />
<br />
<blockquote>
<div class="wg-blockq">
<div class="rose-block">
<div class="yuvarlanan-duyuru eklentisi"><div class="divix"><br />
<div style="position:absolute;top:0px;left:0px;font-family:Helvetica, Arial, sans-serif;font-weight:normal;<br />
font-size:13px;color:#fff;background-color:#e84343;" class="duyuristan"><br />
<span style="display:block;margin-left:40px;"><br />
<b>Hoşgeldin!</b><br />
<br/><br />
Yayınlarımıza Yorum Yapmayı Unutmayın.!
İyi Bloglar.!<br />
<br/><br />
BlogKaynagi.blogspot.com<br />
<br />
<br />
</span><br />
</div><br />
<style>.divix{height:95px;position:absolute;top:0px;left:0px;min-width:86px;}.duyurucaz{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;border:2px solid #ff9c9c;}</style><br />
<div class="duyurucaz">DUYURU</div></div></div><style>.duyurucaz{text-decoration:none !important;text-align:center;line-height:60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:17px;color:#fff;position:absolute;top:0px;left:-3px;display:inline-block;height:80px;width:80px;background:#e84343;}.duyurucaz{-webkit-transition: all 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: all 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);cursor:pointer;}.duyuristan{padding-right:30px;height:80px;text-decoration:none !important;padding-top:4px;overflow:hidden;background:#fff;border:none;border-color:#ff9c9c;border-width:0px;width:0px;-webkit-transition: width 1s cubic-bezier(0.6, -0.83, 0.805, 1.425);-moz-transition: width 1s cubic-bezier(0.7, -0.8, 0.805, 1.3);-o-transition: width 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);transition: all 1s cubic-bezier(0.7, -0.83, 0.805, 1.3);}.divix:hover .duyurucaz{height:80px;margin-left:300px;transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-webkit-border-radius: 40px;border-radius: 40px;}.divix:hover .duyuristan{background-color:#e84343;border:1px solid #ff9c9c;width:298px;height:78px;}div.yuvarlanan-duyuru{position:fixed;z-index:999999;}div.eklentisi{top:140px;left:0px;}</style><style type="text/css">div.yuvarlanan-duyuru{_position:absolute;}div.eklentisi{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}<br />
</style>
</div>
</div>
</blockquote>
Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-3325432071104196405.post-89758075741680186552013-11-14T18:02:00.000+02:002014-08-19T00:10:04.157+03:00Blogger Renkli Popüler Yazılar EklentisiMerhaba arkadaşlar, İnternet problemi nedeniyle uzun bir süredir paylaşım yapamıyordum. Uzun sürenin acısını sizlere çok şık eklentiler paylaşarak kapatmayı düşünüyorum. İlk paylaşımım yan tarafta resimde gördüğünüz üzere oldukça<b> şık ve gösterişli</b> herhangi yazı taşması gibi bir problemi olmayan <b>blogger renkli popüler yazılar eklentisi.</b><br />
<br />
<br />
<b><span style="color: red;">Blogger Renkli Popüler Yazılar Eklentisi Ekleme</span></b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVyXVLhTa_l7FVcQboJ2eP0t9brS5WgpssyKKSXC6RI6zhGNTJiF1TTsRZddre8XOQxvAEFW6F-8mJxpgZtEEpTXOAsHtAU2VYHYAy-gT2YezC30_1nPvhaumQMi2oegV2x2leveXht4u/s1600/Renkli+pop%C3%BCler+konular+eklentisi.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger renkli popüler yazılar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVyXVLhTa_l7FVcQboJ2eP0t9brS5WgpssyKKSXC6RI6zhGNTJiF1TTsRZddre8XOQxvAEFW6F-8mJxpgZtEEpTXOAsHtAU2VYHYAy-gT2YezC30_1nPvhaumQMi2oegV2x2leveXht4u/s1600/Renkli+pop%C3%BCler+konular+eklentisi.png" height="400" title="blogger popüler yazılar eklentisi" width="185" /></a><b><span style="color: red;"><br /></span></b>
<b>Blogger Yönetici Paneline </b>giriş yapıyoruz.<br />
<br />
<b>Şablon > HTML'yi Düzenle </b>sayfasına geliyoruz.<br />
<br />
Temamızdan aşağıda ki kodu buluyoruz.<br />
<br />
<b><span style="color: #3d85c6;">]]></b:skin></span></b><br />
<div>
<br /></div>
<div>
Bu kodun hemen üstüne aşağıda bulunan kodları yapıştırıp, <b>Kaydet</b>'e tıklıyoruz ve işlem tamamdır.</div>
<div>
<br /></div>
<div>
Güle güle kullanın :)<br />
<br />
<br />
<br />
<br />
<br />
<br /></div>
<blockquote>
<div class="wg-blockq">
<div class="rose-block">
/* Blogger Popüler Yazılar Eklentisi - http://blogkaynagi.blogspot.com*/
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 .5em 0 0;
width:50px;
height:50px;
float:left;
}
.PopularPosts ul li {
background-color:#eee;
margin:0 10% .4em 0;
padding:.5em 1.5em .5em .5em;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
font-weight:bold;
font-size:120%;
color:inherit;
text-decoration:none;
}
.PopularPosts ul li:before {
content:counter(num);
display:block;
position:absolute;
background-color:black;
color:white;
width:30px;
height:30px;
line-height:30px;
text-align:center;
top:50%;
right:-10px;
margin-top:-15px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
/* Renk düzenle & level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}
</div>
</div>
</blockquote>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-3325432071104196405.post-3563182449267567392013-09-09T15:53:00.000+03:002014-03-13T22:14:04.802+02:00Blogger Etiket GizlemekBlogger'da etiketler genelde yayınları kolayca kategorilere ayrılmasını sağlar. Fakat çoğu blogger kullanıcısı fazla etiket kullandığı için sayfalar düzensiz bir görünüm alıyor. Bu etiket düzensizliğinden rahatsız olan bloggerlar için etiket gizleme kodunu sizlerle paylaşıcam. Blogger etiketleri gizlemek HTML kodunda ufak bir değişiklikle düzeltiliyor.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2JAtJnnKvKHpqHu2PwCqH6E3wJF3SS5ZQkU5xHWuweRbEhCWdGqUaJ8_yiVAGzS_rK5D2ADeT25RZuqKZAyJxUnOFlyoeY9bwaBUzjc1ljAMcHTXHLYD3490rgA-0LNNsP24hMUWKovc/s1600/blogger+etiket+gizlemek.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger etiketleri ana sayfada gizlemek" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2JAtJnnKvKHpqHu2PwCqH6E3wJF3SS5ZQkU5xHWuweRbEhCWdGqUaJ8_yiVAGzS_rK5D2ADeT25RZuqKZAyJxUnOFlyoeY9bwaBUzjc1ljAMcHTXHLYD3490rgA-0LNNsP24hMUWKovc/s1600/blogger+etiket+gizlemek.jpg" title="blogger etiket gizlemek" /></a>
<br />
<br />
<b><span style="color: red;">Blogger Etiketleri Ana Sayfada Gizlemek</span></b><br />
<br />
<b>Blogger Yönetici Paneline</b> giriyoruz;<br />
<br />
<b>Şablon > HTML'yi Düzenle</b> sekmesine tıklıyoruz.<br />
<br />
Açılan sayfada "<b>Ctrl + f</b>" yapıp "<b><b:if cound='data:post.labels'></b>" kodunu aratıyoruz.<br />
Kodu bulamayan arkadaşlar <b>data:post.labels</b> diye aratırsa sıkıntı olmaz.<br />
<br />
Kodu bulduktan sonra aşağıda ki örnekte olduğu gibi, bulduğumuz kod dahil o kısmı siliyoruz ve <b>Şablonu Kaydet</b> diyerek işlemi tamamlıyoruz.<br />
<span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 18px;"> </span><br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; text-align: justify;">
</div>
<code style="background-color: white; background-position: 100% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 4px dotted rgb(0, 109, 217); color: #222222; display: block; font-family: Arial; font-size: 13px; font-weight: bold; line-height: 1.3em; margin: 10px 0px; overflow: auto; padding: 10px; text-shadow: rgb(128, 128, 128) 0px 0px 3px;"><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"><b:if cond='data:post.labels'></span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"><data:postLabelsLabel/></span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"><b:loop values='data:post.labels' var='label'></span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"><a expr:href='data:label.url' rel='tag'><data:label.name/></a></span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"><b:if cond='data:label.isLast != &quot;true&quot;'>,</span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"></b:if> </b:loop></span><br style="border: 0px; margin: 0px; padding: 0px;" /><span style="border: 0px; font-family: Verdana, sans-serif; margin: 0px; padding: 0px;"></b:if> </span></code>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-3325432071104196405.post-28112104993354070972013-08-06T20:26:00.000+03:002014-03-13T22:12:33.565+02:00Blogger 125x125 Reklam Alanı Oluşturma<div style="text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1sPiMYnl56gej_YDNZlwlztEh6r5gXZz8qOKsrYAaGOsQb1_1e53aVhi7cRL3KaZC7-C24uWYzO1spyRoJE-MtvYICxuwyKTVvjrseugIcLGmf0sCZm7IDddQmIa1DuXfyPrgJ_V8C3l/s1600/Blogger+125x125+reklam.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Blogger reklam kodu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV1sPiMYnl56gej_YDNZlwlztEh6r5gXZz8qOKsrYAaGOsQb1_1e53aVhi7cRL3KaZC7-C24uWYzO1spyRoJE-MtvYICxuwyKTVvjrseugIcLGmf0sCZm7IDddQmIa1DuXfyPrgJ_V8C3l/s1600/Blogger+125x125+reklam.png" height="320" title="blogger 125x125 reklam" width="316" /></a></div>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b>Kaliteli</b>, <b>özgün içerik paylaşan</b> ve <b>google sıralamasında yükseklerde</b> olan blogger sahipleri, sitelerine çeşitli şekilde <b>reklam alıp sitelerinden para kazanmayı</b> hedefliyor. Bugün sizlere blogger sitenizde sidebar alanına <b>125x125 reklam alanı</b> eklemeyi paylaşacağım, kurulum oldukça basit.<br />
<br />
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;">Blogger 125x125 Reklam Alanı Ekleme</span></b><br />
<br />
<b>Blogger Yönetici Paneline</b> giriş yapıyoruz<br />
<br />
<b>Yerleşim</b> > <b>Gadget ekleye</b> tıklıyoruz.<br />
<br />
Açılan pencerede<b> HTML/JavaScrip</b>t'e tıklıyoruz ve aşağıda ki kodu açılan sayfaya yapışırıyoruz.<br />
<br />
<br />
<blockquote>
<div class="wg-blockq">
<div class="rose-block">
<center><table border="1"><tr><td width="125" height="125" align="center"><br />
<a href="http://blogkaynagi.blogspot.com.tr/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRUecPhPQdI-VqRx8sPzfCS-lYP1debg5xd0ddjjjKG_haJbLPnikX3nfA9MP94md1_1uEvvkuQJTMQupQiQFlsYDQCjuKh1DNs1lNZUycBkNUuJ2Mg4Ou7KVT9kmz2ajkG9JTNs-VHrp/s1600/125x125.gif"/></a><br />
<td width="125" height="125" align="center"> <a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRUecPhPQdI-VqRx8sPzfCS-lYP1debg5xd0ddjjjKG_haJbLPnikX3nfA9MP94md1_1uEvvkuQJTMQupQiQFlsYDQCjuKh1DNs1lNZUycBkNUuJ2Mg4Ou7KVT9kmz2ajkG9JTNs-VHrp/s1600/125x125.gif"/></a><br />
</td></td></tr><tr><br />
<td width="125" height="125" align="center"><br />
<a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRUecPhPQdI-VqRx8sPzfCS-lYP1debg5xd0ddjjjKG_haJbLPnikX3nfA9MP94md1_1uEvvkuQJTMQupQiQFlsYDQCjuKh1DNs1lNZUycBkNUuJ2Mg4Ou7KVT9kmz2ajkG9JTNs-VHrp/s1600/125x125.gif"/></a> </td><br />
<td width="125" height="125" align="center"><br />
<a href="http://blogkaynagi.blogspot.com.tr/" rel="external"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimRUecPhPQdI-VqRx8sPzfCS-lYP1debg5xd0ddjjjKG_haJbLPnikX3nfA9MP94md1_1uEvvkuQJTMQupQiQFlsYDQCjuKh1DNs1lNZUycBkNUuJ2Mg4Ou7KVT9kmz2ajkG9JTNs-VHrp/s1600/125x125.gif"/></a> </td></tr></table></center></div>
</div>
</blockquote>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;">125x125 Reklam Alanı Ayarları</span></b><br />
<b><span style="color: red;"><br /></span></b>
<br />
<ul>
<li>Reklam vermek istediğiniz sitenin linkini <a href="http://blogkaynagi.blogspot.com/" target="_blank"><b>http://blogkaynagi.blogspot.com</b></a> ile resmini ise<b> "<img src"</b> kodu arasında bulunan resim linki ile değiştirebilirsiniz.</li>
</ul>
<br />
<b><br /></b>
<br />
<ul>
<li>Resim boylarını değiştirmek için <b>width</b> ve <b>height</b> ayarlarını kullanabilirsiniz.</li>
</ul>
Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-3325432071104196405.post-46376833443905961342013-08-05T03:24:00.000+03:002013-08-05T03:24:23.791+03:00Blogger Resimleri Otomatik BoyutlandırmaBir çok blog kullanıcısı sitelerinde bulunan resimlerin orantılı olması gerektiğini düşünüyor çünkü bu site görünümü açısından gelen ziyaretçilere olumlu bir fikir veriyor. Bu kod <b>genişlik</b> ayarını size bırakırken <b>yüksekliği</b> otomatik olarak ayarlıyor. Bunu yaparken <b>orjinal resim</b> görüntüsünün oranını koruyor.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj935b-Z5yUmB19If-odGzgyqo7_VM_so3ojFZJl1J0Y9iht6Apf3IoFZGEYFQhvOyzyFCq-9_xqMdL1O3YHMJOqD-YubTndrk2bgq1qCfzApS5yYot65G6iL4kH_05j49v4VjvNnl3GNyN/s1600/blogger.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="blogger icon" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj935b-Z5yUmB19If-odGzgyqo7_VM_so3ojFZJl1J0Y9iht6Apf3IoFZGEYFQhvOyzyFCq-9_xqMdL1O3YHMJOqD-YubTndrk2bgq1qCfzApS5yYot65G6iL4kH_05j49v4VjvNnl3GNyN/s200/blogger.png" title="blogger" width="200" /></a></div>
<br />
<b><span style="color: red;">Bütün Resimleri Otomatik Boyutlandırma</span></b><br />
<br />
<b>Blogger Yönetici Paneline</b> giriyoruz;<br />
<br />
<b>Şablon > Özelleştir > Gelişmiş</b> sekmesine tıklıyoruz,<br />
<br />
Açılan sayfaya <b>aşağıda ki kodu yapıştırıyoruz</b>. Boyutlandırmayı kendinize göre ayarlayabilirsiniz, ayrıca yükseklik ayarının otomatik olmasını istemiyorsanız bir değer atayabilirsiniz.<br />
<br />
<blockquote>
<div class="wg-blockq">
<div class="rose-block">
.post-body img {
width: 400px;
height: auto;
}
.post table.tr-caption-container img {
width: 400px;
height: auto;
}
</div>
</div>
</blockquote>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-3325432071104196405.post-43748419199609055152013-08-01T22:19:00.000+03:002014-08-19T00:04:41.479+03:00Blogger Resimli Son Yorumlar EklentisiBlogger <b>son yorumlar eklentisi</b> bir çok blogger kullanıcısı için son derece yararlı bir eklentidir. Son yorumlar eklentisini kullanmak seo'ya oldukça faydalıdır. Blog trafiğinizi ve bounce rate yani hemen çıkma oranını azaltır. Gelelim popüler ve şık son yorumlar eklentisini eklemeye;<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid5Vsu3M1i0t4VhXhXFtlnT7P0augrNKsvBbO5HuOe_osp9NnZ2lLGaOAQ4nhyphenhyphenOLzZNb21qYjKfOZfTOB3OFbrg7zZT5S2AoTc4UAM98tz0B7wRYvSGp0NNL-sPLnY2OwxSs0lE3QPZzGS/s1600/son+yorumlar+blogger.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="son yorumlar" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid5Vsu3M1i0t4VhXhXFtlnT7P0augrNKsvBbO5HuOe_osp9NnZ2lLGaOAQ4nhyphenhyphenOLzZNb21qYjKfOZfTOB3OFbrg7zZT5S2AoTc4UAM98tz0B7wRYvSGp0NNL-sPLnY2OwxSs0lE3QPZzGS/s1600/son+yorumlar+blogger.jpg" height="320" title="resimli son yorumlar eklentisi" width="310" /></a></div>
<br />
<b><span style="color: red;">Blogger Avatarlı Son Yorumlar Eklentisi</span></b><br />
<br />
<br />
Blogger <b>Yönetici Paneline</b> giriş yapıyoruz<br />
<br />
<b>Yerleşim</b> > <b>Gadget </b>ekleye tıklıyoruz.<br />
<br />
Açılan pencerede <b>HTML/JavaScript</b>'e tıklıyoruz<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_STxOplrQpJKbFTbvBTwhyphenhyphen7InlZNG6ZV3s-9-r1IpDFgdggRwnFiQbzM-QQ7d7gjOY4nlWw4T2a-HOqL0xP73ECJFOXdnhcYWN9bvgjFiOkHA5l61Qi5rBkTC4prjihERUbeYfKmajU/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger yönetici paneli" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_STxOplrQpJKbFTbvBTwhyphenhyphen7InlZNG6ZV3s-9-r1IpDFgdggRwnFiQbzM-QQ7d7gjOY4nlWw4T2a-HOqL0xP73ECJFOXdnhcYWN9bvgjFiOkHA5l61Qi5rBkTC4prjihERUbeYfKmajU/s1600/html.jpg" height="243" title="Html javascript" width="451" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Açılan pencereye aşağıdaki kodu yapıştırıp, <b>kaydet'</b>e basın işlem tamamdır.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; font-size: 13px; margin: 5px 20px 20px;">
<div class="smallfont" style="font-size: 11px; margin-bottom: 2px;">
Kod:</div>
<pre class="alt2" dir="ltr" style="background-color: #f5ead9; border: 1px inset; height: 498px; overflow: auto; padding: 4px; width: 640px;"><style type="text/css">
ul.btt_recent_comments {
list-style: none;
margin: 0;
padding: 0;
}
.btt_recent_comments li {
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
border: 2px solid transparent;
}
.btt_recent_comments li:hover {
-webkit-transform: scale(1.2) translate(15px);
-moz-transform: scale(1.2) translate(15px);
-ms-transform: scale(1.2) translate(15px);
-o-transform: scale(1.2) translate(15px);
transform: scale(1.2) translate(15px);
box-shadow: 0 0 20px 1px #aaa;}
.btt_recent_comments li {
background: none!important;
margin: 5px!important;
padding: 5px!important;
display: block;
clear: both;
overflow: hidden;
list-style: none;
}
.btt_recent_comments li .avatarImage {
padding: 3px;
background: #fefefe;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
float: left;
margin: 0 6px 0 0;
position: relative;
overflow: hidden;
}
.avatarRound {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
.btt_recent_comments li img {
padding: 0;
position: relative;
overflow: hidden;
display: block;
}
.btt_recent_comments li span {
margin-top: 3px;
color: #666;
display: block;
font-size: 12px;
line-height: 1.4;
}
#btt_recent_comments .info {
text-align: right;
height:1.2em!important;
overflow:hidden;
line-height: 1em!important;
}
#btt_recent_comments .info a {
font-weight: bold;
font-size: 11px;
color: #AAA;
display:none;
}
#btt_recent_comments:hover .info a {
display:inline!important;
}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 45,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More ?",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNiOmI_gksc4kQGV1bgnqA7L06kM5tKJNa75kNN7x3rbz_RV_uE5pUzd47VTlWUKq9kk9i4h76q1qrmLYcEz6srpttIeGlQ6OtB_dz6lVegPW4YH5r0XQyYxNJwIDlUcJTRphojS7aq-dD/s320/avatar.png",
hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('9 G=G||5,8=8||1z,w=w||1w,m=m||"j://V.L.g/1i/?d=1b",F=F||" 1c &1D;",x=(A x===\'B\')?h:x,o=(A o===\'B\')?Q:o,q=(A q===\'B\')?h:q,r=(A r===\'B\')?Q:r;18 14(C){9 7;7=\'<R J="14">\';U(9 i=0;i<G;i++){9 z,y,2,k;4(i==C.O.e.D)X;7+="<10>";9 e=C.O.e[i];U(9 l=0;l<e.E.D;l++){4(e.E[l].19==\'1a\'){z=e.E[l].v;X}}y=e.M[0].1x.$t;2=e.M[0].1E$16.N;4(2.f("/P/")!=-1){2=2.p("/P/","/s"+8+"-c/")}b 4(2.f("/S/")!=-1){2=2.p("/S/","/s"+8+"-c/")}b 4(2.f("/T-c/")!=-1&&2.f("j:")!==0){2="j:"+2.p("/T-c/","/s"+8+"-c/")}b 4(2.f("H.g/n/17-W.I")!=-1){2="j://3.Y.Z.g/-1d-1e/1f/1U/1g/s"+8+"/1h.11"}b 4(2.f("H.g/n/1j-W.I")!=-1){2="j://3.Y.Z.g/-1k/1l/1m/1n/s"+8+"/1o.11"}b 4(2.f("H.g/n/1p.I")!=-1){4(m.f("L.g")!=-1){2=m+"&s="+8}b{2=m}}b{2=2}4(x===h){4(q===h){k="1q"}b{k=""}7+="<12 J=\\"1s "+k+"\\"><n J=\\""+k+"\\" N=\\""+2+"\\" 1t=\\""+y+"\\" 1u=\\""+8+"\\" 1v=\\""+8+"\\"/></12>"}7+="<a v=\\""+z+"\\">"+y+"</a>";9 13=e.1y.$t;9 6=13.p(/(<([^>]+)>)/1A,"");4(6!==""&&6.D>w){6=6.1B(0,w);6+="&1C;";4(o===h){6+="<a v=\\""+z+"\\">"+F+"</a>"}}b{6=6}7+="<u>"+6+"</u>";7+="</10>"}7+=\'</R>\';9 K="";4(r===h){K="15:1F;"}7+="<u 1G=\\"1H-1I:1J;15:1K;1L-1M:1N;"+K+"\\">1O 1P <a v=\\"j://V.1Q.1R/\\">1S</a></u>";1T.1r(7)}',62,119,'||authorAvatar||if||commBody|commentsHtml|avatarSize|var||else|||entry|indexOf|com|true||http|avatarClass||defaultAvatar|img|showMorelink|replace|roundAvatar|hideCredits|||span|href|characters|showAvatar|authorName|commentlink|typeof|undefined|btt|length|link|moreLinktext|numComments|blogblog|gif|class|hideCSS|gravatar|author|src|feed|s1600|false|ul|s220|s512|for|www|rounded|break|bp|blogspot|li|png|div|commHTML|btt_recent_comments|display|image|b16|function|rel|alternate|mm|More|AaI8|1X32ZM|TxMKLVzQ5BI|QYau8ov2blE|btt_blogger_logo|avatar|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|btt_openid_logo|blank|avatarRound|write|avatarImage|alt|width|height|40|name|content|60|ig|substring|hellip|raquo|gd|none|style|font|size|10px|block|text|align|right|Widget|by|SoftGlad|com|SoftGlad|document|AAAAAAAABYY'.split('|'),0,{}))
//]]>
</script>
<script src="/feeds/comments/default?alt=json&amp;callback=btt_recent_comments&amp;max-results=5" type="text/javascript"></script>
<div id="btt_recent_comments">
<div class="info"><a rel=”external” href="http://blogkaynagi.blogspot.com.tr/2013/08/blogger-resimli-son-yorumlar-eklentisi.html" title="Widget Info">Sitene Ekle</a></div></div></pre>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b style="color: red; font-family: Arial, serif; font-size: 14px; line-height: 26px; text-align: left;">Eklenti Ayarları</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">Son yorumlar eklentisinin normal ayarları 5'tir. Daha fazla yorum gözükmesi için aşağıda ki kodları eklenti kodlarından arayıp bulun;</span></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<b>numComments = <span style="color: red;">5</span>, </b><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">Değerini değiştirin </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 26px;"><b>amp;max-results=</b><span style="color: #444444; font-weight: bold;"> </span><span style="color: red; font-weight: bold;">5 </span>Yorum sayısının değişmesi için değerlerin aynı olması gerekiyor.</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">Avatarın gözükmemesi için aşağıda ki</span><b style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;"> true</b><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;"> değerini </span><b style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">false</b><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;"> ile değiştirin.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 26px;"><b><span style="color: #444444;">showAvatar = </span><span style="color: red;">true</span><span style="color: #444444;">,</span></b></span></span></div>
<div class="separator" style="clear: both;">
<span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;"><br /></span></div>
<div class="separator" style="clear: both;">
</div>
<ul>
<li><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">Avatar boyutu</span></li>
</ul>
<div class="separator" style="clear: both;">
<span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 26px;"><b><span style="color: #444444;">avatarSize = </span><span style="color: red;">45</span><span style="color: #444444;">,</span></b></span></span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><span style="color: #444444; font-family: Arial, serif; font-size: 14px; line-height: 26px;">Yorumlarda toplam kaç karekter gözümesini istiyorsanız aşağıdaki değeri değiştirin.</span></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 26px;"><b><span style="color: #444444;">characters = </span><span style="color: red;">40</span></b></span></span></div>
Unknownnoreply@blogger.com67tag:blogger.com,1999:blog-3325432071104196405.post-7742076326169153542013-07-10T18:38:00.000+03:002014-10-11T01:23:52.478+03:00Blogger Siteye Türk Bayrağı EklemekMerhaba arkadaşlar<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFNVtPjVTxFICgAKFgvxPaEi2Jt1swm6deknhqAFj1iMbA2EY3qGxho4nJe3rF13By33sfIvIcwOsY9GmILmMQU53vI2jj1QtIZbhuOZ5PnjOxFd3opC8MRCmJDsvDpYBIdn0h59p61We/s1600/t%C3%BCrk+bayragi.png" imageanchor="1" style="clear: left; float: left; height: 135px; margin-bottom: 1em; margin-right: 1em; width: 135px;"><img alt="blogger türk bayrağı ekleme" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsFNVtPjVTxFICgAKFgvxPaEi2Jt1swm6deknhqAFj1iMbA2EY3qGxho4nJe3rF13By33sfIvIcwOsY9GmILmMQU53vI2jj1QtIZbhuOZ5PnjOxFd3opC8MRCmJDsvDpYBIdn0h59p61We/s1600/t%C3%BCrk+bayragi.png" height="”125″" title="türk bayrağı" width="”125″" /></a>Bugün sizlerle blogger sitenizin sol üst köşesine yan tarafta gördüğünüz gibi oldukça şık <span style="color: red;"><b>Türk Bayrağı</b></span> ekleme kodunu paylaşıcam.<br />
<br />
Siteye eklemek oldukça kolay;<br />
<br />
Blogger <b>Yönetici Paneline</b> giriş yapıyoruz<br />
<br />
<b>Yerleşim</b> > <b>Gadget ekleye</b> tıklıyoruz.<br />
<br />
Açılan pencerede<b> HTML/JavaScript</b>'e tıklıyoruz<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_STxOplrQpJKbFTbvBTwhyphenhyphen7InlZNG6ZV3s-9-r1IpDFgdggRwnFiQbzM-QQ7d7gjOY4nlWw4T2a-HOqL0xP73ECJFOXdnhcYWN9bvgjFiOkHA5l61Qi5rBkTC4prjihERUbeYfKmajU/s1600/html.jpg" imageanchor="1" style="height: 135px; margin-left: 1em; margin-right: 1em;"><img alt="Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtQ_STxOplrQpJKbFTbvBTwhyphenhyphen7InlZNG6ZV3s-9-r1IpDFgdggRwnFiQbzM-QQ7d7gjOY4nlWw4T2a-HOqL0xP73ECJFOXdnhcYWN9bvgjFiOkHA5l61Qi5rBkTC4prjihERUbeYfKmajU/s1600/html.jpg" height="243" title="HTML/JavaScript" width="451" /></a></div>
<br />
Aşağıda ki kodu açılan pencereye yapıştırıp, <b>kaydet</b>'e basın işlem tamamdır.<br />
<br />
<div class="wg-blockq">
<div class="rose-block">
<!doctype html><style type="text/css">div.fixed-position{_position:absolute;}div.fixed-s-e{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="blogkaynagi turk_bayragi" style="width:135px;height:135px;background-image:url(http://img13.imageshack.us/img13/2687/yomoho.png)"> <style>.kdrs:hover{left:0px !important;opacity:0.70 !important;filter:alpha(opacity=70) !important;}</style><style type="text/css">div.blogkaynagi{position:fixed;z-index:3000;}div.turk_bayragi{top:0px;left:0px;}</style></div></!doctype> </div>
</div>
Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-3325432071104196405.post-42719666094713140272013-05-27T16:50:00.000+03:002014-08-20T18:12:11.336+03:00JavaScript Dosyalarını Google Code'a Yüklemek<b>Merhaba arkadaşlar </b><br />
<b><br /></b>
<b>JavaScript, Css gibi dosyalarını Google-Code eklemek istemezmisin ? Bugün sizlere Google Code sunucusuna Javascript gibi eklentilerin eklenmesinden bahsedeceğim.</b><br />
<b>Öncelikle Google Code'dan bahsedelim.</b><br />
<br />
<b><span style="color: red;">Google Code nedir ? Nasıl Proje Oluşturulur ?</span></b><br />
<span style="color: red;"><b><br /></b></span>
Google'ın açık kaynaklı yazılımları desteklemek ve google ilgili programların geliştirilmesi için api ve kaynak kodu yayınlanan google hizmeti. Ayrıca projenizi google serverlerinde host edebilir wiki ve svn kullanılmasını sağlayabilirsiniz. <a href="https://code.google.com/intl/tr/" rel="”external”">Google Code</a> JavaScript, Python, AJAX, MySQL, PHP gibi tüm açık kaynaklı yazılımları desteklemekte. Tek yapmanız gereken Google Code'a kayıt olup bir proje oluşturmak.
<b><span style="color: red;">JavaScript Dosyalarını Google Code'a Yüklemek ve Çalıştırmak - Google Code Nasıl Kullanılır</span></b>
<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2rXawbawSYYK6II8ht9kQW7q__UepMX5MI6yg6bop7PStQPxTD-qli1nPHfzac7kYP_06BavckGEktejvrhqHMx3xm4ZCsQAYMDcBS3V4uZT4fXr7X8BDkL7yiSS1nDfR7uwQ-Wmg4Js/s1600/google+code+host.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google code nasıl kullanılır" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2rXawbawSYYK6II8ht9kQW7q__UepMX5MI6yg6bop7PStQPxTD-qli1nPHfzac7kYP_06BavckGEktejvrhqHMx3xm4ZCsQAYMDcBS3V4uZT4fXr7X8BDkL7yiSS1nDfR7uwQ-Wmg4Js/s1600/google+code+host.jpg" height="141" title="google code" width="320" /></a></div>
<br /></div>
<div>
<b>Öncelikle <a href="https://code.google.com/intl/tr/" rel="”external”">Google Code</a> adresine girip Google hesabımızla sisteme giriş yapıyoruz.</b></div>
<div>
<br /></div>
<div>
<b><span style="color: red;">Adım 1:</span> Giriş yaptıktan sonra ana sayfanın aşağısında bulunan<span style="color: #674ea7;"> Create New Project</span>'e tıklıyoruz.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_leHC2Hz_DgNWPVpO8CFmKkL3hGdSBsFJXsfE_5Pug6SY5it1my06P10UITmEqO9ZjJ2WD61RStltSq9VN01fMTqJsdPHmixAC0PXFsNF8ElXfbq1SsNMDtwAbqsutfieGeCLV1mUlCrO/s1600/google+code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google code new project" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_leHC2Hz_DgNWPVpO8CFmKkL3hGdSBsFJXsfE_5Pug6SY5it1my06P10UITmEqO9ZjJ2WD61RStltSq9VN01fMTqJsdPHmixAC0PXFsNF8ElXfbq1SsNMDtwAbqsutfieGeCLV1mUlCrO/s1600/google+code.jpg" height="”284″" title="google code" width="”126″" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">Adım 2: </span>Açılan ekranda gerekli alanları dolduruyoruz.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Project Name:</span> Proje İsmi</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Project Summary:</span> Proje hakkında kısa bilgi</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Description:</span> Proje ile ilgili açıklama alanı</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Version Control System: </span>Subversion seçiyoruz</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Source Code License:</span> İstediğinizi seçebilirsiniz</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #674ea7;">Project Labels:</span> Etiketler seçsenizde olur seçmesenizde</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Doldurduktan sonra <span style="color: #674ea7;">Create Project</span> diyip devam ediyoruz.</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTAeqDpAbrwSlcD4JrFzB3lxPhiBNjpFox2wOXNpo2WdfJ5MvSyivrs1owuBgEhRHGtoIPGLHfAZHM3T3dTB7dLJ3niGzKat2RT5qtwi_xWqo94jA4aW_WYyY5IROlN1GoirrzhUrdwYc/s1600/google+code+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google code create project" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglTAeqDpAbrwSlcD4JrFzB3lxPhiBNjpFox2wOXNpo2WdfJ5MvSyivrs1owuBgEhRHGtoIPGLHfAZHM3T3dTB7dLJ3niGzKat2RT5qtwi_xWqo94jA4aW_WYyY5IROlN1GoirrzhUrdwYc/s1600/google+code+1.jpg" height="608" style="cursor: move;" title="google code" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: red;">Adım 3: </span>Google Code Proje ana sayfanız açılacak. </b></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Açılan sayfada yukarıda bulunan sekmelerden <span style="color: #674ea7;">Source</span> sekmesine ardından <span style="color: #674ea7;">Browse</span> seçeneğine tıklıyoruz.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>Ardından dosyamızı yüklemek için <span style="color: #674ea7;">Upload</span> butonuna tıklıyoruz.</b></div>
<div class="separator" style="clear: both; text-align: left;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: left;">
<b></b></div>
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pAKuQMdKiz8GUVLBgSxrKA5zpKkFgz5EztouKyaQ0FndOPYugyMgJWztnw5dSy9crCBwtxiP8LSGPNAHByHGUllmeOSovyn57xVnss8O-eUmQGBqsdW5S4h5hEuJrMQJpAUkx4wyS1Xx/s1600/google+code+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google host" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3pAKuQMdKiz8GUVLBgSxrKA5zpKkFgz5EztouKyaQ0FndOPYugyMgJWztnw5dSy9crCBwtxiP8LSGPNAHByHGUllmeOSovyn57xVnss8O-eUmQGBqsdW5S4h5hEuJrMQJpAUkx4wyS1Xx/s1600/google+code+2.jpg" height="291" title="google code " width="640" /></a></b></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<b><span style="color: red;">Adım 4: </span>Bilgisayarımızda bulunan Javascript dosyasını seçtikten sonra gerekli alanları doldurup commit diyoruz.</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ3eNquKkS_HxnKiBGhX2d8nCojRH9sju6OntlifygJ7-9cJMzZiuOpcG9w1H0KByQLh4foXaaJ9g8L_YwCCtLE2b3Gn1DImrZPodq4tf-0ZqRsUMgB36byHkfwKyPCpjQaLJBtWPftlK/s1600/google+code+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google code settings" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQ3eNquKkS_HxnKiBGhX2d8nCojRH9sju6OntlifygJ7-9cJMzZiuOpcG9w1H0KByQLh4foXaaJ9g8L_YwCCtLE2b3Gn1DImrZPodq4tf-0ZqRsUMgB36byHkfwKyPCpjQaLJBtWPftlK/s1600/google+code+3.jpg" height="309" title="google code" width="640" /></a></div>
<br />
<div>
<b>İşlem tamamdır. JavaScript dosyamız Google Code sunucusuna yüklendi. Açılan Sayfada view raw file'a Tıklayarak kodun bulunduğu dizine gidebilir JavaScript adresini blogunuzda kullanmaya başlayabilirsiniz.</b></div>
<div>
<b><br /></b></div>
<div>
<b><span style="color: #674ea7;">Örnek Kod:</span> <a href="https://bilgici.googlecode.com/svn/bilgicinfo-resimli-benzer-yazilar.js">https://bilgici.googlecode.com/svn/bilgicinfo-resimli-benzer-yazilar.js</a></b></div>
Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-3325432071104196405.post-37628427593481359782013-05-07T20:04:00.000+03:002014-08-20T18:11:44.220+03:00Blogger Genişletilebilir Son Yorumlar Eklentisi<b>Bu gün sizlerle genişletilebilir son yorumlar eklentisini paylaşıcam, Aşağıda ki Resim de görüldüğü üzere yapılan yorumlar gizlenip tekrar gösterilebiliyor.</b>
<b><span style="color: #0b5394;">Tek bir yoruma bakmak için</span> başında ki<span style="color: red;"> -/+</span> butonuna tıklamanız, <span style="color: #0b5394;">Tümünü görmek için</span> ise<span style="color: red;"> Show All</span>'a tıklamanız yeterli olucaktır. <span style="color: #0b5394;">Yorumları gizlemek için</span> <span style="color: red;">Hide all</span> butonunu kullanabilirsiniz.</b>
<br />
<h3 style="text-align: center;">
Blogger'a Genişletilebilir Son Yorumlar Eklentisi Ekleyin</h3>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgrTRWwrLPWEcCUhY33sYABErU89lrrEK-2ugeSJvbEc2yzB-Suhtd685xSeGBM7_d4cFczpWx432Mnim4F1hPn7IHzRq1tiUYRY4D0oJzjLuIYMRtN0nQFJ9m2vPGGFMQSypdOH4Y4Fmr/s1600/a%C3%A7%C4%B1labilir+yorum+kutusu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger eklentileri" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgrTRWwrLPWEcCUhY33sYABErU89lrrEK-2ugeSJvbEc2yzB-Suhtd685xSeGBM7_d4cFczpWx432Mnim4F1hPn7IHzRq1tiUYRY4D0oJzjLuIYMRtN0nQFJ9m2vPGGFMQSypdOH4Y4Fmr/s320/a%C3%A7%C4%B1labilir+yorum+kutusu.jpg" height="320" title="genişletilebilir son yorumlar eklentisi" width="219" /></a></div>
<b><span style="color: red;"><u>Adım 1</u></span></b><br />
<b><span style="color: red;"><u><br /></u></span></b>
<b>Blogger Kumanda Penelinden > Yerleşim > Gadget Ekle'ye Tıklıyoruz.</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpb7itw0Hn6W1-LTAYb8zvBbb_PUDFysJdA8NhW4Wnf3WcmPMi_oPVcZed8jU8kPrM0-nXx95sGf2qeeAmSsLRPazXz7-d-5lZrZVxDiUu-RUV-XiREan8ga5S-MY8cpAXKtpka5EVwMAY/s1600/gadget+ekle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="en yeni gadgetler" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpb7itw0Hn6W1-LTAYb8zvBbb_PUDFysJdA8NhW4Wnf3WcmPMi_oPVcZed8jU8kPrM0-nXx95sGf2qeeAmSsLRPazXz7-d-5lZrZVxDiUu-RUV-XiREan8ga5S-MY8cpAXKtpka5EVwMAY/s640/gadget+ekle.jpg" height="121" title="gadget ekle" width="400" /></a></div>
<br />
<b><span style="color: red;"><u>Adım 2</u></span></b><br />
<b><span style="color: red;"><u><br /></u></span></b>
<b>Açılan Pencerede HTML/JavaScript Widgetine Tıklayın.</b><br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7TBTPWHOiLOzALORJbcILprB48plFBUF5aXvh6BSpCCf_df0dGJ3Kb5qb-x4Zmi7m2kp1FZMxL_RxB7ARqkzd5kAZC9J5Ts19rVPUSq7Za_b9EA3YGciLIUq_1lHUQHw-Z1wmThI6EBT7/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger eklentileri" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7TBTPWHOiLOzALORJbcILprB48plFBUF5aXvh6BSpCCf_df0dGJ3Kb5qb-x4Zmi7m2kp1FZMxL_RxB7ARqkzd5kAZC9J5Ts19rVPUSq7Za_b9EA3YGciLIUq_1lHUQHw-Z1wmThI6EBT7/s1600/html.jpg" height="243" title="html javascript" width="451" /></a></div>
<div>
<b style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><span style="color: #3d85c6;"><br /></span></b></div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"></b><br />
<div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><span style="color: red;"><u>Adım 3:</u></span></b></b></div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">
</b>
<br />
<div style="color: #3d85c6;">
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><b style="background-color: white; color: #242424; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;"><span style="color: #3d85c6;"><br /></span></b></b></div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">
</b>
<br />
<div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">Açılan HMTL/JavaScript penceresine aşağıdaki kodu yapıştırın.</b></div>
<b style="background-color: white; font-family: 'Merienda One'; font-size: 15px; line-height: 20px;">
</b>
<br />
<blockquote class="tr_bq" style="background-color: #f9f9f1; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFUUYAGd-a-Pej4Pw5V2ssOLy534LrZbqjZR7lYA78eahCauhm2O4pryg1q6NNMKDTDGB6980uj7D9lB6RO8JiUK34vUytPbCbvsJlNRGmT0SN6GSqcbJAO5r5WBzocKYJIUHZ9fLZOc/s1600/comma-side-orange1.gif); background-repeat: no-repeat repeat; border: 2px dotted rgb(243, 243, 243); color: #444444; font-family: 'Ubuntu Condensed'; font-size: 13px; margin: 0px 20px; padding: 20px 20px 10px 45px;">
<span style="line-height: 18px;"><style type="text/css" media="screen"></span><br />
<span style="line-height: 18px;">.row-aa { background: #f2f2f3; }</span><br />
<span style="line-height: 18px;">.row-bb { background: #F8F5F1; }</span><br />
<span style="line-height: 18px;">.row-div { </span><br />
<span style="line-height: 18px;"> margin:0px; </span><br />
<span style="line-height: 18px;"> padding:5px; </span><br />
<span style="line-height: 18px;">}</span><br />
<span style="line-height: 18px;">.comment-header { </span><br />
<span style="line-height: 18px;"> font-size:0.9em; </span><br />
<span style="line-height: 18px;">// border:1px solid #E0E0E0; </span><br />
<span style="line-height: 18px;">// background-color:#F3F3F3; </span><br />
<span style="line-height: 18px;"> padding:4px; </span><br />
<span style="line-height: 18px;"> margin-top:10px; </span><br />
<span style="line-height: 18px;"> margin-bottom:5px; </span><br />
<span style="line-height: 18px;">}</span><br />
<span style="line-height: 18px;">.comment-box {</span><br />
<span style="line-height: 18px;"> margin:0px;</span><br />
<span style="line-height: 18px;"> padding:0px;</span><br />
<span style="line-height: 18px;"> font-size:0.9em;</span><br />
<span style="line-height: 18px;"> height:500px;</span><br />
<span style="line-height: 18px;"> overflow:auto;</span><br />
<span style="line-height: 18px;">}</span><br />
<span style="line-height: 18px;">.comments1 { </span><br />
<span style="line-height: 18px;">// background: #F3F3F3; </span><br />
<span style="line-height: 18px;"> padding:3px; </span><br />
<span style="line-height: 18px;"> border-left:1px dashed #A6A6A6;</span><br />
<span style="line-height: 18px;"> color: #888888;</span><br />
<span style="line-height: 18px;"> font-style: italic;</span><br />
<span style="line-height: 18px;"> padding-top:4px;</span><br />
<span style="line-height: 18px;"> margin-bottom:5px;</span><br />
<span style="line-height: 18px;">}</span><br />
<span style="line-height: 18px;">.comment-footer {</span><br />
<span style="line-height: 18px;"> text-align:center;</span><br />
<span style="line-height: 18px;"> font-size:0.9em;</span><br />
<span style="line-height: 18px;"> padding:4px;</span><br />
<span style="line-height: 18px;"> margin-top:5px; </span><br />
<span style="line-height: 18px;">}</span><br />
<span style="line-height: 18px;"></style></span><br />
<br style="line-height: 18px;" />
<span style="line-height: 18px;"><div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Show all&#39;) { unfold_all(this); this.value=&#39;Hide all&#39;; } else { fold_all(this); this.value=&#39;Show all&#39;; }" style="width:8em;font-size:1em;font-family:Verdana,sans" value="Show all" /></div></span><br />
<br style="line-height: 18px;" />
<span style="line-height: 18px;"><div class="comment-box"></span><br />
<span style="line-height: 18px;"><script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/expandable-recent-comments.js"></script></span><br />
<span style="line-height: 18px;"><script type="text/javascript" src="</span><span style="color: blue; line-height: 18px;">http://blogkaynagi.blogspot.com</span><span style="line-height: 18px;">/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts"></span><br />
<span style="line-height: 18px;"></script></span><br />
<span style="line-height: 18px;"><script type="text/javascript" src="</span><span style="color: blue; line-height: 18px;">http://blogkaynagi.blogspot.com</span><span style="line-height: 18px;">/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments"></span><br />
<span style="line-height: 18px;"></script></span><br />
<br style="line-height: 18px;" />
<span style="line-height: 18px;"></div></span></blockquote>
<br />
<div>
<b><span style="color: red;">Not:</span> <span style="color: blue;">Mavi renk http://blogkaynagi.blogspot.com</span> ile belirtilmiş olan yeri sitenizin adresiyle değiştirin ve işlem tamam.</b></div>
<div>
<b><br /></b></div>
<div>
<b>Keyfini çıkarın:)</b></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3325432071104196405.post-5917896881037306112013-05-07T02:32:00.000+03:002014-08-20T18:11:28.014+03:00Blogger Yorum Formunu Özelleştirin.!<b><span style="color: red;">Blogger Yorum Kutusu Değiştirme</span></b><br />
<b><br /></b>
Aşağıda ki resimde görüldüğü gibi bu yazımda blogcular için kendi kullandığım yorum kutusu kodunu paylaşağım. Oldukça kullanışlı olan bu yorum panelinde yapılan yorumu yanıtlama gibi seçenekte bulunmakta.<br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaD1MU5L0QO6SZ9YQfyD4btRkH7l2j_hcokX1H7T4aI_YWAzq8GrB5GeBrCA1z8ATPiEpHlhldINq4wm-vEnnuaVGCJvw9ZgM26cO6j6xL1n2UwPlUOu4r6PZxC66ZjEvjRQURMFvwMO79/s1600/yorum.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="blogger yorum formu" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaD1MU5L0QO6SZ9YQfyD4btRkH7l2j_hcokX1H7T4aI_YWAzq8GrB5GeBrCA1z8ATPiEpHlhldINq4wm-vEnnuaVGCJvw9ZgM26cO6j6xL1n2UwPlUOu4r6PZxC66ZjEvjRQURMFvwMO79/s640/yorum.jpg" height="640" title="yorum kutusu" width="502" /></a></div>
<span style="color: red; font-weight: bold;">Dikkat:! </span><u>Blogunuza kodu eklemeden önce yedek almayı unutmayın !</u><br />
<b><br /></b>
<b><span style="color: red;"><u>1. Adım</u></span> </b><br />
<b>Kumanda Paneli > Şablon > Html'yi Düzenle'ye </b>geliyoruz.<br />
<b><br /></b>
<b><span style="color: red;"><u>2.Adım</u></span></b><br />
<b>Ctrl+F ile Comments </b>seçeneğini buluyoruz ve aşağıda ki kod ile değiştiriyoruz.<br />
<br />
<h3>
<b><span style="color: red;">Yorum Kutusu Özelleştirme:</span></b></h3>
<b><span style="color: #8e7cc3;">Arka plan: </span>Kullanılan yorum kutusunun arka plan görüntü rengini değiştirmek için kod içinde bulunan </b><b><span style="color: #8e7cc3;">#d0cce4 </span>kodunu istedizğiniz renk kodu ile değiştirebilirsiniz.</b><br />
<b><br /></b>
<b><span style="color: orange;">Butonlar: </span>Butonların rengini değiştirmek için ilk başta bulunan<span style="color: orange;"> #FA6900 </span>kodunu istediğiniz bir renk kodu ile değiştirebilirsiniz.</b><br />
<div class="wg-blockq">
<div class="rose-block">
<div>
/* Comments
----------------------------------------------- */
/*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
.comments .comment .comment-actions a {background:#FA6900;border:1px solid #000;cursor:pointer;color:#ffffff;padding:3px 3px; margin-right:10px;font:10px sans-serif;}
.comments .comment .comment-actions a:hover {text-decoration: none; background:#FF5C59; border:1px solid #000;}
#comments{overflow:hidden}
#comments h4{display:inline;padding:10px;line-height:40px}
#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4,.comments .continue a{background:#d0cce4;}
#comments h4,.comments .user a,.comments .continue a{font-size:14px}
#comments h4,.comments .continue a{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #d0cce4;border-right:20px solid transparent;width:0;height:0;line-height:0}
#comments .avatar-image-container img{border:0}
.comment-thread{color:#111}
.comment-thread a{color:#000}
.comment-thread ol{margin:0 0 20px}
.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:#FA6900;}
.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #ddd;background:#f9f9f9;padding:10px}
.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghnYes6GeGbzw__ciUCRJNNhqXpSk_ZQ3GeuoW38s4AOwqreWIAE-Bdsig8668qp2NUE87gfmVx3kHNySqye2y1IBmCLM8BPrJAY59JHUNTK1VuTJ0EA5dJLU4viYRF1OBdW-66RiO8Ig/s36/yazar.png);width:36px;height:36px}
.comments .comments-content .inline-thread{padding:0 0 0 20px}
.comments .comments-content .comment-replies{margin-top:0}
.comments .comment-content{padding:5px 0;line-height:1.4em}
.comments .comment-thread.inline-thread{border-left:0px solid #ddd;background:transparent}
.comments .comment-thread.inline-thread .comment{width:auto}
.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:0px solid #ddd;width:10px;height:0px}
.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
.comments .comment-thread.inline-thread .comment-block{margin-left:48px}
.comments .comment-thread.inline-thread .user a{font-size:13px}
.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
.comments .continue{border-top:0;width:100%}
.comments .continue a{padding:10px 0;text-align:center}
.comment .continue{display:none}
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
/*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
</div>
</div>
</div>
Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-3325432071104196405.post-57155483442722034772013-05-03T19:55:00.001+03:002014-08-20T18:10:56.375+03:00Blog Kaynağı'na Hoşgeldiniz<b>Merhabalar '<span style="color: red;">Blog Kaynağı</span>' na hoşgeldiniz. </b><br />
<b><br /></b>
<b>Bu blogu açmamda ki amaç, zamanla edindiğim blogspot tecrübelerimi sizler gibi okuyucularımla paylaşmak ve onlara elimden geldiğince yardımcı olmak.</b><br />
<b><br /></b>
<b><span style="color: red;">Blog Kaynağı;</span> Adından anlaşıldığı üzere benim gibi blogcular için tam bir blog kaynağı olucak. İçerik olarak sadece blog yazıları bulabileceğiniz bu blog da, blogspot adına yaşanan tüm gelişmeleri, eklentileri, temaları ve kodları bulabileceksiniz.</b><br />
<b><br /></b>
<b>İlk yazımı okuduğunuz için teşekkürler,bana <a href="mailto:tolgahardal23@gmail.com">tolgahardal23@gmail.com</a> adresinden ulaşabilirsiniz.</b><br />
<b><br /></b>
<b>Diğer paylaşımlarda görüşmek dileğiyle..</b><br />
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZY1r3TDJrzY-bQjRovyLNaySoIVSSqbu2tRrVm_sbwURs1hOGbhbsq8HlCt8VsNZ_XjC2Y7Q51eSCf3pXDyYBP4Kdmj-I8RLKY77IldixN1qbdQ4lZ3GvPnTfZJPqLy-WzKB8RD4yGlcD/s1600/327643_10150457925583329_932154116_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZY1r3TDJrzY-bQjRovyLNaySoIVSSqbu2tRrVm_sbwURs1hOGbhbsq8HlCt8VsNZ_XjC2Y7Q51eSCf3pXDyYBP4Kdmj-I8RLKY77IldixN1qbdQ4lZ3GvPnTfZJPqLy-WzKB8RD4yGlcD/s400/327643_10150457925583329_932154116_o.jpg" title="tolga hardal" width="300" /></a></b></div>
Unknownnoreply@blogger.com0