Blogger Eklenti ve Temaları | Blogger Widgets and Themes

Blogger Sayfa İçi Navigasyon Eklentisi(Navbar)

2017-09-14T12:42:00.003-07:00

Arkadaşlar Merhaba; Blogger sayfa içi navigasyon eklentisi ( navbar ) ' sini sizin için anlattım.

Bu Eklentinin Amacı Nedir ?

Kısaca anlatacak olursak; Bloğumuzu gezen ziyaretçilerin, blog içinde hangi kategoride, hangi yazıda olduğunu kolayca görebilmelerini sağlayan basit bir eklenti.
Özellikle fazla kategoriye ve alt menüye sahip bloglarda oldukça faydalı.

Nasıl Kurabilirim ?

Blogger kontrol paneline giriş yapıyoruz.
Sol tarafta bulunan Şablon sekmesine tıklıyoruz ve açılan sayfadaki " Html Düzenle " butonuna tıklıyoruz.
Açılan kod penceresinin boş bir kısmına tıklıyoruz ve " ctrl+f " yardımıyla aşağıdaki kodu buluyoruz.

<b:includable id='main' var='top'>

Hemen üstüne aşağıdaki kodu ekliyoruz.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
&#187;Kategorisiz
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Daha sonra tekrar aşağıdaki kodu (ctrl+f) kombinasyonuyla buluyoruz.

<div class='blog-posts hfeed'>

Ve hemen altına aşağıdaki kodu ekliyoruz.

<b:include data='posts' name='breadcrumb'/>

Son olarak tekrar aşağıdaki kodu buluyoruz.

]]></b:skin>

Ve hemen üstüne aşağıdaki kodu ekliyoruz.

.breadcrumbs{background-color:#fff; 
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;
text-align:left;
font-size:11px}

Bütün işlem bu kadar. Hayırlı Olsun .)

Çalışmaması durumunda ; Yukarıda anlattığım bütün adımları eksiksiz bir biçimde yaptığınızda eklentide sorun oluyorsa; " <div class='blog-posts hfeed'> " kodunun bloğunuzda birden fazla olmasından dolayı.
Çözümü : " <div class='blog-posts hfeed'> " kodunu html düzenle bölümünden aratın ve yerine " <b:include data='posts' name='breadcrumb'/> " kodunu ekleyin.Sorun çözülecektir.

YOLO Dünyası için Geri Sayım Başladı!

2016-12-07T05:12:00.001-08:00

Ulaşımda En Pratik Yol O! sloganı ile yola çıkan ve Uber’in karşılaştığı en güçlü rakip olan girişim YOLO için geri sayım başladı. Dünyada olduğu gibi ülkemizde de yoğun ilgi gören şehir içi, konfor ve kaliteyi birleştiren yolculuklar sağlayan platformlara bir yenisi daha ekleniyor. Kısa süre içinde hayatımızda farklı bir yer edinmeyi hedefleyen girişimin adı YOLO.
YOLO, şehir içinde lüks segment araçlar ile şehir içi VIP taşımacılık hizmeti veren ve sektöre çok iddialı girerek diğer rakiplerine nazaran çok farklı iş modeli ve kazanç vaat eden bir mobil uygulama. Dünyada Uber modeli olarak bilinen mobil uygulamanın Türkiye versiyonu olarak planlanmış olan YOLO, uzun süren Ar-Ge çalışmaları sonucunda ortaya çıkmış.
YOLO’yu dünyadaki benzerlerinden farklı kılan en önemli özellik TR’de hukuksal altyapısının sağlamlığı ve farklı kazanç modelleri. YOLO, hem kullanıcılara, hem de iş ortaklarına sağladığı yeni nesil bir iş modeli ile kısa sürede yola çıkıyor.

YOLO, TEB Holding ve Çolakoğlu Grup Yönetim Kurulu Üyesi Haydar ÇOLAKOĞLU başkanlığındaki güçlü yatırımcı ve yönetim kadrosu ile de dikkat çekiyor. Yönetim kademesindeki 12 kişilik tecrübeli ekibin, 1 yıl süren çalışmaları sonucu ortaya çıkardıkları YOLO, şehir hayatına yeni bir soluk getirmeyi planlıyor.

Ulaşımdaki zorlukları keyif ve konfor ile çok uygun koşullarda sunmayı hedefleyen ekip adına konuşan YOLO Yönetim Kurulu Başkanı Haydar ÇOLAKOĞLU şunları söyledi;
“Günümüzde temel ihtiyaçlarımızdan biri olan şehir içi konforlu seyahatin hızlı, güvenli ve ucuz olarak sağlanabilmesi başlangıç noktamızdı. Bununla birlikte, kayıt dışı kalan birçok seyahatin kayıt altına alınarak vergilendirilmesi, sektörde hukuksal altyapının sağlamlaştırılması yeni düzende yeni normallere alışan bizler için çok önemli. İşlerimize teknolojiyi en verimli şekilde entegre etmek hem kullanıcılarımıza hem de iş ortaklarımıza yüksek kazanç sağlayacaktır.
YOLO yüzde yüz yerli yapım bir uygulamadır. Amaçlarımızdan biriside bu iş modelini hızlı bir şekilde ülke dışında da kullanılan bir marka yapmaktır. YOLO’nun temel felsefesi bundan ibarettir.
Kendi kurucularımızın sağladıkları desteklerin yanında, henüz başlangıç aşamasında iken Los Angeles merkezli bir yatırım şirketinden 16 milyon dolar değerleme ile bir kısım yatırım aldık. Kendileri ile yaptığımız çalışmalar sonucunda da “you only live once” baş harflerinden oluşan YOLO isminde karar kıldık. Bunun yanısıra Los Angeles, San Francisco, Londra ve Zürih merkezli yatırımcı grupları ile de görüşmelerimiz devam etmekte. Bu güç birliği platformu ile hem UBER gibi bir dünya devine rakip olacak, hem de Türkiye’den bir dünya markası çıkartabilmek için çalışacağız.

Başlangıç gününde 300’ün üzerinde araç ile hizmet verecek olan YOLO ile kullanıcılar, tek tuş ile araç çağırabilecek, ulaşım ücretlerini kredi kartları ile ödeyebilecekler. Araçta unuttukları herhangi bir eşyanın güvende olduğunu bilecekler. Yıl sonu hedefimizde 1000’i aşkın araçla hizmet vermek var.
Bu uygulamaların yanısıra yolcularımızı çok özel kampanyalardan da faydalandıracağız. Farklılıklarımız, ilk günden bu ayrıcalıklar ile görülecek. Kasim ayında acilacak beta surumu ile İstanbul`un bazi seckin mekanlarinda yapilacak test surusleri ile hizmete baslayacak olan uygulama üzerinden özellikle tanıtım günlerimizde kayıt yaptıran yolcularımıza 15 Aralık - 4 Ocak tarihleri arasında ücretsiz ulaşım hakları, çeşitli promosyonlar sağlayacağız. Açılışa özel bu kampanya gibi birçok büyük kurumdan da kampanya desteği alan YOLO ile yolculuklarınızın standartları değişecek. YOLO’yu hepinize tavsiye ediyorum. YOLO dünyasına hoş geldiniz.”
GooglePlay ve AppStore dan indireceğiniz uygulama sayesinde YOLO dünyasında siz de yerinizi alın. Detaylı bilgi ve iletişim için www.yolo.com.tr adresinden YOLO’ ya ulaşabilir @yolo_turkiye Instagram adresinden de takip edebilirsiniz.

Bir boomads advertorial içeriğidir.

Ücretsiz Blogger Teması ( Responsive )

2016-09-26T04:34:00.001-07:00

Arkadaşlar Merhaba ;
Daha önceden kullanmış olduğum ve memnun kaldığım blogger temasını sizlerle paylaşmak istedim.
Templateism tarafından oluşturulan, Metro yapıya sahip, Responsive ( Duyarlı ), Görsel olarak Sade ve Kullanışlı, SEO açısından başarılı ve Düzgün kod hatlarına sahiptir.

Ücretsiz olarak yayınlanan v1 sürümünü sizlerle paylaşıcam.

Demo Önizle Download İndir

Tema ile ilgili soru ve görüşlerinizi yorum bölümünden iletebilirsiniz.

" Anahtar Kelimeler : Blogger tema, ücretsiz blogger teması, ücretsiz blogger temaları, blogger temaları, responsive blogger teması, ücretsiz responsive blogger teması, ücretsiz blogger responsive temalar, "

BloggerEklentiDeposu-Blogger Eklenti ve Temaları

Blogger Önceki ve Sonraki Yazılar Butonu Oluşturmak

2016-09-07T07:41:00.002-07:00

Bu Eklentinin Amacı Nedir ?

Blog ana sayfalarının vazgeçilmezi olan ve tasarım olarak genelde pekte tatmin edici olmayan blog sayları arasında geçiş yapmaya yarayan " önceki ve sonraki " yazılarını görsel hale getirerek, sayfanın tasarımını bi derece göz alıcı hale getirebilmek.

Nasıl Kurabilirim ?

Maddeler halinde anlatacak olursak ;

Blogger kontrol paneline giriş yapıyoruz.
Sol tarafta bulunan Şablon sekmesine tıklıyoruz ve açılan sayfadaki " Html Düzenle " butonuna tıklıyoruz.
Açılan kod penceresinin boş bir kısmına tıklıyoruz ve " ctrl+f " yardımıyla aşağıdaki kodu buluyoruz.

<data:olderPageTitle/>

ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidfCk9LsJXrgtXdF-8TCYclwjrC1on3DiRDgwLvayKdySAMh9rBddCLDIHIqTdHtgIFpsFOm8JSjmPD2OyRKQgn-heoDegSnCgi3ublYcQkbYKuWaBO63TxLkJE28tGTC3Ymxmp1pxfRb-/h120/sol.png' border='0' title='ÖNCEKİ'/>

Daha sonra aşağıdaki kodu buluyoruz.

<data:newerPageTitle/>

ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAAEjpyvZvBBrtWoPTAaHGATexJM_jyFaZPLldMA2TYba-NrVR2xRdxE6pKl9WESItlUhV3MI4kBGK20ny4QZLc8Q-bR13yRnU3Ilp0hg_xrtqH3LRc1R5B4OpiC0P7Nx9n59OYjlybYuT/h120/sa%25C4%259F.png' border='0' title='SONRAKİ'/>

En son aşağıdaki kodu buluyoruz.

<data:homeMsg/>

ve yerine aşağıdaki kodu yapıştırıyoruz.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFleUyWq4aN4aokE5mjpmG37rGhl_XRm8TGLG9RJ1hHriHw1z2wYyylBAZWrXrl6UU17ILv8uPDuEKOOYHoTVwkgNKzQfz7sZUkHWui7_N1o4u5M_Wob-DYcCRbsb7Qkd4ulZRwtFkbE2p/h120/anasayfaa.png' border='0' title='ANA SAYFA'/>

Bütün işlem bu kadar.Hayırlı olsun .)

Eklentiden bir görsel :

" Anahtar Kelimeler : Blogger önceki ve sonraki butonlarını görsel hale getirme, blogger önceki ve sonraki kayıtlar, blogger önceki ve sonraki kayıtlar eklentisi, blogger önceki ve sonraki kayıtlar yazısını fotoğraflı hale getirmek, "

Şık Tasarımlı Demo ve Download Butonu Oluşturmak

2016-04-27T11:04:00.001-07:00

Merhaba ;

Özellikle indirme ve tema paylaşımı yapan blog veya sitelerin kullandığı indirme ve demo görünüm butonunu sizlerle paylaşmak istedim.
Oldukça şık ve dinamik bir yapıya sahip olan bu eklentiyi nasıl sitenize veya bloğunuza eklemeniz gerektiğini anlatıcam.

1. K.Paneli > Şablon > Html Düzenle adımlarını takip ediyoruz ve ( ctrl+f ) yardımıyla </head> etiketini buluyoruz , hemen üstüne aşağıdaki kodu yapıştırıyoruz ...

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>

2. Yine aynı sayfadan ctrl+f yardımıyla " </style> " kodunu buluyoruz ve hemen üstüne aşağıdaki kodu yapıştırıyoruz.

.bstbuton{margin:20px auto;padding:20px 0;width:200px}
.bstbuton a{background:#fff;color:#666;display:block;font-size:17px;font-weight:700;font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center;text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2}
.bstbuton a:before{content:'\f019';font-family:FontAwesome;font-weight:normal;padding:8px;margin-left:-12px;margin-right:6px}
.bstbuton span{background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial',Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase;font-weight:bold}
.bstbuton .up{background:#e25734;margin:-30px auto;opacity:0;border-radius:0 0 5px 5px;transform:translate(0,-50px);transition:350ms}
.bstbuton .down{margin:-30px auto;opacity:0;border-radius:5px 5px 0 0;transform:translate(0,-50px);transition:350ms}
.bstbuton:hover .up{opacity:1;transform:translate(0,0)}
.bstbuton:hover .down{opacity:1;transform:translate(0,-90px)}
.bstbutondemo{margin:20px auto;padding:20px 0;width:200px}
.bstbutondemo a{background:#e25734;color:#fff;display:block;font-size:17px;font-weight:700;font-family:'Arial',Verdana,sans-serif;height:50px;line-height:50px;text-align:center;text-decoration:none;text-transform:uppercase;width:200px;position:relative;z-index:2;transition:350ms}
.bstbutondemo a:before{content:'\f08e';font-family:FontAwesome;font-weight:normal;padding:8px;margin-left:-12px;margin-right:6px}
.bstbutondemo a:hover{color:#fff}
.bstbutondemo span{background:#444;color:#fff;display:block;font-size:12px;font-family:'Arial',Verdana,sans-serif;height:40px;line-height:40px;text-align:center;width:200px;z-index:1;text-transform:uppercase;font-weight:bold}
.bstbutondemo .up{background:#444;margin:-28px auto;opacity:0;border-radius:0 0 5px 5px;transform:translate(0,-50px);transition:350ms}
.bstbutondemo:hover .up{opacity:1;transform:translate(0,0)}

3. Şablon kısmına eklememiz gereken kodlar bu kadar.
Aşağıda verdiğim kodları yazılarınızda bu butonları nerede görüntülemek istiyorsanız oraya yapıştırmanız gerekiyor.

<div class="bstbutondemo">
<a href="http://bloggereklentideposu.blogspot.com">Demo</a>
<span class="up">Demo için tıklayın</span></div>
<div class="bstbuton">
<a href="http://bloggereklentideposu.blogspot.com">Download</a>
<span class="up">İndirmek için tıklayın</span>
<span class="down">Bloggereklentideposu.blogspot.com</span></div>

Bütün işlem bu kadar.Hayırlı olsun :)

Blogger Kayıt Şablonu Nedir ? Ne İşe Yarar ?

2016-04-22T08:57:00.000-07:00

Merhaba ;

Blogger altyapısı ile blog sahibi olan birçok kişinin bilmediği ve yaygın olmamasına rağmen kullananların vazgeçilmezi olan kayıt şablonunu sizlere anlatmak istedim.

* Kayıt Şablonu Nedir ?

Öncelikle kayıt şablonu ; Bütün yazılarımızda kullandığımız kalıplaşmış olan ve sürekli kullandığımız cümleleri otomatik olarak yazılarımıza eklenmesini sağlayan blogger'a özel bir eklentidir.

Örneğin ben her yazımın başına "Merhaba ;" , sonuna ise "Bütün işlem bu kadar.Hayırlı olsun" cümlelerini ekliyorum.

Kayıt şablonu sayesinde bu kelimeler otomatik olarak yazımın başlangıcına ve sonuna ekleniyor.

Benim için vazgeçilmez değil ancak yazılarını belli kalıp üzerinde , sabit giriş ve sonuç cümleleri olan blogger arkadaşlarımın işini kolaylaştıracağından eminim.

* Kayıt Şablonunu Nasıl Kullanabilirim ?

Blogger K.Paneli > Ayarlar > Yayınlar ve Yorumlar > Kayıt Şablonu yanındaki " Ekle " Butonuna tıklıyoruz ve açılan pencereye yazılarımızda sürekli kullandığımız veya kullanacağımız cümleleri yazıyoruz ve sağ üst köşede bulunan " Ayarları Kaydet " butonuna tıklıyoruz.

Bütün işlem bu kadar.Hayırlı Olsun :)

Blogger manuel twitter ve facebook sayaç eklentisi

2015-10-17T05:08:00.000-07:00

Merhaba ;

Sosyal paylaşım ile ilgili birçok eklenti paylaştık ancak bloglar ve websitelerde sosyal medyanın ciddi derecede etkisi olması , birçok yeni eklentiyide beraberinde getiriyor.
Bu eklentilerden bir taneside bloğunuzun tasarımına katkı sağlamanın yanında , şık ve sadece görünüşü ile dikkat çeken facebook ve twitter sayaç eklentisini sizlerle paylaşmak istedim.

Kuruluma geçmeden eklentiden görüntü ;

Kurulum ;

Ayrı ayrı kullanmak isteyen arkadaşlar için 2 ayrı kod halinde paylaşıyorum.

Twitter için ;

<center>
<div style="width:100px;height:100px;margin-bottom:-23px;border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2;">
<img src="http://i51.tinypic.com/qoym4o.png" />
</div>
<br />
<span sans ms style=" background-color:#F2F2F2; border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2; border-bottom: 0px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #666; font-family: sans-serif, arial; font-size: 10px;">
<span style=" background-color:#D2E9F8; font-size: 9px; border-top: 0px solid #8A8A8A; border-right: 0px solid #ddd; border-left: 0px solid #8A8A8A; border-bottom: 0px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Twitter Takipçimiz Var!</span></center>

Facebook için ;

<center>
<div style="width:100px;height:100px;margin-bottom:-23px;border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 1px solid #F2F2F2;">
<img src="http://i53.tinypic.com/16irvuq.png" />
</div>
<br />
<span sans ms style=" background-color:#F2F2F2; border-top: 0px solid #F2F2F2; border-right: 0px solid #8A8A8A; border-left: 0px solid #F2F2F2; border-bottom: 0px solid #8A8A8A; padding: 2px 4px 4px 4px; color: #666; font-family: sans-serif, arial; font-size: 10px;">
<span style=" background-color:#D2E9F8; font-size: 9px; border-top: 0px solid #8A8A8A; border-right: 0px solid #ddd; border-left: 0px solid #8A8A8A; border-bottom: 0px solid #ddd; padding: 0px 1px;">1000<blink>+</blink></span> Facebook Takipçimiz Var!</span>
</center>

Son olarak Kırmızı renkteki sayı değerini manuel olarak ayarlayınız.
Bütün işlem bu kadar.Hayırlı olsun :)

Blogger adblock engellemek

2015-09-26T02:52:00.002-07:00

Merhaba ;

Hemen hemen bütün website ve bloglarda reklam görmek mümkün.
Bu reklamlar çoğu zaman ziyaretçilere sinirli dakikalar vaat ediyor :)
Tabiki bloglarda ve websitelerde reklam olmak zorunda ancak abartmadan.
Bazı blogger arkadaşlar içerik değil reklam bloğu açmış durumda , blogda reklamdan başka içerik yok.
Günümüzde oldukça popüler olan ve yaklaşık 40 milyondan fazla kullanıcısı bulunan chrome eklentisi adblock , gelirlerini website ve bloglardan sağlayan kişilerin başını ağrıtmış durumda.

Adblock eklentisi kurulup , aktif hale getirildiği zaman ziyaret edilen website ve bloglardaki reklamları otomatik olarak pasif hale getiriyor ve reklamsız bir website ve blog vaat ediyor...

Sizlere vereceğim kod sayesinde ziyaretçiler adblock aktif hale bloğumuza girmeye çalıştığında , sayfada içerik görünmeyecek ve beyaz kutuda ablock eklentisini pasif hale getirmeleri istenecek.
Aslında birçok ziyaretçi bana kızacaktır ama emeklerin karşılıksız kalmasını hiçbir zaman istemem.

Kurulum ;

Kurulumu oldukça basit.

Kumanda paneli > yerleşim > gadget ekle > html/javascript (+) diyoruz ve aşağıdaki kodu ekliyoruz.

<style>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.97;display:block;padding:10% 0}#h237 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 ~ *{display:none}</style><div id="h237">
<span><br /><a rel="dofollow" href="http://bloggereklentideposu.blogspot.com/">[ Enable JavaScript ]</a></span></div>
<script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFD-Yf_9DVPx3KlBCeDIj3H38bHWGMbu0ztOzCRZzZg0PreaNWJIylYcXetAFikJAtutiEeMQ7gB9SQMaHD1N61VUNRGVZ87Pk4qDL1i-wAloVG1fZb40gH0l9Dinyo6tivdt5_cCZkjI/s1600/Disable+Adblock.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">[ Lütfen Adblock eklentisini devre dışı bırakınız.]</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>

Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar Kelimeler : adblock engelleme kodu, adblock engelle, blogger adblock engelleme, blogger adblock engelleme kodu, adblock engelleme, adblock engelleme eklentisi, blogger adblock engelleme eklentisi "

Blogger yazı boyutu düzenleme eklentisi

2015-09-25T05:25:00.000-07:00

Merhaba ;

Kullanımı yaygın olmayan ancak birçok blogger tarafından değişmez bir eklenti olarak kullanılan blogger yazı boyutu düzenleme eklentisini sizlerle paylaşmak istiyorum.

Bu eklenti , bloğumuzun ziyaretçileri yazılarımızı daha rahat ve daha uygun biçimde okuyabilmeleri içindir.
Bu eklenti , blog yazılarının yanına eklenerek yazı büyütüp , yazı küçültme işlemini tek bir butonla yapabilmektedir.

Eklentiden bir görüntü ;

Kurulum ;

Kumanda paneli > şablon > html düzenle'ye gelip şablonumuzu html olarak açıyoruz.

Ardından ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

</head>

Ve hemen üstüne aşağıdaki kodları ekliyoruz.

<!-- bloggereklentideposu.blogspot.com kod başlangıcı -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){

//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array(&#39;span&#39;,&#39;.section2&#39;);
section = section.join(&#39;,&#39;);

// Reset Font Size
var originalFontSize = $(section).css(&#39;font-size&#39;); 
$(&quot;.resetFont&quot;).click(function(){
$(section).css(&#39;font-size&#39;, originalFontSize);
});
// Increase Font Size
$(&quot;.increaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});

// Decrease Font Size
$(&quot;.decreaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});
});
</script>
<!-- bloggereklentideposu.blogspot.com kod sonu -->

Daha sonra aşağıdaki kodu buluyoruz.

<div class='post-header-line-1'/>

Ve hemen altına aşağıdaki kodları ekliyoruz.

<!-- bloggereklentideposu.blogspot.com kod baslangıcı -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSBefS9Sc1Nl1lInCpv5QTKN45UdaKIC9o8cDFcumxZhU9Bx-xv84YYWRKfMf2LCpgOFRkaHjHgVTSiFyHsvgENWDyT0h5tdm1zC2lz58H0t5IS2OXbxWzSIna0_w5MydQHtwx9D7mx0M/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzEveVblE8MkZt_oiAcMcZSYA_xHwP-7R6vyIN2v4zjPuWXYcoV9M88KVotgD6dIAoiwhbSYkCsOLD3XregEBgZEN9fZAIeLw_3W0OKkUpUm_SvCChtIhgeJwjJiG_E6oftBBzOBxDPkg/s1600/bigger-font+-+Copy.png'/></a> 
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuyQMPt19Td1FHzb8wNgzBAfqIlgnx48DXNaQDZ4sLExb0PNq0l31d4o7gaUXYPd8D78bHnY0lLvrhRbIbiMOkDZFdTBrhOR318avM4TfzUCIzmopleB0FQTn-vwTDsRpaEDGwxSOvOi4/s1600/smaller-font.png' style='cursor: hand;'/></a> 
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMt1earLcXvx-XJKYpwKJCzIdUWAgkgQdukZYcoKTmVxFVRybdoSUfNwhDFsg4Nef9m9uNzUEzqK8DNN6jS8kJk22_HSRrwh9Ajjee57FHPtgztA-xtsIbDvJNzeaLSUQ9gbBw4GfluJk/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- bloggereklentideposu.blogspot.com kod sonu -->

Son olarak aşağıdaki kodu buluyoruz.

<data:post.body/>

Ve aşağıdaki kod ile değiştiriyoruz.

<span><data:post.body/></span>

Daha sonra kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler ; blogger yazı boyutu düzenleme eklentisi, blogger yazı boyutu değiştirme eklentisi, blogger yazı boyutu, blogger, blogger yazı boyutunu düzenlemek, blogger otomatik yazı boyutu değiştirme "

Blogger yana esneyen sosyal buton eklentisi

2015-09-25T02:04:00.000-07:00

Merhaba ;

Blogger ile ilgili birçok tasarım açısından şık ve kullanışlı sosyal eklenti paylaşmıştık.
Bu sosyal eklentide şık ve kullanışlı olması nedeniyle sizlerle paylaşmak istedim.

Kurulum ;

Kumanda paneli > yerleşim > gadget ekle > html/javascript (+) diyoruz ve aşağıda bulunan linkteki kodları ekliyoruz.

https://drive.google.com/file/d/0B2NrnLfIOfS7QlRlRmFqcDQ2bHc

Daha sonra facebook , twitter ve google+ hesaplarımızın url adreslerini kodlardaki adresler ile değiştiriyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar Kelimeler : blogger sosyal buton eklentisi, blogger sosyal buton, blogger hareketli sosyal buton eklentisi, blogger flash sosyal buton eklentisi, blogger sosyal flash eklenti, blogger yana esneyen sosyal buton eklentisi "

Blogger 404 sayfası oluşturmak

2015-09-24T11:16:00.000-07:00

Merhaba ;

404 Not Found hatasını , internet kullanan her bireyin daha önce gördüğünün garantisini verebilirim :)
404 Not Found hatası , daha önce yazılan yazıların sonradan silinmesi , yenilenmesi durumunda sözkonusu sayfaya girildiği anda karşımıza çıkan hata sayfasıdır.

Her blogda ve websitede olması gerektiğini düşünüyorum.

Kuruluma geçmeden önce eklentiden bir görüntü ;

Kurulum ;

Kumanda paneli > arama tercihleri > hatalar ve yönlendirmeler altındaki "sayfa bulunamadı sayfası için özel içerik" yanındaki "düzenle" butonuna tıklıyoruz.

Çıkan html kutusuna aşağıda bulunan linkteki kodu ekliyoruz ve "http://bloggereklentideposu.blogspot.com" url'sini bloğumuzun url'si ile değiştiyoruz.

404 sayfası kodu için tıklayınız ...

Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger 404 sayfası, blogger 404 sayfası oluşturmak, blogger 404 sayfası düzenlemek, blogger 404 not found "

Blogger 3D arama kutusu eklemek

2015-09-24T03:50:00.001-07:00

Merhaba ;

Yaklaşık 2 gün önce diğer bloğumdaki arama kutusunu beğenen bir ziyaretçi , iletişim formunu kullanarak arama kutusunu çok beğendiğini ve kodlarını paylaşmamı istedi.
Bende o arama kutusu için yaklaşık 1 saatimi vermiştim ve kendime göre , bloğumun tasarımına göre düzenlemiştim ancak o formu dolduran kişi o kadar zahmete girmiş ve bana ulaşmış diyerek kodları paylaştım.
( Bu kodu paylaşmamda etken olan , konu ile ilgili ufak bir anımdı.)

Anladımki blogger'ın her eklentisininde olduğu gibi arama kutusununda tasarımının özelleştirilmesi gerekiyor.
Ancak kod bilen var bilmeyen var.
İnsanlar bu kodlardan kaçabilmek için blog açıyorlar zaten :)
Fazla uzatmadan her tasarıma uyum sağlayabilen ve şık görünümlü 3 boyutlu arama kutusunun kodlarını sizinle paylaşmak istedim.

Kurulum ;

Kumanda paneli > yerleşim > gadget ekle > html/javascript (+) diyoruz aşağıdaki linkte bulunan kodu ekliyoruz.

< Blogger 3D arama kutusu kodu >

Daha sonra kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger arama kutusu, blogger 3d arama kutusu, blogger arama kutusunu değiştirmek, blogger hazır arama kutusu, blogger arama kutusunu düzenlenemek "

Blogger iletişim formu oluşturmak ( Jotform )

2015-09-23T06:51:00.002-07:00

Merhaba ;

Birçok blogger arkadaşımız iletişim formuyla ilgili sıkıntı yaşamakta.
Bu sıkıntıların başında ise blogger'in kendi formu olan "iletişim formu" adında basit bir form mevcut ancak sıkıntılı olan tarafı kendine ait bir sayfası olmaması.
Yani sadece ana sayfada görünmesi ve yerleşim olmadan farklı sayfaya eklenememesi.
Bu soruna çözüm olarak farklı kodlar çıkarıldı , bu kodlar sayesinde iletişim formu farklı sayfalara aktarıldı ancak bu kodlarla oluşturulan formlarda basit ve tasarım açısından bloğa katkı sağlamayan formlar oldu.
Ancak birçok zahmetle ve incelikle tasarımlarını özelleştiren blogger'lar için bu durum biraz üzücü.
Bu soruna kökten çözüm getiren ve önceki bloğumdada sık sık bahsettiğim ücretsiz bir servis olan Jotform adlı servisi sizlere tanıtmak istiyorum.
Jotform , ücretsiz bir şekilde profesyonel olarak form oluşturmamıza yardımcı olan bir servis.
Bu servisi kullanarak basit bir şekilde , profesyonel olarak form oluşturmamız mümkün.
İsterseniz kendi zevkinize göre arka planını , renklerini vs. ayarlayabilirsiniz , isterseniz de hazır şablonlar üzerinde zevkinize göre düzenleme yapabilirsiniz.

Fazla uzatmadan bu servisin kullanımını anlatayım.

Öncelikle bu adresi ziyaret ediyoruz ve sağ üst tarafta bulunan " üye ol " butonuna tıklıyarak 1dk içinde üyeliğimizi tamamlıyoruz ve girişimizi yapıyoruz.
Daha sonra sol üst tarafta bulunan "form oluştur" butonuna tıklıyoruz ve karşımıza gelen seçeneklerden , kendimiz sıfırdan tasarlayacaksak baştaki , hazır bir form kullanacaksak sonrakini seçiyoruz ardından formumuzu oluşturmaya başlıyoruz.

Ben hazır bir şablon kullanarak kendi zevkime göre düzenlemeye karar verdim.

Bundan sonrası sizin hayal gücünüze ve zevklerinize bağlı bir durum , dediğim gibi isteyen kendi sıfırdan yapsın , isteyen hazır şablonları kendi zevkine göre düzenlesin.
Zaten kullanımı oldukça basit ve türkçe.
Tasarımı bittikten sonraki aşamaya geçiyorum.

Yukarıda bulunan butonlardan "teşekkür ederiz" butonuna tıklıyoruz ve formu gönderdikten sonra görüntülenecek yazıyı belirliyoruz.

Daha sonra yine yukarıda bulunan butonlardan "e-postalar"a tıklıyoruz ve "yeni e-posta" butonuna tıklıyoruz ve formumuz doldurulduğunda hangi hangi mail adresine haber gelmesini istiyorsak yazıyoruz ve kaydedip çıkıyoruz.
Formumuz artık hazır.
Sıra geldi bloğumuza veya websitemize nasıl ekleyeceğimize.
Üstte bulunan butonlardan "formu ekle" butonuna tıklıyoruz ve aşağıdaki seçeneklerden " iframe " seçiyoruz.
Daha sonra bize verilen kodu kopyalıyoruz ve oluşturduğumuz iletişim sayfasının html bölümüne yapıştırıyoruz ardından kaydedip çıkıyoruz.
Form doldurulduğu anda teşekkür sayfası görünecektir ve detayları belirlediğimiz mail adresine yollanacaktır.
Bütün işlem bu kadar.Hayırlı olsun :)

Jotform kullanarak hazırladığım ve kendi bloğumda kullandığım iletişim formu ;

" Anahtar Kelimeler : blogger iletişim formu, blogger iletişim formu oluşturmak, jotform, jotform nedir, blogger özel iletişim formu oluşturmak, blogger iletişim formu oluşturma kodu, blogger iletişim formu eklentisi, blogger form oluşturmak, blogger iletişim formunu düzenlemek "

Blogger reklam alanı oluşturmak

2015-09-23T01:36:00.002-07:00

Merhaba ;

Blogger'ların alternatif ek gelirlerinden biriside sponsor reklamlarıdır.
Bu reklam şeklinde sponsor olmak yani reklam vermek isteyen kişi veya firmanın kare şeklindeki logosu veya .gif dediğimiz hareketli fotoğrafları bu alana yerleştirilir ve ziyaretçilerin görmesi sağlanır.
Tabiki bu sponsor reklamları yayınlayabilmek için bir alana ihtiyacımız var.
Aslında çok azda olsa html bilgisine sahip birisinin bu alanı oluşturması mümkün.

Sizinle paylaşacağım bu kod sayesinde bloğunuzun istediğiniz alanına 4 adet 126x126 boyutunda bir kare reklam alanı oluşturabileceksiniz.

Bir görüntü ;

Kurulum ;

Kumanda paneli > yerleşim > gadget ekle > html/javascript ekle diyoruz ve aşağıdaki kodları ekliyoruz.

<center><table border="0"><tbody><tr>
<th width="126" align="center" height="126"><img src="http://i.hizliresim.com/J406gj.gif" /></th>
<th width="126" align="center" height="126"><img src="http://i.hizliresim.com/J406gj.gif" /></th>
</tr><tr>
<td width="126" align="center" height="126"><img src="http://i.hizliresim.com/J406gj.gif" /></td>
<td width="126" align="center" height="126"><img src="http://i.hizliresim.com/J406gj.gif" /></td>
</tr></tbody></table></center>

Daha sonra kaydedip çıkıyoruz.
Fotoğrafları beğenmeyen arkadaşlar koyu renkli yerdeki url'yi 126x126 boyutundaki istedikleri fotoğrafın url'si ile değiştirebilirler.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger reklam alanı, blogger reklam alanı oluşturmak, blogger kare reklam alanı, blogger reklam alanı kodu, blogger reklam alanı nasıl oluşturulur "

Blogger bloğu farklı adrese yönlendirmek

2015-09-22T11:02:00.000-07:00

Merhaba ;

Yaklaşık 5 yıldır website ve bloglar ile ilgili faydalı bilgiler ve seo hakkında blog yazarlığı yapıyorum.
Eski bloğumda yaptığım bazı amatör seo hamleleri bloğumdan azda olsa soğuttu ancak halen daha özgün yazılarımı yazmaya devam ediyorum.
Sonra bu bloğu kurmaya karar verdim yalnızca bloglar ile ilgili faydalı bilgi ve eklenti paylaşımı yapmak , aynı zamanda eski bloğumdaki basit hataları burada yapmamak üzere.
Bazı nedenlerden dolayı blog yazarları bloglarından soğuyabiliyor.( Kendimden örnek verdiğim gibi )
Örneğin seo ile ilgili yanlış bir hamle bloğun arama motorları tarafından hep arka plana atılması gibi.
Daha sonra aynı kategori ve aynı konu ile ilgili farklı blog veya website açmaya karar verip uygulamaya konuyor.
Peki bir önceki bloğunun sabit ziyaretçilerine ve okurlarına ne olacak ?

Bu sorundan yola çıkarak aynı kategori ve aynı konuda yeni bir blog veya website açan arkadaşlar için eski bloglarına ekleyecekleri basit kod ile sabit ziyaretçi ve okurlarını yeni bloglarına yönlendirmeleri mümkün.

Hemen kuruluma geçelim.

Kurulum ;

Kumanda paneli > şablon > html düzenle butonuna tıklıyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

</head>

ve hemen üstüne aşağıdaki kod ekliyoruz.

meta http-equiv="refresh" content="0;url=http://bloggereklentideposu.blogspot.com"/>

Kırmızı renkli yerdeki url'yi yeni bloğumuzun veya websitemizin url'si ile değiştiriyoruz ve kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger bloğu farklı adrese yönlendirmek, blogger farklı adrese yönlendirmek, blogger blog yönlendirme kodu, blogger blog transfer kodu "

Blogger sayfayı belirli aralıkta yenileme kodu

2015-09-22T05:28:00.003-07:00

Merhaba ;

Bu yazımda çoğul ziyaretçi hitine katkıda bulunan ve gösteri sayısına bağlı reklam geliri elden eden blogger arkadaşların işine oldukça fazla yarayacak olan belirli sürede sayfa yenileme kodunu paylaşmak istiyorum.

Bu kod sayesinde ziyaretçileriniz yazıyı okurken belirlediğiniz saniyeler aralığında sayfa otomatik olarak yenilenecek ve çoğul hitinize katkıda bulunmuş olucaktır.

Aslında bu kod yalnızca blogger'a özel değil ancak her websiteye uygunda değil , çünkü ; oyun oynama sitesinde sayfanın belirli saniyede yenilenmesi mantıksız.
Onun için bu kod en çokta blogger'ların işine yaramakta.
Ben şahsen kendi bloğumda bu kodu kullanmıyorum ancak kullanmak isteyen arkadaşlar için yinede paylaşmak istedim.

Kurulum ;

Kumanda paneli > şablon > html düzenle butonuna tıklıyoruz.

ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

<head>

ve hemen altına aşağıdaki kodu ekledikten sonra kaydedip çıkıyoruz.

<meta http-equiv="Refresh" content="10; url=http://www.bloggereklentideposu.blogspot.com/">

" content="10; " sayfanın 10 saniyede bir yenileneceğini bildiriyor.Sizde ne kadar saniyede yenilenmesini istiyorsanız değeri ona göre belirleyebilirsiniz.

Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger sayfayı yenileme kodu, blogger sayfayı belirli aralıkta yenileme kodu, sayfayı yenileme kodu, sayfayı belirli aralıkta yenileme kodu, sayfayı belirli saniyede yenileme kodu, blogger sayfayı belirli saniyede yenileme kodu "

Blogger 4'lü sosyal ağ ve mail aboneliği eklentisi ( 5 in 1 )

2015-09-22T03:50:00.002-07:00

Merhaba ;

Sosyal ağların hit sayısına faydasını bir önceki sosyal ağ eklentisini sizlerle paylaşırken uzun uzun yazmıştım.
Bkz: Blogger dönen sosyal buton eklentisi

Bu eklenti sayesinde hem facebook , twitter , google+ ve rss aboneliklerinizi hemde mail aboneliğinizi tek bir box(kutu) şeklinde ve hep birlikte sunmuş oluyoruz.
Bununla birlikte fazla yer tutmadığı için bloğumuzun tasarımına olumsuz bir etkide bulunmuyor.

Eklentiden bir görüntü ;

Kurulum ;

Kumanda paneli > yerleşim > gadget ekle > html/javascript ekle diyoruz ve aşağıdaki kodları yerleştiriyoruz.

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTvlfgF4gMO0OeHbdL2GbL9V1viANZYp1Rwqxm2vap-GJQElJ3AlDjVHq1v5S3iEQZcxvjt26w1wjXBxeLqnVYY38NuCEKZHP6PAS6XmAbn46wSYCDDtJTQzYqzNbHFJSjI6Bsv4EEa0/s1600/background.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/AVvXsEi6OnzZfJWrmHKThVVXnZUVtnn-I7RNKRK7B5X-0DkZNLb4aYFsTXTIe4HMoQHuuOZj1nL9W1TlfwOG5uemO29UrmLVlzyK8_ntoDbEGG0-yquJSFELfoJMfunr0HQIdTfS1mYkdTf1Aqk/s1600/icons.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:100%}
 .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{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%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<br />
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br />
<a class="social-icons" target="_blank" href="facebook url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9lbQ4r3o1LTFqwwedC-ZGjpNOzhJWWDTtAzuG7TsPpG2MTIeLiVAnwwZdnFaZgcpWmcPffJvV_r4SlVEzOa2geZnnOTR-aXfd9gXTxbGg8vfM-iHkAsafVd4TOPkww8iVjRxkIhIrdCb/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" target="_blank" href="twitter url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYD473j46FWUgH6TdBC6RUr1vNYxFhW5zGvyQry6R6MRgKkjunTHDVEzm0exuOBFLypEhdxridXPDDwF0_7Qs1zYfJeqIzPCZX3c1pCe7Qapksp2lJCuB5GTZSUmyh4ZIQdptQ1WE8F3pZ/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" target="_blank" href="google+ url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2PqAI4ccfocZVbD6jnB7UOzOmZyKIM8WC-ybSJA_KrnGd-sfzDDC13oAD89ZZB0T7SsmuLmc6tLpNLA4pW6Lk4xR0CWffp65vEf07r4km0VU2I5HYkPaFDgbVnE1KOv_27wDM78CpPXx/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" target="_blank" href="rss url"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggamdVOMtUjExj9Mj7ZAHI7KqLQDgvHprHJ5WFLREhBi2bUrvWjhktBIXZAjF1KGnYwNosAtTmhh2NFniCtpQVptzMoFBzBFUbQPSAej_I8YS4DPN03h0gvOtlK6j570cm_P4i5NMIaU6o/s1600/Bloggertrix-Rss.png" /></a>
<br />
YENİ YAZILARIMIZDAN İLK SEN HABERDAR OL!<br />
<div class="sidebar-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=bloggereklentideposu" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggereklentideposu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="bloggereklentideposu" />
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-Mail Adresiniz ..." />
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Abone Ol!" /></form>
</div>
</div>
</div>
</div>

Kod ekleme işlemi bittikten sonra , gelelim özelleştirme aşamasına.

Koyu siyah > sosyal ağlarınızın url adresleri
Kırmızı > box(kutu) ayarları ( genişlik vs. )
Mavi > mail aboneliği url ayarları
Pembe > sosyal ağların icon url'leri

Eklenti ile ilgili sorularınızı yorum bölümünü kullanarak iletebilirsiniz.

" Anahtar kelimeler : blogger 4'lü sosyal ve abonelik eklentisi, blogger sosyal ağ ve mail aboneliği eklentisi, blogger sosyal ağ kutusu, blogger toplu sosyal ağ eklentisi, blogger sosyal ağ eklentisi "

Blogger .tr uzantısını kaldırmak

2015-09-21T09:48:00.001-07:00

Merhaba ;

Blogger , kendi üzerinden kurulan blogların ülkelerine göre ayırma kararı alıp birçok ülkenin bloglarının uzantılarına ekleme yaptı ve türkiye içinde .tr ekledi.
Bu .tr ' nin gelmesiyle beraber birçok olumsuzlukta peşinden geldi.
Bu olumsuzlukların başında google'nin bloglarımızdaki indexlenen sayfaların neredeyse yarısını yokmuş gibi gösterdi ve bana göre en önemlisi alexa değerlerini alt üst etti.

Aslında .tr eklemesi ilk geldiği gün engellenmiş olsaydı bloglar bu durumdan etkilenmemiş olacaktı ama bu durumu bizler değil önceden blogger'in bunu düşünerek hareket etmesi gerekiyordu ancak amatörce bir davranışta bulundu açıkcası.
Bize düşen bu sorunu ortadan kaldırmak , zararın neresinden dönersek kârdır.

Fazla uzatmadan .tr ekini basit bir biçimde nasıl kaldıracağımızı göstericem.

Kurulum ;

Kumanda paneli > şablon > html düzenle tıklıyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

<head>

bulduktan sonra hemen altına aşağıdaki kodu ekliyoruz.

<script type='text/javascript'>var str=window.location.href.toString();if(str.indexOf(&quot;.com/&quot;)==&quot;-1&quot;){var str1=str.substring(str.lastIndexOf(&quot;.blogspot.&quot;));if(str1.indexOf(&quot;/&quot;)==&quot;-1&quot;){var str2=str1}else{var str2=str1.substring(0,str1.indexOf(&quot;/&quot;)+1)}window.location.href=window.location.href.toString().replace(str2,&quot;.blogspot.com/ncr/&quot;)}
</script>

Daha sonra kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelime : blogger .com.tr uzantısını kaldırmak, blogger .tr uzantısını kaldırmak, blogger .com.tr düzenlemek "

Blogger rastgele yazı eklentisi

2015-09-21T01:41:00.000-07:00

Merhaba ;

Sevgili blogger'lar , sizlere birçok ziyaretçinin nedenini anlamadığım şekilde tıkladığı ve sayfaya eğlenceli bir hava katan eklentiyi paylaşmak istedim.
Yukarıdada söylediğim gibi hemen hemen bütün ziyaretçiler emin olun bu butona basacaktır :)

Eklentinin mantığı ; bloğumuzun herhangi bir yerine bu eklentiyi eklediğimizde rastgele yazı için tıkla butonu çıkıyor ve ziyaretçiler bu butona tıkladığında bloğumuzdaki konulardan rastgele bir konu açılıyor.

Eklentiden bir görüntü ;

Kurulum ;

Oldukça basit bir kurulumu var.

Kumanda paneli > yerleşim > gadget ekle > html/javascript kodu diyoruz ve aşağıdaki kodları ekliyoruz.

<!-- http://bloggereklentideposu.blogspot.com.tr rastgele yazı eklentisi kod başlangıcı -->
<div id='myLuckyPost'></div> <script type='text/javascript'> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'rastgele yazı için tıkla'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky'></script>
<style type='text/css'>
@import url( 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' );
#myLuckyPost a {
position: relative;
color: rgba(255,255,255,1);
text-decoration: none;
background-color: rgba(219,87,5,1);
font-family: 'Yanone Kaffeesatz';
font-weight: 700;
font-size: 25px;
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
-moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px transparent;
margin: 10px auto;
width: 250px;
text-align: center;

-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}

#myLuckyPost a:active {
-webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
position: relative;
top: 6px;
}
</style>
<!-- http://bloggereklentideposu.blogspot.com.tr rastgele yazı eklentisi kod bitişi -->

Daha sonra yerleşim panelinden sürükle bırak yöntemiyle istediğimiz yere ekleyebiliriz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger rastgele yazı, blogger rastgele yazı eklentisi, blogger rastgele yazı eklentisi kodu, blogger, blogger rastgele yazı, "

Blogger toplam yazı ve yorum sayısı eklentisi

2015-09-20T08:30:00.001-07:00

Merhaba ;

Bloglar için kodlanmış ve bloglardaki toplam yazı ve yorum sayısını ziyaretçilere bildirmek amacıyla oluşturulmuş eklentiyi sizlerle paylaşmak isterim.

Bu basit görünümlü ancak geliştirilmeye açık eklentiyi nasıl kuracağımızı görelim.

Öncelikle eklentiden bir görüntü ;

Gelelim bu eklentiyi bloğumuza nasıl ekleyeceğimize

Kurulum ;

Oldukça basit bir kaç işlem mevcut.

Kontrol paneli > yerleşim > gadget ekle > html/javascript ekle diyoruz ve aşağıdaki kodları ekliyoruz.

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Toplam Yazı: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Toplam Yorum: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://bloggereklentideposu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://bloggereklentideposu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Daha sonra koyu renkli yerlere eklediğimiz bloğun url'sini yazıyoruz ve kaydedip çıkıyoruz.
Bütün işlem bu kadar.Hayırlı olsun :)

" Anahtar kelimeler : blogger istatistik eklentisi, blogger toplam yazı eklentisi, blogger toplam yorum eklentisi, blogger toplam yazı ve yorum eklentisi "

Powered by blogger yazısını kaldırmak

2015-09-19T08:39:00.002-07:00

Merhaba ;

Blogger'ın yeni blog kuran arkadaşlar üzerine musallat ettiği powered by blogger yazısını kaldırmayı öğrenicez.
Yeni blog kurmuş olmak üzere birçok blogger arkadaş bu yazının hiçbir zaman kalkmayacağını ve kaldırılmasının yasak olduğunu düşünmekteler gerçeği söylemek gerekirse ilk başlarda bende öyle düşünmüştüm.
Bu düşünceye sahip olmak gayet doğal , çünkü ; her ne kadarda alt alan adı olsada alan adını ve sunucu hizmetini ücretsiz olarak blogger karşılıyor.
Neyse daha fazla uzatmadan bu lanet yazıyı kaldırmayı göstereyim.

Bu yazıyı kaldırmanın birçok yolu ama en kolay yolunu sizlere göstericem.

Şablon > Özelleştir diyoruz.
Altta bulunan Geliştir > CSS ekle diyoruz.
ve çıkan css kutusuna aşağıdaki kodu ekleyip sağ üstte bulunan bloğ'a uygula butonuna tıklıyoruz.

#Attribution1{display:none;}

Bütün işlem bu kadar ...Hayırlı olsun :)

" Anahtar Kelimeler : powered by blogger yazısını kaldırmak, powered by blogger yazısı nasıl kalkar, powered by blogger yazısı nasıl kaldırılır "

Blogger yazı altına yazar hakkında bilgi bölümü eklemek

2015-09-19T02:39:00.003-07:00

Merhaba ;

Blog yazılarının hemen altında bulunan ve isteğe bağlı olarak kısa veya uzun olmak üzere okuyucunun yazar hakkında bilgi sahibi olmasına olanak sağlayan bu eklentiyi bloğumuza nasıl ekleyebileceğimizi göstericem.
Bu eklenti sayesinde yazar hakkında bilgi vererek , ziyaretçi karşısında diğer bloglardan bir adım önde olmanızı sağlayacaktır.
Günümüzde binlerce hatta yüzbinlerce blog var ve tabiki bu blogları oluşturan yani içeriklerin sahipleri var,buda demek oluyorki binlerce hatta yüzbinlerce yazar var.
Bu eklenti sayesinde kısada olsa okuyucular , yazarlar hakkında fikir sahibi olabilirler.
Fazla uzatmadan eklentinin kurulumuna geçelim.

Kurulumdan önce eklentiden bir görüntü ;

Kurulum ;

Öncelikle Şablon > Html düzenle diyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

]]></b:skin>

ve hemen üstüne aşağıdaki kodları ekliyoruz.

.authbio{
color: #454545; 
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 1px solid #B2F702;
width: 520px;
padding: 15px;
margin-bottom:25px;
}
.biotitle {
width: 520px;
background: #B2F702;
width: 520px;
padding: 0px;
border: 1px solid #000000;
}
.biotitle h3 {
font-weight: bold;
color: black;
padding:3px;
}
.authbio a{
color:#B2F702;
text-decoration:underline;}

Daha sonra aşağıdaki kodu buluyoruz.( Birden fazla olabilir , tek tek denemelisiniz. )

<data:post.body/

ve hemen altına aşağıdaki kodları ekliyoruz.

<div class='authbio'>
<div class='biotitle'>
<center> <a target="_blank" rel="dofollow" href="http://bloggereklentideposu.blogspot.com"><h3>Yazar Hakkında</h3></a></center>
</div>
<br/>
<div style='float: left;'>
<img alt='' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaA5zcCpSMwnT2OOJ5U_DBAKSXY-r1-O_HXgagaAitydbD5PoO77T37rjF_DeEJEpv6xnt-bIGJ6pB4lRoxWlua7Izqos_2hU_7mb3Wec1O1D0L9TXnOTadYsNpHugs8VrzVfpa0Jdy7WI/h120/Blogger_logo.png' width='75'/>
</div>

 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
 <center> Bu alana yazar hakkındaki bilgileri girebilirsiniz. </center>
</div>

Kod ekleme işlemi bittikten sonra gelelim özelleştirmeye.

kırmızı > 75x75 avatar url'si
mor > yazar hakkında sayfa url'niz
mavi > genişlik ayarı hepsini aynı ölçüde değiştirin.
yeşil > " yazar hakkında " yazısının arka plan rengi
turkuaz > yazar hakkında yazısının ayarları
pembe > diğer yazıların ayarı

Eklentimiz başarıyla kuruldu.Hayırlı olsun :)

" Anahtar Kelimeler : blogger yazı altına yazar hakkında bilgi bölümü eklemek, blogger yazar hakkında kutusu eklemek, blogger yazı altına yazar hakkında eklemek, blogger yazı altına yazar hakkında kutusu eklemek "

Blogger infobar eklemek

2015-09-18T08:21:00.003-07:00

Merhaba ;

Öncelikle infobar'ın ne olduğu ile ilgili fikri olmayan arkadaşlarımızın olmadığını varsayarak ; infobar , sayfanın alt kısmında sabit olarak duran ve sayfa ile birlikte kayan bilgi çubuğudur.
Bu bilgi çubuğunu kendi yaratıcılığımızı ve becerilerimizi kullanarak geliştirebiliriz.

Öncelikle eklentiden bir görüntü ;

Kurulum ;

Şablon > Html düzenle diyoruz ve ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

]]></b:skin>

ve hemen üstüne aşağıdaki kodları ekliyoruz.

#mta_bar {
background:#FF6600;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('https://lh6.googleusercontent.com/bkVInn0RgUftxig0CBmJRkE81gb_QTlVRmzOvJz2ZGy9KJCTnAXkb6pZ42FT9SEA19r96ANy-bLSafQ=w1256-h777?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

Daha sonra aşağıdaki kodu buluyoruz.

</head>

hemen üstüne aşağıdaki kodu ekliyoruz.

<script src="http://googledrive.com/host/0B2NrnLfIOfS7Sk41YWR4TkxBUG8/" type="text/javascript"/>

ve son olarak aşağıdaki kodu buluyoruz.

</body>

altına aşağıdaki kodu ekliyoruz.

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a rel="dofollow" href='http://bloggereklentideposu.blogspot.com.tr/' target='_blank'>Blogger Eklenti Paylaşım Bloğu</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;www.bloggereklentideposu.blogspot.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNCoFmcJHt5l0a9OhTYc7LahcNBKegAITGCFkQqkuhB8NSJ8vzmjjQbpj2wywX48CM4GaYB2FLOKoe1j-eH4sCbhyMniYk-CCB8-67HRxqkbFVeixQGxUDLb0fEsGNwcUOb262XsPkJ_Y/?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

Kodlarımızı ekledikten hemen sonra gerekli yerleri değiştirelim.
Kodun üstünde bulunan kırmızı yerler kesin değişmesi gereken yerlerdir.
Aşağıdakiler ise isteğe bağlı değişebilen yerlerdir.
background:#FF6600; > arka plan rengi
border-top: 3px solid #6699ff; > üst ince çizgi kalınlığı ve rengi
width: 100%; > genişliği
#left_bar a {background: url > yazının yanındaki 24x25 icon linki
<img align= src > yandaki kapatma iconu linki
Mavi renkle işaretlediğim yerleri kendi bloğunuza göre değiştirip eklentiyi kullanmaya başlayabilirsiniz.Hayırlı olsun :)

Anahtar kelimeler : blogger infobar, blogger infobar kodu, blogger infobar eklemek, blogger sayfa altında sabit duran bar, blogger sayfa ile hareket eden sabir bar eklentisi

Blogger sayfa numaralandırma eklentisi

2015-09-18T03:58:00.002-07:00

Merhaba ;

Bloglar için faydalı olabilecek bir eklenti ile daha karşınızdayım.
Blogger'in orjinalinde Önceki Kayıt ve Sonraki Kayıt şeklinde bir sayfa geçişi sözkonusuydu ancak bu yöntem bende dahil olmak üzere birçok blogger ve okuyucu tarafından eleştirilen bir durumdu.
Bunun nedeni ise önceki kayıt , sonraki kayıt ama hangi kayıtlar ? sayfanın sonlarına doğrumu yoksa başlarına doğrumu gidildiğinin kimse farkında değildi.
Bu soruna çözüm olarak sayfa numaralandırma eklentisi oluşturuldu ve birçok website ve blog bu eklentiyi kullanmakta.
Basit bir eklenti olmamasına karşın
Kuruluma geçmeden önce ;

Eklentiden bir görüntü ;

Kurulum ;

Şablon > HTML düzenleye gelip ctrl+f yardımıyla aşağıdaki kodu buluyoruz.

]]></b:skin>

Kodu bulduktan sonra üstüne aşağıdaki kodu ekliyoruz.

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i48.tinypic.com/29o66o3.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #888;
background: #ccc url(http://i48.tinypic.com/29o66o3.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666 url(http://i48.tinypic.com/29o66o3.jpg) 0 0 repeat-x;
text-decoration: none;
}

Daha sonra aşağıdaki kodu buluyoruz.

</body>

ve Hemen üstüne aşağıdaki kodları ekliyoruz.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://googledrive.com/host/0B2NrnLfIOfS7MXJOSktNd19JbUE/' type='text/javascript'/>
</b:if>

Daha sonra kaydedip çıkıyoruz.Hayırlı olsun :)

Anahtar Kelimeler : blogger sayfa numaralandırmak, blogger sayfa numaralandırma eklentisi, blogger sayfa sayısı, blogger sayfa sayısı eklentisi

Blogger dönen sosyal buton eklentisi

2015-09-17T11:09:00.001-07:00

Merhaba ;

Sosyal ağların website ve blogların trafiğindeki katkısı oldukça yüksek.
Özellikte facebook ve youtube bunların başında geliyor.
Tabiki bu sosyal ağlara ne kadar önem verdiğinizle alakalı bir durum ne kadar ekmek o kadar köfte diyorum ve bu şık animasyonlu ve görüntü anlamında bloğunuzun tasarımına katkı sağlayacak eklentinin anlatımına geçiyorum.

Eklentinin görünümü ;

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -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;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>
<center>
 <div id="social">
 <!--Start Rss Icon-->
 <a title="Grab Our Rss Feed" href="rss url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOZ3RxwFqa_xvz116eS63qNdZ7VCQSTTdHKsRgHxt30FZIv4Vu21N3qhjXaegXMpIIHazeD4hyphenhypheniXG6p2Kjqt0QGgRzZhMA6y-62yGvzBe5hOWcZHtSbHgLSRwL1HK30_f5kGfjj1tfgsy/h120/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a rel="nofollow" title="Get Free Updates Via Email" href="e-mail rss url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR0ZFvZ6tsDy0uxtUGFIi1UYIHZul6Kl728v1ZlmF6miKmevycsL2uzEo1ywtC_0CWjwSUEL56JbV14ptxkQZY04LveUEmhibdU33Hs8jT0equw9s0OdmdqtkScCaIAs2rOPOBUwgMj2hu/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a rel="nofollow" title="Like Our Facebook Page" href="facebook url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClbIOL6seFHYTUc3ZdalShU-H4lv1owDrKyZ2maWNCJs34uUglrWO4rTGyMlGCdiElQ2GPO3IznCkdriwoLWMl1QWM-Fb2e4p0bRWErP2tuDdqB14WLUTCUwuCwTbGVjiyex2d8XQ1oH3/h120/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a rel="nofollow" title="Follow Our Updates On Twitter" href="twitter url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2sSW_vlTyik8GdVwhyMXl_5RPJa6EdHORLVpJKY5mBTF1erS3WyxdGIPf12_tPCvF5pScGg7qxTbuDCNluFqKX2drq3JwW6Qbx4o1THts9uJOc8YU9HXd79zZ4jVA9n6qgADfuGCEWj1/h120/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a title="Follow Us On Google+" rel="nofollow" href="google+ url'niz" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHlXgSIufso6F6utMB8-YxqYfoKnARm1vixpJLwrphO-n3BoM6HQ86rTTNmD9-JgXe8o5TzBtNu4UZHu8mfLIU9GDq9qNg2IvdyOrAHGXS6xMjIoz1qtguPETPecvU_i8pZlK8eWTOIg0/h120/GOOGLE-PLUS-48x48.png"/></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a title="Follow Our Pins" rel="nofollow" href="pinterest url'niz" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6Q97KcuFipfj5MyREhiPFb1G0ntokO_g4zhVtOvgp0iZhMqW63pauINIua0maHmIOlnCX5iWL9UrfxrVUPWP1_d8xwpEb0s54i3kOUhk-9Xn6AR3GffP9Qc7TNFv9SUw2_2byvgSLuYa/h120/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
 <!--End Pinterest Icon-->
<a rel="dofollow" href="http://www.bloggereklentideposu.blogspot.com"
 </div>
</center>

Daha sonra mavi renkle belirttiğim yerlere kendi sosyal hesap linklerimizi ekliyoruz ve kaydedip çıkıyoruz.Hayırlı olsun :)

Anahtar kelimeler : animasyonlu sosyal buton, sosyal buton, blogger animasyonlu sosyal buton, animasyonlu sosyal buton eklentisi, blogger animasyonlu sosyal buton eklentisi