Blogger 'Powered By Blogger' Yazısını Kaldırma

Blogger platformunu kullanan kişiler bloglarının en altında bulunan Powered by Blogger 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ı kaldırmadan bahsedeceğim.

Muhtemelen kaldırmak için Blogger Yönetici paneli > Yerleşim sekmesine girip kaldırmayı denemişsinizdir. Bu denemeniz den ne yazık ki bir sonuç çıkmayacaktır, çünkü Powered by Blogger Atıfı 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. 

Neyse ki Powered by blogger kaldırmak 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.

Powered By Blogger Kaldırmak

Yöntem 1 

• İlk olarak Blogger Yönetici Paneline giriş yapın.
• Daha sonra sol tarafta bulunan navigasyon menüsünden Şablon > Özelleştir'e tıklayın.

• Şablon > Özelleştir menüsüne girdikten sonra açılan ekrandan Gelişmiş > CSS ekle seçeneğine tıklayın ve aşağıda ki kodu gerekli alana yapıştırıp kaydedin.

 #Attribution1{display:none;}

•  İlk işlem bu kadar, gerekli kodu yapıştırıp kayıt ettikten sonra blogu kontrol edebilirsiniz.

Yöntem 2

Olur ya üstte ki yöntem blog sayfanız da çalışmadı, işte o zaman bu yöntemi deneyebilirsiniz.

İlk olarak Blogger Yönetici Paneline giriş yapın.

Ardından Şablon > HTML'yi Düzenle'ye gelerek şablon'da 'Attribution' u aratın. 

Gerekli kodu arattıktan sonra aşağıda ki gibi bir yer gelecektir.

• Attribution widgetini bulduktan sonra yukarıda ok ile gösterdiğin "true"
yazısını "false" olarak değiştirin.
• Gerekli değişikliği yaptıktan sonra Yönetici Paneli > Yerleşim menüsüne girin ve Atıf'ı değiştire tıklayın. Aşağıda ki resimde gördüğünüz gibi Kaldır seçeneği çıkacaktır.

Kaldır seçeneğine tıklayarak Powerred by blogger yazısından kurtulabilirsiniz.

Blogger İki Adsense Reklamını Yan Yana Koyma

Blogger sistemini kullanıp yazı yazan biri olarak herkes gibi emeklerimin karşılığını almak istiyorum. Bu nedenle blogger'dan para kazanmak için tüm dünyaca kabul görmüş ve gelmiş geçmiş en güvenilir para kazanma yöntemi olan Google Adsense 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.

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 reklam tıklama oranları nedeniyle oldukça dert yanmakta. Daha önceki yazılarımda da belirttiğim gibi adsense de para kazanmanın altın anahtarlarından biri reklamları blog temasına uygun şekilde yerleştirmekten geçer.

Bundan bir önceki konuda Blogger Yazı İçine Reklam Eklemeyi 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.

Blogger İki Reklamı Yan Yana Koyma

 <b:if cond='data:blog.pageType == &quot;item&quot;'>    
<table border='0'>
  <tr>
    <td>  <div style='float:left;padding:0px 5px 0px 0px;'>  
        Convert Edilmiş Gooogle Adsense Reklam Kodu 1 Buraya Gelecek
</div> </td>
    <td> <div style='float:right'> 
        Convert Edilmiş Gooogle Adsense Reklam Kodu 2 Buraya Gelecek </div> </td>
  </tr>
</table>
 </b:if>

İki reklam arasına 5px'lik bir aralık eklenmiştir. Herhangi bir sorun ve sıkıntıda yorum atmaktan çekinmeyin..

Blogger Sosyal Medya Butonları ve E-Posta Aboneliği Eklentisi

Günümüzde sosyal medyanın web sitesi üzerinde ki etkisi tartışılmaz hale geldi. Google'ı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 facebook,twitter,google+ 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.

Bu zamana kadar bir çok sitede sosyal medya butonları ve e-posta aboneliğini eklentilerini 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.

Fotoğrafta gözükmese de eklenti'de hareketli sosyal medya butonları kullanılmıştır.

Blogger Sosyal Medya ve E-mail Aboneliği Eklentisi

Blogger Yönetici Paneline giriş yapın.

Yerleşim  > Gadget ekleye tıklayın.

Açılan pencerede HTML/JavaScript'e tıklayın.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

<div class='widget-content'>
<style type='text/css'>#sidebar-subscribe-box{background:url(http://1.bp.blogspot.com/-IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/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(http://2.bp.blogspot.com/-tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/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(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/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(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/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="http://feeds.feedburner.com/blogkaynagi" target='_blank'> <img alt="Click Me" onmouseout="this.src='http://1.bp.blogspot.com/--VKL86l-Jb8/UOpZTI1QdYI/AAAAAAAALHc/pobvypvYAkY/s1600/rss-inactive.png'" onmouseover="this.src='http://1.bp.blogspot.com/-4suOkcJcrEY/UOpZSLOgEAI/AAAAAAAALHQ/Bfo2GP16lVk/s1600/rss.png'" src="http://1.bp.blogspot.com/--VKL86l-Jb8/UOpZTI1QdYI/AAAAAAAALHc/pobvypvYAkY/s1600/rss-inactive.png" /></a><a href="https://www.facebook.com/" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='http://4.bp.blogspot.com/-cr9boutcy-s/UOpZATc-69I/AAAAAAAALGU/-OJr2yI988k/s1600/facebook-inactive.png'" onmouseover="this.src='http://1.bp.blogspot.com/-KB8iKLter1I/UOpY-36lZzI/AAAAAAAALGI/XNGi27H5UaA/s1600/facebook.png'" src="http://4.bp.blogspot.com/-cr9boutcy-s/UOpZATc-69I/AAAAAAAALGU/-OJr2yI988k/s1600/facebook-inactive.png" /></a><a href="https://twitter.com/blogkaynagi" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='http://2.bp.blogspot.com/-vfdnT942AG0/UOpZbVIg7-I/AAAAAAAALH0/f1yb38pRaBg/s1600/twitter-inactive.png'" onmouseover="this.src='http://4.bp.blogspot.com/-1-MHoTTgPNo/UOpZa9PAwuI/AAAAAAAALHo/khEpCb1lAK0/s1600/twitter.png'" src="http://2.bp.blogspot.com/-vfdnT942AG0/UOpZbVIg7-I/AAAAAAAALH0/f1yb38pRaBg/s1600/twitter-inactive.png" /></a><a href="https://plus.google.com/u/0/105104679481549727437/posts" target='_blank' ><img alt="Click Me" hieght="160" onmouseout="this.src='http://2.bp.blogspot.com/-80lPTxcgo0c/UOpZPjm3eBI/AAAAAAAALGs/gNMX65WTC_U/s1600/google-plus-inactive.png'" onmouseover="this.src='http://1.bp.blogspot.com/-iDS8TSF6atk/UOpZBRDDbYI/AAAAAAAALGg/IPL4upm_zgI/s1600/google-plus.png'" src="http://2.bp.blogspot.com/-80lPTxcgo0c/UOpZPjm3eBI/AAAAAAAALGs/gNMX65WTC_U/s1600/google-plus-inactive.png" /></a><a href="http://pinterest.com/Bilgicinfo/" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='http://1.bp.blogspot.com/-LIVfFyuMd6Y/UOpZRHWUq3I/AAAAAAAALHE/txTdlnAwSrs/s1600/pinterest-inactive.png'" onmouseover="this.src='http://3.bp.blogspot.com/-l16hOlygfME/UOpZQaHRQHI/AAAAAAAALG4/Ank4It2IZcE/s1600/pinterest.png'" src="http://1.bp.blogspot.com/-LIVfFyuMd6Y/UOpZRHWUq3I/AAAAAAAALHE/txTdlnAwSrs/s1600/pinterest-inactive.png" /></a><a href="http://blogkaynagi.blogspot.com/p/iletisim.html"><img alt="Click Me" onmouseout="this.src='http://2.bp.blogspot.com/-YcqWpuN34gs/UOpY8ib_hCI/AAAAAAAALFw/iRbm88KLIT0/s1600/email-inactive.png'" onmouseover="this.src='http://2.bp.blogspot.com/-owi0cEo4oTY/UOpY99R2I1I/AAAAAAAALF8/1XGb4foX_dQ/s1600/email-shadow.png'" src="http://2.bp.blogspot.com/-YcqWpuN34gs/UOpY8ib_hCI/AAAAAAAALFw/iRbm88KLIT0/s1600/email-inactive.png" /> </a></p></center>  <form action="http://feedburner.google.com/fb/a/mailverify?uri=blogkaynagi" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogkaynagi', '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>
</div>

Dikkat:!!  Eklentide değiştirmeniz gereken yerleri mavi ile gösterdim. Eklentiyi kurmadan önce her birini tek tek değiştirmeyi unutmayın !

Sitene Angry Birds Fare İmleci Ekle

Web sitenizde bulunan normal fare imlecin den sıkıldıysanız, angry birds fare imleçleri 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 fare imleci nasıl eklenir konusunda sıkıntı yaşayanlar bu konudan gerekli bilgileri edinebilirler. Ayrıca bu kod bütün blog sistemlerinde çalışmaktadır.

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 popüler angry birds fare imleçleri.

Blogger Angry Birds Fare İmleci Ekleme

-Blogger Yönetici Paneline giriş yapın.
-Yerleşim > Gadget ekleye tıklayın.
-Açılan pencerede HTML/JavaScript'e tıklayın ve beğendiğiniz fare imlecini kopyalayıp yapıştırın.
-Kaydet butonuna basın. İşlem tamam!

  <style>body, a, a:hover {cursor: url("http://4.bp.blogspot.com/-6E6-dgBdzXY/U_UTyhEjQJI/AAAAAAAACsY/3iu6QTegZ68/s1600/angry_birds_pig.png"), auto !important;}</style>

  <style>body, a, a:hover {cursor: url("http://2.bp.blogspot.com/-hN8M5XCMSuc/U_UTyqAN1qI/AAAAAAAACsM/rQdlkdhyyhA/s1600/green_angry_bird.png"), auto !important;}</style>

  <style>body, a, a:hover {cursor: url("http://1.bp.blogspot.com/-jfUQECCqDds/U_UTym9I2bI/AAAAAAAACsA/1GdpVJDugP8/s1600/red_angry_bird.png"), auto !important;}</style>

  <style>body, a, a:hover {cursor: url("http://2.bp.blogspot.com/-oWQJLoHbBvI/U_UTzJ7hQjI/AAAAAAAACsI/41AKdlWpunU/s1600/white_angry_bird.png"), auto !important;}</style>

  <style>body, a, a:hover {cursor: url("http://3.bp.blogspot.com/-wuyPq-yXi34/U_UTztes8PI/AAAAAAAACsQ/MaHavyQ_cXY/s1600/yellow_angry_bird.png"), auto !important;}</style>

Blogger FeedBurner Kurulumu ve Ayarları

Blogger hemen hemen herkesin kullandığı en büyük blog platformlarından biridir. Eğer aktif Google 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 takipçi sayınızı ve hitinizi arttırır.

FeedBurner ise en çok bilinen içerik besleme sistemlerinden biridir. Hemen hemen her blogger RSS beslemeleri için Google'ın ücretsiz olarak kullanıma sunduğu FeedBurner'i kullanıyor.

FeedBurner Kurulumu ve Ayarları

- FeedBurner'e giriş yapmak için önce Google Hesanıza giriş yapmalısınız. Google hesabına giriş yaptıktan sonra http://feedburner.google.com/ servisine girin.

Adım 1: FeedBurner servisine girdikten sonra alt tarafta bulunan bölüme blog sayfanızı girin. Next butonuna basın.

Adım 2: Blogger kullanıcıysanız gelen ekranda blogunuzun mevcut besleme adresleri listelenecektir. İlk seçenekte bulunan Atom'u seçin ve Next butonuna basın.

Adım 3: Sıra geldi beslemeleriniz için başlık ve adres belirlemeye. Feed Title  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. Feed Adress 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 Next'e basın.

Adım 4: 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 http://feeds.feedburner.com/bloggereklenti 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 Next butonuna basın.

 

Adım 5: Açılan sayfada feedburner'in besleme istatistiklerini tutması için gerekli ayarlamaları yapabilirsiniz. Siteniz için daha fazla istatistik istiyorsanız Clickthroughs — How often people click items back to your site seçeneğini ve I want more! Have FeedBurner Stats also track seçeneğini işaretleyin ve Next'e basın.

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

Adım 6: Sıra geldi FeedBurner Optimize ayarlarına. Üst sekmelerde bulunan Optimize butonuna tıklayın. Ardından sağ menüde bulunan Browser Friendly'i seçerek Theme: ClearFeed (Turkish)'i seçin ve Save butonuna basın.
- Sağ tarafta bulunan menüden SmartFeed ve FeedFlare seçeneklerini aktifleştirin.
SmartFeed: 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.
FeedFlare: 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.

Adım 7: 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 Email Subscritions, Yeni  yazılar yazdığınız da otomatik olarak popüler arama motorlarına haber vermek için PingShot, Beslemelerinize abone olan kişilerin sayısını görmek için FeedCount ve yeni konu açtığınızda Twitter gibi sosyal medya sayfalarına otomatik olarak tweet atmak için Socialize servisini seçin.

Headline Animator: Resimler üzerinde dönüşümlü olarak sitenizdeki konu başlıkları döndürmenize yarar.
BuzzBoost: 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.
Email Subscriptions: İnsanların beslemenize abone olmasını sağlayan sistemdir.
PingShot: Yeni bir giriş yaptığınızda bazı sunucuların bundan haberdar olmasını sağlayan sistemdir.
FeedCount: Sitenize eklediğiniz RSS beslemesine kaç kişinin abone olduğunu buradan takip edebilirsiniz.
Socialize: Beslemelerinizi Twitter gibi sosyal paylaşım sitelerine bağlayarak, konu yazdığınızda otomatik olarak sosyal medya adresinizden tweet atar.
Creative Commons: RSS çıkışı içerisine telif hakları ve diğer yasal çözümleri eklemenize imkân verir. Bu sayede çalınma olaylarını aza indirebilirsiniz.
Chicklet Chooser: Sitenize eklemesini yapabileceğiniz düğmeler ve butonlar ile istatistik bilgileri için özel kutuları buradan alabilirsiniz.
Password Protector: 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.
NoIndex: Arama Motorları tarafından RSS bilgilerinizi okunmasını engelleyen seçenektir. Pek fazla tercih edilmez.

Blogger için FeedBurner kurulum ve ayarları bu kadardır. Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz.

Blogger Sayfa Numaralandırma Eklentisi

Blogger'da ana sayfada ve sayfa başına gösterilecek konu sayısı Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster 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 Eski Kayıtlar ve Yeni Kayıtlar 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.

Blogger Sayfa Numaralandırma - Page Navigation Eklentisi 

Tam olarak 7 adet birbirinden farklı stillere sahip blogger sayfa numaralandırma kodlarından öncelikle bir stil seçin. Stil seçtikten sonra:

Adım 1: Blogger Yönetici > Şablon > HTML'yi düzenle butonuna tıklayın.
Adım 2: Blogger şablon kodlarının bulunduğu alana tıklayıp CTRL + F 'e basıp Blogger kod arama butonunu açın.
Adım 3:  ]]></b:skin> kodunu aratın ve hemen üstüne aşağıdan seçmiş olduğunuz blogger sayfa numaralandırma stillerinden birini yapıştırın.

• Stil 1

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
 #blog-pager .pages{border:none;}

•  Stil 2

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}
.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);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#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);}

• Stil 3

 #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;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
.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;}
.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}
#blog-pager .pages{border:none;background: none;}

• Stil 4

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

• Stil 5

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

• Stil 6

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

• Stil 7

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Page navigation stil kodlarından birini şablonlara ekledikten sonra sıra geldi gerekli Script kodlarını eklemeye.

Adım 4: </body> kodunu aratın.
Adım 5: Aşağıda ki scripti </body> 'nin üstüne yapıştırın

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=5;
    var numPages=6;
    var firstText ='İlk Sayfa';
    var lastText ='Son Sayfa';
    var prevText ='« Önceki';
    var nextText ='Sonraki »';
    var urlactivepage=location.href;
    var home_page="/";
  /*]]>*/
</script>
  <script src="https://blogkaynagi-sayfa-numaralandirma.googlecode.com/svn/blogkaynagi-numaraland%C4%B1rma.js"/>
</b:if>
</b:if>

Eklenti Ayarları 
Eklentiyi blogunuza ekledikten sonra isterseniz Mavi ile renklendirilmiş alanları değiştirebilirsiniz.

    var perPage=5;  -Sayfa başına gösterilecek konu sayısı
    var numPages=6; 
    var firstText ='İlk Sayfa';
    var lastText ='Son Sayfa';
    var prevText ='« Önceki';
    var nextText ='Sonraki »';

• var perPage=5; Sayfa başına gösterilecek konu sayısı. Bu ayar ana sayfada gösterilecek kayıt sayısı ile aynı olmalıdır. Ayarlar > Yayınlar ve Yorumlar > En fazla şu kadar kayıt göster seçeneğinin den ana sayfada gösterilecek kayıtları ayarlayabilirsiniz.
• var numPages=6; Sayfa numaralandırma da gösterilecek sayfa sayısı.

Adım 6: Şablonu Kaydet butonuna tıklayıp eklentinin keyfini çıkarabilirsiniz!

Blog Açmadan Önce Kendinize Sormanız Gereken Sorular

Ekgelirtr 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 wordpress tabanlı blog açmaya karar verdim ve Bibilsek.com adında bir domain satın aldım.

Domain satın aldıktan ve wordpress 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.

- Gerçekten blog açmalı mıyım ? 

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 ?

- Hangi konuda blog yazmalıyım ?

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 internetten para kazanmaya yönelik değil aynı zaman da Teknoloji, Wordpress ve Oyun Dünyası hakkında güncel bilgiler yazmaya karar verdim.

Bibilsek.com ile 18 Haziran'da yayın hayatına başladım ve teknoloji, sosyal medya, oyunlar, blogspot & wordpress seo, eklentiler ve kodlar ile ilgili bilgilerimi burada paylaşacağım.

Blogger Renkli Abone Ol Eklentisi

Renkli Abone ol ve Sosyal Ağ Eklentisi

Blogger'da abone ol eklentisi, blogunuza gelen ziyaretçiler için e-posta abone formu içerir ve blogunuza yeni gelen güncellemeleri e-mail aboneliği üzerinden hızlı ve kolay erişebilmesini sağlar. İnsanlar bloglara kaliteli ve konu ile alakalı özgün, farklı içerikler için gelirler. Eğer kaliteli, özgün içerik yazıyorsanız e-mail aboneliği yaptıran kullanıcı artacak ve blogunuzu daha kısa sürede başarıya ulaştıracaktır.

Blogger Abone Ol Butonu Ekleme
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;

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

<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;}
.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;}
.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;
                 -moz-border-radius-topleft: 0px;                 -moz-border-radius-topright: 0px;                 -moz-border-radius-bottomright: 25px;                 -moz-border-radius-bottomleft: 25px;
                 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=Blogkaynagi&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='BlogKaynagi' /><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='http://www.facebook.com/' 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='http://twitter.com/' 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='https://plus.google.com/' 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='http://linkedin.com/' 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='http://feeds.feedburner.com/' 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>

Eklenti Düzenleme

Eklentide düzeltmeniz gereken yerler MAVİ 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.

Blogger Yazı İçine Reklam Ekleme

Blogger ve ya herhangi bir blog sitesine sahip olup para kazanmaya ilk adım Adsense'ye kayıt olmaktan geçer. Tabi ki iş kayıt olmakla bitmeyip sancılı Adsense kabul edilme süreci başlar. En sonunda Google Adsense'ye kabul görüldükten sonra bloga eklemek kalır. Fakat adsense kabul edildikten sonra ki en önemli sorun reklamları nereye yerleştirirsek daha fazla gelir elde edeceğimizdir.

Blogger da google adsense reklamlarının tıklama oranını arttırmak için en iyi yöntem konu içine reklam yerleştirmektir. Blog temasına uygun şekilde hazırlanmış ve yerleştirilmiş reklam daha fazla tıklama getireceğinden, daha fazla para kazandıracaktır.

Detaylı bir şekilde html bilgisine sahip olmayan bloggerlar için  blogger'da yazı işine reklam ekleme sorununa bu konumuzda bir son verilecektir.

Blogger Yazı içine Adsense Reklamları Ekleme

Blogger adsense reklam eklemek için öncelikle adsense'den aldığımız reklam kodunu Convert etmeniz gerekmektedir. Adsense kodunu convert etmek için google'da “adsense code converter” diye aratırsanız karşınıza bir sürü sonuçlar çıkacaktır. Herhangi bir siteye girip açılan sayfada ki kutucuğa Adsense reklam kodunuzu yapıştırdıktan sonra convert diyoruz ve adsense reklam kodumuz hazır hale geliyor.

1 ) Blogger Konu İçinde Sol Üst Tarafa Reklam Ekleme

Blogger'da konunun içinde sol üst tarafa reklam eklemek için aşağıda ki adımları izleyeceğiz.

Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML Düzenle'ye giriyoruz.

<div class='post-body'> kodunu aratın ve hemen üstüne aşağıda ki kodlar ile birlikte Convert ettiğiniz google adsense reklam kodunu yapıştırın. Google adsense politikalarına uyması açısından yazı ile reklam arasına 5px'lik bir aralık eklendi.

 <b:if cond='data:blog.pageType == "item"'> 
<div style='float:left;padding:0px 5px 0px 0px;'> 
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek
</div> 
 </b:if>

Bazı blogların kodlamaları farklı olduğundan dolayı blogunuz da adsense reklamı gözükmeyebilir. Adsense reklamı sol üst tarafta gözükmeyenler yukarıda ki kodları <div class='post-body entry-content'>  aratıp hemen üstüne yapıştırın. Eğer bu da olmazsa <div class='post-header-line-1'/> kodunu aratıp hemen altına reklam kodlarını yapıştırın.

Reklamı konunun içinde sağ üst tarafta göstermek için <div style='float:left'> kodunu <div style='float:right> ile değiştirin.

2 ) Blogger Yazı içinde Alt Tarafa Reklam Ekleme

Google adsense reklam kodumuzu convert ettikten sonra reklamı konu içinde alt tarafa eklemek için aşağıda ki adımları izliyoruz.

Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML Düzenle'ye giriyoruz.

 <div class='post-footer'> kodunu aratın ve hemen üstüne aşağıda ki kodlar ile birlikte Convert ettiğiniz google adsense reklam kodunu yapıştırın.

 <b:if cond='data:blog.pageType == "item"'> 
<div align='center'>  
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek      
</div> 
 </b:if>

Aynı şekilde temaların kodlamaları farklı olmasından dolayı adsense reklamı blogunuzun alt tarafında gözükmeyebilir. Adsense reklamı yazı içinde alt tarafta gözükmezse <div class='post-footer'> 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.

Herhangi bir sorun olursa yorum yapmaktan çekinmeyin.. Umarım işinize yaramıştır..

Blogger Mükemmel Sosyal Paylaşım Eklentisi

Blogunuza sosyal paylaşım butonları arıyorsanız, bu kod tam size göre! Blogger sitenizde görsel olarak aşırı dikkat çeken bu sosyal paylaşım eklentisi ile blogunuza uğrayan ziyaretçilere yazılarınızı sosyal paylaşım sitelerinde paylaşmasını sağlayabilirsiniz. Sosyal paylaşım butonları sayesinde web sitenize gelen ziyaretçi sayısını arttırabilirsiniz.

Blogger Sosyal Paylaşım Butonları

Sosyal paylaşım butonları yan tarafta ki resimde gördüğünüz gibi oldukça şık bir blogger eklentisidir. Gelelim Siteye eklemeye;

Blogger Yönetici Paneline giriş yapıyoruz

Yerleşim  > Gadget ekleye tıklıyoruz.

Açılan pencerede HTML/JavaScript'e tıklıyoruz.

Aşağıda ki kodu alıp açılan sayfaya yapıştırın ve işlem tamamdır.

Kod:

<!--http://blogkaynagi.blogspot.com Blogger Sosyal Paylaşım Eklentisi Başlangıç-->
<div style="background: transparent url(http://4.bp.blogspot.com/-TKw8NP7GBpc/UujQaz9Rf1I/AAAAAAAAAEI/CR5FZFXoEzg/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>

Blogger Şık Duyuru Eklentisi

Bana göre blogger duyuru eklentisi olarak bugüne kadar paylaşılmış en şık, en kullanışlı duyuru panosu ile karşınızdayım. Web sitenizin sol alt kısmında yer alacak bu duyuru panosunu sitenize gelen her ziyaretçi çok beğenecek!

Kodlanmasında herhangi bir şekilde Javascript ve flash kullanılmayan bu mükemmel duyuru eklentisi, sadece HTML ve CSS3 kullanılarak yapılmıştır. Sitenizde herhangi bir kasmaya sebep olmaz.

Blogger Duyuru Eklentisi Ekleme

Blogger Yönetici Paneline giriş yapıyoruz.

Şablon > HTML'yi Düzenle'ye giriyoruz.

Açılan kod sayfasında Ctrl+F yaparak </body> 'i aratıyoruz ve hemen üstüne aşağıda ki kodu yapıştırıyoruz.

Diğer bir ekleme yolu ise;
Yerleşim  > Gadget Ekle > HTML/JavaScript'i açıp, aşağıda ki kodu açılan sayfaya yapıştırarak eklentiyi kullanabilirler.

<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->


<div id="menucon">
<div id="allcoder-tex">
<br/><b>Duyuru</b><br/><br/>

Merhaba!

<br/><br/>

Web siteniz de kullanabileceğiniz en yeni eklentiler blogkaynagi.blogspot.com'da !
Lütfen konulara yorum yapmayı unutmayalım!

</div>
</div>
<allcoder><style> #menucon{ position:fixed; bottom:10px; left:10px; width:130px;height:130px; background:transparent url(http://4.bp.blogspot.com/-d2P6c2gUTZs/UpPBn2rpnnI/AAAAAAAAi3w/fOfywJXwJ5g/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>
<!--Blogkaynagi Blogger Duyuru Eklentisi Kod Başlangıç-->