26 Eylül 2015 Cumartesi

Blogger adblock engellemek

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 :)

blogger_adblock_engellemek_bloggereklentideposu


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

25 Eylül 2015 Cuma

Blogger yazı boyutu düzenleme eklentisi

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

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 " 

24 Eylül 2015 Perşembe

Blogger 404 sayfası oluşturmak

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ü ;


blogger 404

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

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 :)



blogger_3d_arama_kutusu_bloggereklentideposu.blogspot

" 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 "





23 Eylül 2015 Çarşamba

Blogger iletişim formu oluşturmak ( Jotform )

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

blogger_reklam_alanı_olusturmak_2_bloggereklentideposu.blogspot.pngMerhaba ;

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ü ;

blogger_reklam_alanı_olusturmak_bloggereklentideposu.blogspot.png



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 "

22 Eylül 2015 Salı

Blogger bloğu farklı adrese yönlendirmek

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

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 :)

blogger sayfayı belirli aralıkta yenileme kodu_bloggereklentideposu


" 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 )

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ü ;

blogger 4'lü sosyal ağ ve abonelik eklentisi


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 "





21 Eylül 2015 Pazartesi

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

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 .tr uzantısını kaldırmak bloggereklentideposu

Blogger rastgele yazı eklentisi

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ı, "

20 Eylül 2015 Pazar

Blogger toplam yazı ve yorum sayısı eklentisi

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 "

19 Eylül 2015 Cumartesi

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

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

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 "

18 Eylül 2015 Cuma

Blogger infobar eklemek

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='http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?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

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

17 Eylül 2015 Perşembe

Blogger dönen sosyal buton eklentisi

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ü ;



Icon Icon Icon Icon Follow Me on Pinterest

Kurulum ;

Şablon > Yerleşim > Gadget Ekle > Html/Javascript diyoruz ve aşağıdaki kodları ekliyoruz.

<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

Blogger'a HTML kod önizleme aracı eklemek

Merhaba ;

Bu yazımda html kod önizleme aracını bloğumuza nasıl ekleyeceğimizi anlatıcam.
İnternetteki bir çok websitede html kod önizleme aracı mevcut ancak bence her blogda her sitede özellikle script vb. kod paylaşımı yapan website ve bloglarda.

Eklentiden bir görüntü ;



Fazla uzatmadan bloğumuza bu eklentiyi nasıl kuracağımızı görelim...

Kurulum ;

Öncelikle bu aracı yeni bir sayfaya ekleyeceğimiz için sayfalar bölümünden yeni sayfa butonuna tıklıyoruz ve sol üst köşede bulunan " HTML " butonuna tıklıyoruz ve aşağıdaki kodları yapıştırıyoruz ve kaydedip çıkıyoruz.

<!-- start: index -->
<html lang="tr" xml:lang="tr" xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>

<body bgcolor="cccccc">
<!---Lazımlar---->
<style type="text/css">
    body{    
        height:100%;
        margin:0px;
        padding:0px;
        font-family: Verdana, Arial, Trebuchet MS, Lucida Sans Unicode;
        color : #636770;
                
        SCROLLBAR-ARROW-COLOR: #696969;
SCROLLBAR-BASE-COLOR: #D3D3D3;
SCROLLBAR-HIGHLIGHT-COLOR: #C0C0C0;
SCROLLBAR-SHADOW-COLOR: #808080;
SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-TRACK-COLOR: #D3D3D3;
SCROLLBAR-DARKSHADOW-COLOR: #808080;
    
    }
</style>
</body></html>
<style type="text/css">body {cursor: url(http://www.blinkyou.com/cursors/pg1/Bender Spinning.ani); }
FONT.sizethree {font-size: 16px}
</style>


<style type="text/css">
a:link  {
    color : #000000;
    text-decoration : none;
}

a:visited  {
    color : #000000;
    text-decoration : none;
}

a:active  {
    color : #0000FF;
    text-decoration : none;
}

a:hover  {
    color :#0000ff;
    text-decoration : none;
}
.font {  font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 8pt; color: #333333}
</style>
<!---Lazımlar---->

<br />
<table align="center" border="1" bordercolor="666666" cellspacing="0" style="height: 468px; width: 624px;">
    <tbody>
<tr>
        <td background="/img/bgamavi2.png" bgcolor="#91A1BB" height="31" width="618"><div align="center">
<b><span style="color: black; font-size: medium;">KOD ÖN İZLEME ARACI&nbsp; 
        (KOD TEST)</span></b></div>
</td>
    </tr>
<tr>
        <td height="500" width="300"><table cellpadding="0" cellspacing="0" style="height: 412px; width: 500px;">
            <!-- MSTableType="layout" -->
            <tbody>
<tr>
                <td height="368" width="618"><table align="center" cellpadding="0" cellspacing="0" style="width: 360px;">
    <!-- MSTableType="layout" -->
    <tbody>
<tr>
        <td height="320"><div align="center">
<table style="background: #ebebea; border: solid 1px #959492; width: 600px;">
<tbody>
<tr><td valign="top"><form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: 1px solid #b9b8b6; height: 297; padding: 5px; scroll: auto; width: 171;" wrap="soft">ÖNİZLEMESİ YAPILACAK OLAN KODU BU ALANA YAPIŞTIRINIZ.   

</textarea>
</form>
</td><td valign="top"><iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: 1px solid #b9b8b6; height: 308px; width: 406px;">
</iframe>
</td>
</tr>
</tbody></table>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">ÖN İZLE</button>
<button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">TEMİZLE</button>
<button onclick="window.location.href=window.location.href">YENİLE</button>
</div>
</td>
    </tr>
</tbody></table>
</td>
            </tr>
<tr>
                <td height="44" valign="middle" width="618"><div align="center">
<b>KODUNUZU YAPIŞTIRIP ÖN İZLEYE BASINIZ</b></div>
</td>
            </tr>
</tbody></table>
</td>
    </tr>
<tr>
        
    </tr>
</tbody></table>
<center>Lisans Sahibi : <a rel="dofollow" href="http://www.destweb.blogspot.com.tr">DestWeb</a>
Kod Yayıncısı : <a rel="dofollow" href="http://www.bloggereklentideposu.blogspot.com.tr">BloggerEklentiDeposu</a></center>
<!-- end: index -->


Anahtar Kelimeler ; html kod önizleme aracı, html kod önizleme aracı kodu, siteye html kod önizleme aracı eklemek, blogger html kod önizleme aracı eklemek, html kod önizleme aracı kodu

Ücretsiz PvP Server Tanıtım Scripti-2017

Merhaba ;

İlk script paylaşımımı yapmış bulunmaktayım.
Orjinalinde Metin2 ve Knight PvP Server tanıtım scripti ancak özel olarak editlenmiş ve yalnızca metin2 pvp server tanıtım formatına çevrilmiş bence gayette hoş olmuş.
Fazla uzatmadan Scriptimizin özelliklerine göz atalım ve kuruluma geçelim.

Özellikleri ;

  • Geliştirilmiş admin kontrol paneli
  • Yeni eklenen istatistik bölümü
  • Sınırsız Metin2 pvp server ekleme
  • Üyelik sistemi
  • Özel geliştirilmiş banner html kod
  • 8 adet anasayfada , 2 adet ek sayfalarda olmak üzere toplamda 10 adet reklam alanı.
  • Duyuru paneli
  • Özel arama butonu
  • Şık tasarım ve açığı bulunmayan php kodlama sistemine sahip.

Uyarılar ;

  • Öncelikle footer kısmındaki siteisminiz.com haricindeki yerleri değiştirmemeniz gerekiyor değiştirdiğiniz takdirde script hata verecektir bununla birlikte telif hakkı ve içerik koruması nedeniyle siteniz dmca tarafından google sıralaması düşürülecektir.
  • PvPBurada.NET telif sahibidir ve izinsiz kopyalanıp dağıtılması yasaktır.
  • Bunların haricinde script ile ilgili bütün değişiklikler serbesttir.

Script Fotoğrafları ;






Kurulum ;

  • İndirmiş olduğunuz arşivin içinde ftp atılacak klasörünün içindeki tüm dosyaları sunucumuza upload ediyoruz.
  • Ardından veritabanı oluşturarak bilgilerini not ediyoruz.
  • " _inc/ayarlar.php " açıyoruz ve not ettiğimiz veritabanı bilgilerini uygun biçimde işliyoruz.
  • " _inc/ayarlar2.php " açıyoruz ve kontrol panelimizin kullanıcı adı şifresini belirliyoruz.
  • Dipnot : kontrol paneline ulaşmak için " siteismi.com/_admin " biçiminde url kısmına yazmanız gerekiyor.

Demo

Demoyu görmek için Tıklayınız.

İndir

Script'i indimek için tıklayınız.

Anahtar Kelimeler ; pvp server tanıtım scripti, metin2 pvp server tanıtım scripti, pvpburada.net scripti, metin2 tanıtım scripti, server tanıtım scripti