maç

artık sitemizde maç yayınlanmayacak.
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

20 Eylül 2013 Cuma

Blogger Yazı Resmine Konu Linki Vermek

Blogger Auto Read More
Yeni temaya geçmem ile birlikte bu eklentiyi de kullanmaya başladım. Tabii çevremden nasıl olduğunu soranların sayısı oldukça fazla. Aslında çok basit. Bildiğimiz otomatik devamını oku eklentisine + olarak resime tıklandığında da yazıya yönlendiriyor.




Aşağıdaki kodu </head> kodundan önce ekleyiniz. Eğer hali hazırda bir otomatik devamını oku eklentiniz var ise o kodları silin.

<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function masSummaryAndThumb(mas1,mas2){var div=document.getElementById(mas1);var imgtag="";var img=div.getElementsByTagName("img");var summ=440;if(img.length>=1){imgtag='<a href="'+mas2+'"><span style="float:left; padding:5px 10px 5px 0px;"><img src="'+img[0].src+'" width="250px" height="220px"/></span></a>';summ=310}var summary=imgtag+'<div class="entry" style="line-height:23px">'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//]]>
</script>

Yine eski kodlarınız yerine aşağıdaki kodları ekliyoruz. Eğer hiç oto devamını oku eklentiniz yoksa bu kodu bulun ve yerine ekleyin.

<data:post.body/>

<div class='post-body entry-content' expr:id='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
masSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;);
</script><span class='more'><a expr:href='data:post.url + &quot;&quot;' expr:title='data:post.title'>Devamını Oku &#187;</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if> <div style='clear: both;'/>
</div>

Yapmamız gerekn tüm işlemler bu kadar. Güle güle kullanın.

14 Eylül 2013 Cumartesi

Özel Backlink-Seo Programları Arşivimi Paylaşıyorum Nette İlk

Özel Backlink-Seo Programları Arşivimi Paylaşıyorum Nette İlk


Merhaba arkadaşlar uzun uğraşlar sonucu toplanmış ayrı ayrı yazılmış özel bir seo arşividir. Siz webmasterlara çok yararlı olacagını düşünüyorum.
Unutmayın Seo en önemli kuralı backlink tir.






PHP- Kodu:
http://yadi.sk/d/MDKFNnB99GJ9k 

KAYNAK

Blogger-Site Açıklaması Nasıl Olmalı 2013

Site Açıklaması - Description Nasıl Olmalı?

Arama Motoru, Seo Dostu Açıklama - Description

Açıklama,Anahtar Kelimeler,Blogger,Wordpress,Seo,Webmaster,Description,Title,Altyazı,Nasıl Olmalı,Önemi,Keywords,

Biz arama motorlarına ve dolayısı ile ziyaretçilerimize sitemiz ile ilgili ipuçlarını sunmak için site açıklamasını kullanırız. Bu yüzden bu bilgilerin de çok özenle seçilmesi gerekir. Başlıkta, varsa markamızı yazmamız çok önemli iken, açıklama kısmında markamızı yazmanın pek bir avantajı ve de gereği kalmıyor. O yüzden açıklama kısmında, mümkün olduğu kadar, faaliyet alanlarımız, hedef lokasyonlarımız, hizmetler ve(ya) ürünlerimiz hakkında ipuçlarını belirtmemiz gerekir.

Site Açıklaması (Description) Nasıl düzenlenir?

Yine site düzenleme panelinde, veritabanında veya "header" dosyamızdaki metatags ayarlarında;

PHP- Kodu:
****** name="description" content="hedef lokasyon 1, hedef lokasyon 2 ..., hizmet kolu 1, hizmet kolu 2 ..., ürün 1, ürün 2 ..." />

Bu şekilde bir site açıklaması oluşturulur.

Site açıklaması oluştururken dikkat edilecek unsurlar:

1- Açıklamada toplam karakter sayısı 160'ı geçmemeli. Çünkü arama motorları sadece 160 karaktere kadar okur. Bu limiti zorlayıp aşanı, yine sabıka kaydı tutarak, kara kaplı defterine depolar.
2- Site açıklamasında da kelime tekrarına düşülmemelidir. Çünkü; burada da kullandığımız bütün kelimeler arasında kombinasyonları kuracak şekilde proğramlanmıştır botlar. Her kelimeyi birbiri ile ilişkilendirir ve arama sonuçlarındaki kelimeleri bulur ve dikkate alır. Bu konudaki zorlamaları da spam amaçlı kurulmuş site damgası ile sabıkamızı tutar botlar.
3- Sitemizin lokasyonunu, hizmet alanlarını, ürünlerimizi en iyi anlatan, arama motorlarında (özellikle Google) sıkça aranan ifadeleri kullanmalıyız.

Örneğin: Site açıklamamız şöyle olmalı:

PHP- Kodu:
****** name="description" content="İzmir, kurumsal, kişisel, blog, site, web tasarım, seo, google, bing, yandex, yahoo, alexa, arama motoru optimizasyonu, backlink, marka, patent, tescil, hosting" />

Toplam karakter sayısı en fazla 160, içinde tekrarlayan kelime yok ve hizmetlerimizle ilgili en güzel ipuçları da mevcut diye düşünüyorum.

Kaynak

13 Eylül 2013 Cuma

Blogger Mause İmlecini (Resmini) Değiştirmek 2013

Blogger Mause İmlecini (Resmini) Değiştirmek 2013




Bu eklentide sizlere blogger sayfalarında fare imlecini nasıl değiştirebileceğimizi anlatacağım. Bazı yorumlarda tam açıklayıcı olmadığımdan söz edilmiş, anlatırken elimden geldiğince en basite indirgeyerek aşama aşama anlatmaya çalışıyorum. Ama yine de dikkat edeceğim.

İlk olarak Tasarım > Html düzenle > Widget şablonlarını genişlet diyoruz.

Daha sonra


</head>

kodunu buluyoruz ve hemen üstüne

<style type="text/css">body, a:hover {cursor: url(http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur), progress;}</style><a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

kodunu ekliyoruz ve kaydediyoruz. İşlem sonunda imlecimiz mavi ve biraz büyük bir hale gelecektir.

Tabii ki bununla sınırlı kalmayabiliriz. Bu siteye girdiğimizde istediğimiz imleci seçip, orada style ile başlayan kodu, yukarıdaki imlec koduyla değiştirebilirsiniz.

Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

Blogger Yorumlar Gözükmüyor Hatası Ve Çözümü

Arkadaşlar çözüm yolunu buldum kullandığınız temada Google+ yorumları aktifleştirilmiş durumda birde siz blogger ayarlar menüsünden bunu aktifleştirince kodlar çarpışıyor tek yapmanız gereken blogger sağ taraftaki Google+ menüsünden yorumları kapatın böylece durum çözülmüş oluyor

9 Eylül 2013 Pazartesi

Blogger Temalarda Kayma/Dağılma Sorunu Çözümü

Bu sabah her zaman ki gibi Facebook'a girdim. Üye olduğum bir WM grubun da bu sorunu dile getiren arkadaşlara rastladım. Kendi temama baktığımda sadece sidebar ul li kısımların da problem vardı. Sorunu kendimce düzelttim. Ve arkadaşlara da yardımcı olmaya çalıştım. Fakat kendi çözümüm yeterli olmadı ve bazı arkadaşlar hala hata ile karşılaşıyorlardı.


Soratemplates, Facebook sayfasında paylaştığı bu resim ile sorunun tam olarak nasıl çözüleceğini anlatmış.

soratemplates

.section,.widget,.widget-content,.widget ul,.widget li { margin:0; padding:0 }

Yukarıdaki kodu ]]></b:skin> hemen üzerine ekleyebilirsiniz. Kodu eklediğiniz halde sidebar kısmında kayma söz konusu ise .widget ul veya .widget li kısımlarını silebilirsiniz.

Bu sorununun Blogger'ın bundle.css klasörünü güncellemesinden kaynaklandığını düşünüyorum, düşünüyoruz.

29 Ağustos 2013 Perşembe

Gri Tema Blogger Teması

İbrahim Çevrük

Temanın adı ne bilmiyorum. İbrahim Çevrük'ün paylaştığı CSS/HTML olan ve paylaşırken "Gri Tema" diye başlık açmasından dolayı bu isimi verdim. CSS/HTML halini gördüm durur muyum ? Elbette hayır. :D Hemen oturdum, nescafemi aldım ve 30-35 dakika içerisinde entegre ettim.

Gayet hoş bir tema. Belirtmek istiyorum ki sadece entegreyi geliştirdim ek olarak hiçbir şey yapmadım.

Önizlemeİndir

26 Ağustos 2013 Pazartesi

Blogger T-Blog v1 Teması[Muhteşem]

Blogger T-Blog v1 Teması[Muhteşem]

3-4 ay evvel bir blogta bu temanın PSD'sini ve CSS/HTML'ini görmüştüm. Arşivime almak üzere indirdim. 2 ay(Tam tarihi hatırlamıyorum) önce arşivimi düzenlerken karşıma çıktı. Temaya göz attım muhteşem. Hemen Blogger'e uyarlamaya başladım. Tamamlanması baya uzun sürdü. Çünkü çok fazla oyalanacak şey çıktı karşıma. O kadar çok ki bazılarını hatırlamıyorum. Tema Talha Akkaya tarafından çizilmiş ve CSS/HTML olarak kodlanmış. Temayı uyarladıktan sonra CSS compresslerini ve SEO ayarlarını yaptım. Baya da yüksek SEO puanı çıktı. Tam 88 SEO. Ayrıca Gtmetrix testinden A B notu almış ve Google hız testinden 85/100 puan almıştır. Temada CSS Sprite kullandım. Yapımcı Talha Akkaya, çizerken ve kodlarken WordPress için kodlamış olmalı. Blogger için gereksiz bir sürü resim vardı. Bu yüzden ayırıp yeniden birleştirdim. Fazla uzatmayayım heralde. Merak uyanmıştır sanırım hepinizde.

Ön İzleme

İndirmeden Önce Hatırlatmalar

  • Temayı indirip footerdaki linkimi kaldırana, değiştirene veya bunları yapıp temayı paylaşanlara hakkım HARAM'dır. İki elim yakalarındadır bilesiniz.
  • Temayı yükledikten sonra tema kodlarında CTRL+F yaparak "DÜZENLE" kelimesini aratın ve gelen kodun altında bulunan linke kendi sitenizin linkini yazın. Aksi halde tema benim sitemden benzer yazıları çeker.
  • Tema logo boyutu 231x75'dir. Tema kodlarından değiştirebilirsiniz.
  • Kategoriler ve Arama bölümlerinin kodları dosyanın içinde mevcuttur.

İndir


Diğer seçenek olarak Yandex.Disk'ten indirmek için tıklayın.

Dosya Şifresi:(Lütfen el ile giriniz.) ozgurgorgulu.blogspot.com

22 Ağustos 2013 Perşembe

Metro Blogger Teması


Win8'in Metro arayüzü sayesinde artık web alemi de renklendi :) Metro Blogger teması şuana kadar gördüğüm en iyi çalışma diyebilirim. Gadget yerleşim bölümlerinin bol olması ile hiç sıkıntı çekmeden widget ekleyebileceksiniz.

İndirme linklerinden önce slider kodlarını verelim. Slider'ı isterseniz şablondan isterseniz HTML/JS gadgetı olarak ekleyebilirsiniz.

<div class="carousel" style="width:600px;height:350px;" data-role="carousel" data-param-effect="fade" data-param-direction="left" data-param-period="3000" data-param-markers="off" >  
<div class="slides">

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/DBTx2"/></a><div class="description">1 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/H9C5J"/></a><div class="description">2 Some Description.</div></div>

<div class="slide image"><a href="http://www.techirsh.com"><img src="http://goo.gl/dJ5Sj"/></a><div class="description">3 Some Description.</div></div>

</div><span class="control left">&#8249;</span><span class="control right">&#8250;</span></div>

Önizlemeİndir

19 Ağustos 2013 Pazartesi

BiAdam Blogger Teması

Artık sıfırdan tema yapmak yerine varolan wp temalarını Blogger'a entegre etmeyi uygun gördüm kendimce. Ve entegre ettiğim BiAdam temasını bugün siz değerli okurlarıma sunuyorum.

Temada anasayfa da yalnızca 3 kayıt gösterirseniz kayma ile karşılaşmazsınız. Neden bende anlamadım fakat 4 veya 5 kayıt gösterildiğin de kaymalar oluşuyor. Bunun dışında incelediğime göre bir sorun yok.

BiAdam Blogger Teması

İndir

14 Ağustos 2013 Çarşamba

OSade Blogger Teması

OSade Blogger Teması


OSade temasının Blogger uyarlamasına izin verdiği için öncelikle Okan Sağlam'a teşekkürler. Temanın çabuk ve daha düzenli olması için Onur Batur ile bu temayı entegre etmeye çalıştık.

Dürüstlükle söylüyoruz ki ikimizinde en çok zorlandığı tema. Bu yüzden alın terimizi hiçe saymamanız ve footer linklerine dokunmamanız bizim ve Okan'ın sizlerden ricası.

Demoİndir

Not: Temanın entegresini sabırsızlıkla bekleyen arkadaşları düşündüğümüz için temayı hızlıca entegre ettik. Bazı yerlerde eksiklikler, hatalar ve aksilikler olabilir. Bu yüzden OSade temasının %100 tam entegresi için takipte kalınız.

TEMA 17.8.2013 TARİHİ GÜNCELLEMESİ İLE %100 ENTEGRE EDİLMİŞTİR.
Ekleyeceğiniz logo boyutu 200x155 ebatlarında olmalıdır.

12 Ağustos 2013 Pazartesi

Blogger Konu İçi Bilgi Eklentisi

Blogger Konu İçi Bilgi Eklentisi

Hemen hemen 1 hafta önce yazıların içinde yazı bilgilerini gösteren bir kutu kodlamıştım. Bayram dolayısıyla memkeletimde maillerimi kontrol ederken bir ziyaretçi o kodu benden istedi. Memlekette olduğum için şimdi paylaşma kararı aldım. Tabii benimkinin tıpatıp aynısı değil.(Bir kaç yeri değişik) Kodlarken CSS Sprite kullandım. Bu yüzden sitenizin açılışını kat'iyen azaltmaz. Yüzde ile konumlandırdığım için her çözünürlükte aynı yerde gözükmeye devam edecektir. Ayrıca CSS'ye açıklama kodlarını ekledim. Tarzınıza göre düzenleyebilirsiniz.

Önizleme

CSS Kodu

Bu kodu Blogger şablonundaki <b:skin> ile </b:skin> kodları arasına ekleyiniz.

HTML Kodu

Bu kodu ise Blogger şablonundaki <b:includable id='post' var='post'> kodunun altına ekleyiniz.

10 Ağustos 2013 Cumartesi

Popho Portal Blogger Teması

Anarschi (Beyazıt Kölemen) tarafından yapılmış ve yaptığı her Blogger temasına hayran kaldığım Hit Adam tarafından Blogger'a uyarlanmıştır. Temanın sadeliği ve kullanışlı olmasını çok seviyorum. Gelelim temanın özelliklerine

  • Resme tıkladığınızda yazıya gitmenizi sağlayan otomatik devamını oku eklentisi
  • Özelleştirilmiş yorum formu ve yorumlarda cevaplama özelliği
  • Header kısmında 2 adet menü ve 468x60 boyutunda reklam alanı
  • Konu sonlarında öne çıkarılmış paylaşım butonları
  • Konulara eklenen resimleri lightbox ile görüntüleme
  • Son olarak basit yapılı ve göz yormayan kullanıcı kolaylığı düşünülmüş minimalist tasarım.

Hit Adam'ın sizlerden istediği footer linklerini değiştirmemeniz ve kaldırmamanız.

Önizlemeİndir