19 Aralık 2013 Perşembe

uuR Blog V3 Teması



Merhaba Arkadaşlar Kendimde Kullandığım uuR Blog V3 Temasını Sizlerle Paylaşıyorum .Daha Öncede paylaşmıştım ama temada komple değişiklikler yaptım. Hemen Temanın Özelliklerinden Bahsedeyim

ÖZELLİKLERİ

  • Her Türlü Blog Sayfaları için Uygundur.
  • En üst Kısımda 468*60 Reklam Alanı ve sidebarda 300 * 250 reklam alanları mevcuttur.
  • Öne Çıkan Yazılar Özelliği
  • Günün Sözü
  • Video
  • Popüler Yazılar
  • En çok tıklananlar Bölümü
  • Son Yorumlar Bölümü
  • Foto Galeri Bölümü (Admin Panelinden Resim Ekleniyor.)
  • Son Dakika (kayan yazı duyuru)
  • Admin Paneli ile kolay yönetim
  • . . .
Standart uuR Blog V3 Teması

Merhaba Arkadaşlar Kendimde Kullandığım uuR Blog V3 Temasını Sizlerle Paylaşıyorum .Daha Öncede paylaşmıştım ama temada komple değişiklikler yaptım. Hemen Temanın Özelliklerinden Bahsedeyim

ÖZELLİKLERİ
  • Her Türlü Blog Sayfaları için Uygundur.
  • En üst Kısımda 468*60 Reklam Alanı ve sidebarda 300 * 250 reklam alanları mevcuttur.
  • Öne Çıkan Yazılar Özelliği
  • Günün Sözü
  • Video
  • Popüler Yazılar
  • En çok tıklananlar Bölümü
  • Son Yorumlar Bölümü
  • Foto Galeri Bölümü (Admin Panelinden Resim Ekleniyor.)
  • Son Dakika (kayan yazı duyuru)
  • Admin Paneli ile kolay yönetim
  • . . .

TEMADAN RESİMLER

Resmi Orjinal Boyutta Görmek için Tıklayınız..


Click this bar to view the full image.


Resmi Orjinal Boyutta Görmek için Tıklayınız..


Resmi Orjinal Boyutta Görmek için Tıklayınız..


Demo için : blog teması

Temayı İndirmek için : blog teması

Tema Kullanım Klavuzu : uuR blog v3 Kullanım Klavuzu


CAR1SSMa V11 [Begeni Script]






Demo : CAR1SSMa & PisCode



İndir :

Tıkla


Sql :

Tıkla

Editlencek Yerler :

Config.php

PisCode v8 Begeni scripti



 


Demo : www.medya-hile.tk

İndir : www.medya-hile.tk/piscodev8.rar

Sql : www.medya-hile.tk/piscodesql.rar

Google Botlarının Aktivitelerini Takip Etmek (PHP)



İyi botları yani arama motoru botlarını ve kötü botları denetlemeni, izlerini sürmenin ve her uğradıklarında bizi bilgilendirecek şekilde PHP kodlarından yardım almanın yollarını göstermeye çalışacağız bu yazıda. Arama motoru botları sitelerinizi dolaşarak, bilgileri edinen ve arama motorlarının veri bankasına sitenizi indeksleyen, bildiren botlardır(yazılımlardır). İçeriklerinizi hazırladıktan sonra belli bir saatte kontrol için uğrarlar ve giderler.

Arama motorlarının ve botlarının nasıl davranacağı, nasıl karar vereceği artık web dizaynında büyük oranda göz önüne alan gelişmeler haline geldi. İnsanlar saatlerce ve günlerce çalışıp Google indeksleme botunun sitelerini ziyaret edeceği anı bekliyorlar. Peki Google bot’ları sitenizde mi? Ne zaman girmişler ? Hangi sayfayı indexlemişler? Bunlardan haberdar edilmek ister miydiniz? Mailinize gelen mesajla beraber ne zaman indekslenmiş, hangi site indekslenmiş öğrenebilirsiniz. İlk vereceğimiz örnek sadece google botlarını gözlemlemek için.

Şimdi ilk uygulamamızda bir .txt dosyası hazırlayacağız ve tüm bilgilendirmeleri oradan alacağız. Index.Php’ye ekleyeceğiz bu kodu ve nereye eklediğimizin bir önemi yok. Daha sonra bu kodu yerleştirdiğiniz dosyanın olduğu dizine Botlar.txt diye içi boş bir dosya oluşturun. Bu dosyanın chmod ile erişimi 766 yapın.

Tüm işlemleri bitirdikten sonra online olarak botları takip etmek istiyorsanız ve SSH erişiminiz varsa botlar.txt’nin olduğu klasöre gidip tail -f bilgi.txt komutunu uygulayın. Eğer böyle bir imkanınız yoksa FTP’den yahut Web server üzerinden Botlar.txt‘ye ulaşabilirsiniz.

Kodumuz bu:

if (eregi("Google", $_SERVER[HTTP_USER_AGENT])) {
$tarih = date("d/m/Y G:i:s");
$dosya = fopen ("bilgisayar.txt" , 'a') or die ("Dosya açılamadı!");
fputs ( $dosya , "$tarih - $_SERVER[REMOTE_ADDR] - $_SERVER[HTTP_USER_AGENT] - $_SERVER[REQUEST_URI]\n" ) ;
fclose ($dosya);
}

.Txt dosyasının içinde şu şekilde, şunlara benzer şekilde iletiler göreceksiniz her bot sitenize uğradığında:

12/10/2013 5:34:31: 66.249.72.193 – Mozilla/5.0 (compatible; Googlebot/2.1; +Webmaster Help Center) – /içerik1
12/10/2013 5:34:37: 66.249.72.193 – Mozilla/5.0 (compatible; Googlebot/2.1; +Webmaster Help Center) – /içerik2
12/10/2013 5:34:39: 66.249.72.193 – Mozilla/5.0 (compatible; Googlebot/2.1; +Webmaster Help Center) – /içerik3

Buna benzer bilgilendirmelerle, botların ziyaretleri hakkında bilgi alabilirsiniz. Tarih zaman olarak bilgilendirirken, botların yapısal bilgisi olarak da bilgilendirme yapan bir kod. Txt dosyası ve yarattığı ağırlık dışında herşey harika.

Bu botlar.txt’yi arada sırada silin veya yenileyin ki büyük hız düşüşleri yaratmasın

User Agent olarak belirleyen kod

Bir botu user agent ile bulmak için birçok nedeniniz olabilir; bunu artık sizin hayalgücünüze bırakıyoruz. Bunu yapabilmeniz için PHP kod kullanmanız gerekiyor, çok zor değil, kodun bileşenlerini parça parça açıklayacağız. HTTP_USER_AGENT alanındaki Googlebot dizgesinde görülebilir hale geliyor bu kod ile sitenizi ziyaret eden botlar.

>>>dökümanınızdaki <body> kısmına bu kodu yapıştırın

if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), “googlebot”))
{

// what to do(ne yapmak istiyorsanız onu buraya yazın)

}

User agent imzaları ($_SERVER['HTTP_USER_AGENT']) $Bot’larla ilgili bilgilendirici diziler içeriyorsa bu büyük ihtimalle botların izini sürmeye başlamışız demektir.

HTML hale getirmek için de

if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), “googlebot”))

{?>

<h1>HTMLyi buraya yerleştirin</h1>

<p>Burayı daha önce nasıl dolduruyorsanız aynı şekilde doldurun</p>

<?php

}



Bu kodu parça parça açalım ve tüm parçaların ne işe yaradığını gösterelim:

if(condition){} – matematikteki fonksiyonlardaki gibi x ‘doğru’ ise y’yi yap şeklinde komudu şekillendiriyor.

Strtolover: php’de , kendisine geçirilen string’in karakterlerini küçülten bir fonksiyondur

$_SERVER başlıklar, içerikler ve kodların yerlerine dair bir bilgilendirme dizgisidir. Bu dizgilerdeki girdiler web sunucusu tarafından oluşturulur.

Strstr: c de string içerisinde geçen bir sub stringi bulmaya yarayan foksiyondur.

// slashlar ne yapacağınızı belirlediğiniz dizgeleri yazdığınız bölümlerdir. Örneğin // googlebot olarak gözüküyor, ama doğru mu ? gerçek bot mi yani?

Mail ile bilgilendiren kod

Bu da başka, daha gelişmiş bir kod, siteniz botlar tarafından ziyaret edildiğinde ve kayıt altına alındığında gelen kutunuza bir bilgilendirme maili atıyor. Zaman olarak ve gün olarak sizi bilgilendirdiği için, tam bilgiye ulaşabiliyorsunuz. Eğer bot birkaç defa, ya da ne kadar sıklıkla ziyaret ediyorsa, txt dosyasındaki verilerin üzerine yazıyor ve botların en son ziyaret bilgilerini, bu yüzden günlük kontrol etmekte fayda görüyoruz.

Bu versiyonda gün ve ayla ilgili size bilgi göndermiyor. Mailin geliş tarihinden bunları çıkartabilirsiniz.

<?php

if ( strpos( $_SERVER['HTTP_USER_AGENT'], ‘Googlebot’ ) !== false )

{

// paste your email address here(e-mailinizi yapıştırın)

$my_email = ‘your_email_address@email.com(buraya e mail adresiniz gelecek)’;

// notify via email(email ile bildir)

mail($my_email,’[Notification]Googlebot Visit’, ‘Googlebot has just visited your website WEBSITE_NAME: ‘.$_SERVER['REQUEST_URI']);

}

?>

Tarih ve zaman ileten kod:

Bu sonuncusu daha, daha da gelişmiş bu tarih zaman olarak bilgilendirme de yapıyor. you@yourmail.com gördüğünüz yere kendi mailinizi yazın

<?
if(eregi("googlebot",$HTTP_USER_AGENT))
{
if ($QUERY_STRING != "")
{$url = "http://".$SERVER_NAME.$PHP_SELF.'?'.$QUERY_STRING;}
else
{$url = "http://".$SERVER_NAME.$PHP_SELF;}
$today = date("F j, Y, g:i a");
mail("you@yourmail.com", "Googlebot detected on http://$SERVER_NAME", "$today - Google crawled $url");
}

Detaylı bot araması ve bilgilendirmesi yapan kod

Bu kodda botları sırasıyla işaretleyebileceğiniz bir kod. Kodun içinde ’’ /*You can add more bot here*/’’ kısmı göreceksiniz aynı şekilde buraya daha çok bot ismi ve çeşidi ekleyebilirsiniz.

<?php
function botDetect()
{
$bots_list=array(
“Google”=>”Googlebot”,
“Yahoo”=>”Slurp”,
“Bing”=>”bingbot”
/*You can add more bot here*/
);
$regexp=’/’. implode(“|”, $bots_list).’/';
$ua=$_SERVER['HTTP_USER_AGENT'];
if(preg_match($regexp, $ua,$matches))
{
$bot= array_search($matches[0], $bots_list);
return $bot;
}
else
{
return false;
}
}
?>

Bot listesi de verelim: “Teoma”, “alexa”, “froogle”, “Gigabot”, “inktomi”,
“looksmart”, “URL_Spider_SQL”, “Firefly”, “NationalDirectory”,
“Ask Jeeves”, “TECNOSEEK”, “InfoSeek”, “WebFindBot”, “girafabot”,
“crawler”, “www.galaxy.com”, “Googlebot”, “Scooter”, “Slurp”,
“msnbot”, “appie”, “FAST”, “WebBug”, “Spade”, “ZyBorg”, “rabaz”,
“Baiduspider”, “Feedfetcher-Google”, “TechnoratiSnoop”, “Rankivabot”,
“Mediapartners-Google”, “Sogou web spider”, “WebAlta Crawler”

Güncel Backlink Teknikleri



Backlink terimi hemen hemen her web sitesi sahibinin bildiği bir kavramdır. Bu kavram web sitelerimizin iyileşmesi konusunda bizlere yardımcı olan en önemli dış kaynaktır. Zarar veren çeşitleri de vardır fayda sağlayan çeşitleri de vardır. Önemli olan fayda sağlayan, kalıcı olan ve geleceğe yönelik backlink kaynağını eklemektir. Günümüzde para kazanmak için her türlü kaynağı satan kişilere rastlayabilmekteyiz. Amaç para kazanmak ve insanları kandırmaktır. Bir pagerank muhabbetidir gidiyor. Pagerank çok etkili bir kavram ama gerçekten emek verilmiş, çaba sarf edilmiş ve doğal yollarla elde edilmiş pagerank değerine sahip siteler etkisini göstermektedir. Önüne gelen herkeste pagerank değerine sahip site vardır. Hatta son dönemler de pr 9, pr8, pr7 gibi bağlantıların çok ucuza satıldığını görebilmekteyiz. Hiç pagerank 7 linkinin 30 TL gibi bir rakama satılabileceğini düşünebilir misiniz? Düşünüyorum da bu bağlantıyı herkes satın alabilir. Herkes alıyorsa link çöplüğünden başka bir şey olmaz o site. Site sahibinin tek isteği para kazanmak. Alan kişiye faydası olmuş mu? olmamış mı? Sitesi google arama dizininden silinmiş mi? Umurunda olmaz.

Bu yazımızda sizleri bilgilendirmek amacıyla çok çeşitli güncel backlink tekniklerine değineceğiz. Amacımız her web sitesinin backlink konusunda bilinçlenmesidir. Aşağıda nasıl backlink kaynaklarına sahip olmanızı, olmamanızı maddeler halinde paylaştık.
Herkesin bağlantısını ekleyebildiği yerlerden kaçının.
Footer backlink kesinlikle ve kesinlikle almayınız.
Hacklink kesinlikle almayınız.
Sosyal imlemeyi direkt olarak web sitenize almayınız.
Aynı makaleyi onlarca siteye gönderip web sitenize bağlantı sağlamayınız.
Forum tanıtımı sitelerine toplu olarak direkt bağlantılarınızı göndermeyiniz.
Toplu blog backlink olayından uzak durunuz.
Doğal yollarla bağlantı edinmeyi tercih ediniz.
Sosyal medya ağlarını aktif olarak kullanınız.
Ziyaretçiyi uzun süre sitede tutacak bağlantıları ve içerikleri paylaşınız.
Yukarıda maddeler halinde açıkladığımız durumları şimdi tek tek ayrıntılı olarak açıklamak istiyorum.
- Herkesin bağlantısını ekleyebildiği yerlerden kaçının;
Bu konuya en iyi örnek kuşkusuz blog backlink olayıdır. Geçmiş dönemlerde program aracılığıyla toplu olarak eklenebilen en basit ve en etkili yöntemdi. Google arama motorunu çok çabuk kandırabiliyordunuz ve direk ilk sayfada yer alabiliyordunuz. Günümüzde uygunlandığı gün spam site olarak cezalandırılırsınız.
- Footer backlink kesinlikle ve kesinlikle almayınız;
Web sayfalarının footer yani en alt kısmından alınan bağlantı çeşididir. Bu bağlantı çeşidi son algoritma değişikliğiyle zarar veren en ciddi backlink kaynağı olmuştur. Sebebi ise bağlantı almış olduğunuz sitenin tüm sayfalarından backlink almanızdır. Alakalı alakasız tüm sayfalardan bağlantı almanız sizin sitenizi çok zor duruma sokacaktır. Hele hele index konusunda zayıf olan siteler kesinlikle çok erken zarar görmektedirler.
- Hacklink kesinlikle almayınız;
Ha birisinin ekmeğini çalmışsın ha hacklink eklemişsin. Bunu yapan insanları anlayamıyorum. Tek dedikleri cümle de şu; bir sitenin açığı var ise eklerim. Açık bırakmasınlar, aslında onlara iyilik yapıyorum. Evet onlara iyilik kendine kötülük yapıyorsun. Bu dünyanın öbür tarafı da var. Neyse ki google bunun da önlemini aldı. Hacklink olayını %95 bitirdi diyebiliriz.
- Sosyal imlemeyi direkt olarak web sitenize almayınız;
Yine uygulandığında çok büyük faydası olan bir bağlantı çeşidi. Sosyal imleme de uygulandığında anlık etkisini en çabuk gösteren bağlantı çeşitleri arasındaydı. Günümüzde google bu uygulamayı sevmez oldu. Çünkü ortalama ziyaretçi süresini aşırı derecede düşürmektedir. Eklediğiniz her imleme sitesi size otomatik olarak bot gönderiyor. Bu bot çok kısa süre sitenizi ziyaret edip çıkıyor ve ortalama ziyaretçi süreniz otomatik olarak düşüşe geçiyor. Direk domaine uygulamak yerine almış olduğunuz tanıtım yazılarına, url kısaltmalarınıza uygulamanız daha sağlıklı ve faydalı olacaktır.
- Aynı makaleyi onlarca siteye gönderip web sitenize bağlantı sağlamayınız;
Günümüzde ayrı bir moda olayı da aynı makalenin yüzlerce siteye gönderilmesidir. Google artık eskisi gibi değil, çok akıllı bir arama motoru. Bu tür paylaşımları çok iyi analiz edebilen botlara sahip. Siz siz olun kesinlikle bir makaleyi 10 siteden fazla yerde paylaşmayın. Paylaşırken de kaynak gösterin. Kaynak göstermeniz zarar görmenizi engelleyecektir.
- Forum tanıtımı sitelerine toplu olarak direkt bağlantılarınızı göndermeyiniz;
Burada forum tanıtımı işi yapan arkadaşlar bizlere kızacaktır ama onları rahatsız edecek bir olay yok burada. Forum tanıtımı hizmeti alırken direkt bağlantınızı kullanmak yerine goo.gl ya da diğer kısaltma servislerini kullanarak bağlantılarınızı paylaşmanız fayda sağlayacaktır. Aksi taktirde aynı anda 100 foruma web sitenizin bağlantısını aynı makale de göndermeniz çok büyük risk içermektedir.
- Toplu blog backlink olayından uzak durunuz;
Blog sitelerine aynı anda yüzlerce yorum bırakıp kesinlikle bağlantı alma olayına girmeyiniz. Sitenizi kurtarmak çok zordur.
- Doğal yollarla bağlantı edinmeyi tercih ediniz;
Doğal yollarda edinen backlink kaynakları inanılmaz oranda fayda sağlar. Mesela bir birey sizin içeriğinizi beğendi ve web sayfasında kaynak göstererek paylaştı. Paylaşmasının neticesinde almış olduğunuz trafikle doğal backlink elde etmiş olursunuz.
- Sosyal medya ağlarını aktif olarak kullanınız;
Sosyal medya sitelerinin aktif olarak kullanılması web sitenize çok büyük fayda sağlar. Sosyal medyayı facebook, twitter, google plus sitelerinden ibaret düşünmeyin. Bir çok sosyal medya platformu vardır. Örneğin; flickr, vimeo, behance, linkedin gibi sosyal ağlarıda kullanmanız çok büyük fayda sağlar. Tabi buralara bağlantıyı ekleyip beklemekte doğru olmaz. Önemli olan eklediğiniz bağlantılar üzerinden trafik almanız ve gelen ziyaretçilerin sitenizde uzun süre kalıcı olmasını sağlamaktır.
- Ziyaretçiyi uzun süre sitede tutacak bağlantıları ve içerikleri paylaşınız;
Web sitenize gelen ziyaretçilerin hemen çıkması çok büyük sıkıntı teşkil eder. Google bunu bu sitede ziyaretçiyi tutan hiç bir şey yok, ziyaretçi sevmemiş ben neden seveyim olarak algılar. Kullanıcıları sitede tutacak içerik paylaşınız. 

Youtube’dan İndir Butonu

Untitled-1

Youtube üzerinden izlediğimiz bazı videoları indirmek istediğimiz zaman, bir çok farklı program ve site aracılığı ile türlü uğraşlar gerektiren bir işlem uyguluyorduk. Youtube teknik ekibi bu durumu geçte olsa fark etmiş olacak ki videoların indirilmesine izin verip, video altına indir butonu eklemiş.

Bende bu durumu görür görmez sizlerle paylaşmak ve sizleri bilgilendirmek istedim. Aşağıdaki resimde de görebileceğiniz gibi, buton açılır halde eklenmiş. Yani birden çok formatta indirebiliyoruz videoları. Başta 3GP,FLV ve MP4 olmak üzere, videoları bir kaç ayrı formatta indirmemize imkan sağlıyor.

Gerçekten şuana kadar yapılmış olması gereken bir olaydı bu. Youtube yetkilileri ve teknik ekibi olaya, biz kullanıcılar tarafından bakmayı başaramadığı için bu tür yeniliklere alışkın değiliz. Artık Youtube üzerinden video indirmek için aracı programlara ve sitelere gerek kalmadı. Güzel bir uygulama olmuş.

 

18 Aralık 2013 Çarşamba

WebKurnaz WordPress Blog Teması v2



Merhaba,

WebKurnaz v2 WordPress Blog temasını ücretsiz sizlere sunuyoruz, Tamamen SEOLU bir temadır. Oldukça hızlı ve sade bir tema oldu.

Açıkçası blogu olanlar için böyle bir tema pek piyasada görülmez. Blogger içinde yakında entegre edilecektir.

Yeni temalarda yakında sizlerle olacaktır.

Özellikler;

  • Muhteşem görünümlü Tema Paneli

  • Sponsor Alanları Tema Panelinden Yönetilir

  • Reklam Alanları Tema Panelinden Yönetilir

  • Sosyal Medya Profil Alanları Tema Panelinden Yönetilir

  • Yan Kısımda Yeni Resimli Yazılar Özelliği


Demo: WordPress WebKurnaz Temaları | Bir başka WordPress sitesi

İndir: http://www.webkurnaz.net/dosyalar/we...-v2-temasi.zip

Şimdiden kullanacaklara hayırlı olsun umarım siteleriniz bu tema ile üst sıralara çıkar.




Resmi Orjinal Boyutta Görmek için Tıklayınız..


16 Aralık 2013 Pazartesi

iFashion Theme

http://nactumu.net/wp-content/uploads/2012/04/ifashion-blogger-tema.png

Önizleme: Live Demo of iFashion Blogger Template | Premium Blogger Templates|Blogspot Themes

İndir: http://nactumu.net/wp-content/upload...r-Template.zip

Css Sprite ile Blog Açılış Hızını Arttıralım



Öncelikle konu alıntı değildir,bizzat tarafımca hazırlanmıştır.Nedense bu konuda işbilir arkadaşlar çok ticari düşündükleri için hayrına paylaşan olmamış.O nedenle bu işi ben üstlenmiş bulundum.Aslında bu kadar blogger ipuçları paylaşan arkadaş varken bu işin benim gibi sinema blogu yazarı birine kalması biraz garip.

Css Sprite tekniği nedir ?

Css Sprite tekniği ile blog sitenizdeki resimler tek kaynakta birleştirilerek,site açılışı esnasında pek çok resmi ayrı ayrı çağırmak yerine tek kaynaktan resimler istendiği için fark edilir derecede hız artışı sağlanır.Bu konuda google örnek gösterilebilir.




Şimdi demo bir blog üzerinden resimli anlatıma geçeyim.Adım adım yapmanız gerekenler;
1)GTmetrix | Website Speed and Performance Optimization sitesine giderek site açılış hızımızı hesaplatıyoruz.Kısa bir tarama sürecinin ardından değerler ekrana yansıyor.



2)Kırmızı çerçeve içerisine aldığım Combine images using css sprites bölümünü genişletiyoruz.Altta listelenen linklerdeki resimleri birleştirerek site açılış hızımızı arttıracağız.Şimdi sırasıyla linkleri yeni sekmelerde açarak,resimleri masaüstünde oluşturduğunuz bir klasörün içerisine toplayın.



)Az önce resimleri indirerek bir klasör içerisine toplamıştık.(temsili olarak anlatımın kısa sürmesi için bir kısmını indirip klasörde topladım.)



4)Şimdi CSS Sprites - Online CSS Sprite Builder / Generator sitesine gidiyoruz.Browse bölümünden resimleri topladığımız klasörü gösteriyoruz.Klasör içerisindeki tüm resimleri seçtikten sonra (Ctrl+A) altta bulunan Create Css Sprite butonu ile kodlar üretiliyor.



5)Bu adım önemli !



a)Resimde 1 numara ile işaretlediğim css sprite ile üretilen png uzantılı resmi,masaüstümüze farklı kaydedip ardından hostumuza upload ediyoruz.(Blogger kullananlar için picassa web albümü gibi)
b)2 numara ile işaretlediğim kısımdaki css kodlarını blog şablonumuzdaki ]]></b:skin> kodunun hemen üzerine ekliyoruz.Şöyle bir görüntü oluşacak;


Kod:
.sprites { 
background-image : url(https://lh4.googleusercontent.com/-PfL_Ht8w5a0/T4LpfTuAkuI/AAAAAAAAFZc/6c1av6IOPaY/s125/sprites.png);
background-color : transparent;
background-repeat : no-repeat;
display:inline-block;

}

#postauthoriconffy_png {
height : 25px;
width : 25px;
background-position : -0px -0px;
}

#postcommentsiconam_png {
height : 25px;
width : 25px;
background-position : -25px -0px;
}

#postdateicongc_png {
height : 25px;
width : 25px;
background-position : -50px -0px;
}

#posttagiconcv_png {
height : 25px;
width : 25px;
background-position : -75px -0px;
}

#postheadericonuw_png {
height : 25px;
width : 25px;
background-position : -100px -0px;
}
]]></b:skin>
Burada dikkat etmeniz gereken kırmızı ile belirtilen (/your/image/url.png)bölümünü hostunuza yüklediğiniz png resmin url si ile değiştirmek olmalı.İkincisi ise display:inline-block; kodunu eklemek.
c)3 numaralı kısımdaki div class html kodlarını ise şu şekilde blog şablonumuza ekliyoruz.Örneğin birinci kod için Ctrl+F yardımı ile postheadericonuw kelimesini arıyoruz;(siz tabii kendi resimlerinizin adı ile arama yapacaksınız)
Mesela şablonumuz içerisinde(Widget şablonlarını genişleterek) şu şekilde bulmuş olalım.
Kod:
<data:post.timestamp/> | <img src="http://img600.imageshack.us/img600/7413/postheadericonuw.png" width="32" height="32" alt="" />
<data:authorLabel/> <data:post.author/>
Şimdi kırmızı olarak işaretlediğim bölümü,üstteki resimde 3 nolu bölümde yer alan div class html kodlarından eşi ile değiştiriyoruz.

Kod:
<div class="sprites" id="postheadericonuw_png"></div>
Sonuç olarak şöyle bir görüntü oluşacak;

Kod:
<data:post.timestamp/> | <div class="sprites" id="postheadericonuw_png"></div>
<data:authorLabel/> <data:post.author/>
Bu işlemi css sprite ile üretilen tüm html kodlarını ekleyene dek sürdürüyoruz.Mantık hep aynı.Resmin adını şablon içerisinde aratıp,sonrasında div class etiketleri ile değiştiriyoruz.Kısaca sadece resmin kaynağını değiştirmiş oluyoruz.

Sonuç; yeniden GTmetrix | Website Speed and Performance Optimization sitesini ziyaret edip site hızımızı hesaplatıyoruz.



Bazı sorular ve cevapları;

1)Css sprite yöntemi ile tahmini olarak site hızım ne kadar artar?

Sitenizdeki resim optimizasyonuna göre %3-5 arasında bir artış sağlanabilir.

2)Css sprite ile sitemdeki tüm resimleri tek resim haline getirsem olur mu?

Öncelikli tavsiyem sadece google pagespeed ve gtmetrix hız hesaplaması sonrasında tavsiye edilen resimleri birleştirmenizdir.Temanızdaki tüm resimleri birleştirmeniz hem zahmetlidir hem de site tasarımınızda sorunlara yol açabilir.Bunun sebebi ise çoğumuzun kullandığı hazır olarak indirilmiş custom temalardır.Resimleri birleştiriyim derken bu sefer de kullanılmayan css miktarını arttımış olursunuz.(radius,border vs ..)Yani hız olarak verimli değildir.
Ancak kendi temalarını tasarlayan birisi tüm resimleri css sprite ile birleştirip kullanıma sunabilir.Zaten geçen gün tema sitesi açmayı düşünen bi arkadaşa da bunu önermiştim.

3)Sadece blogger için mi?wordpress de kullanılabilir mi?

Anlatım sadece blogger platformu içindir.Wordpress'e hakim değilim o nedenle yardımcı olamayacağım.

4)Css sprite ile yaptığımız işlemin mantığı nedir?

Css Sprite ile sitemizdeki farklı resimleri tek kaynak üzerinde birleştirerek açılış esnasında ayrı ayrı resimlerin yüklenmesi yerine,tek kaynaktan birleştirilmiş resmin yüklenmesini sağlamış oluruz.Bu sayede site açılış hızımızda gözlenir bir artış gerçekleşir.İşin anatomisi;

--------------------------------------------------------------------------
Mesajdaki bilgiler işinize yaradıysa,(ki doğru yaptıysanız mutlaka yarayacak)destek olmak için sinema blog sitemi (After Dark Horror Movies) friend connect yoluyla ya da sosyal paylaşım butonları ile imlerseniz sevinirim.Zamanla yine blogger ipuçları ağırlıklı sitelerde nadiren bulabileceğiniz,faydalı css ağırlıklı paylaşımlar yapacağım.

WordPress tarzında sosyal simgeler



Bildiğiniz gibi Wordpres site tasarımı ile blogger arasında çok fark olmasada baktığınızda anlaşılabilecek şekildedir Wordpres.Şimdi sizlere Wordpres'e benze sosyal paylaşım butonlarını blogger adresinize nasıl ekleyebilirsiniz onu anlatacağım.Aşağıda vermiş yazmış olduğum talimat basit ve kolay bir anlatım zaten çoğu blogger arkadaşımızda bilir.

Blogger Paneli > Yerleşim>
Gatget Ekle > HTML/Javascript.
Aşağıdaki Kodu İçersine Yerleştiriyoruz.

HTML-Kodu:
 <style>  .rss-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7jCcYGN07m06YFDDYaDGxr28fEDObn55NjtydQTa6-ffawYKXItVx-7SLAQEmEhhVEKUJqzORw5BV9TYKigmtfx_U3Z-mYHGeg4FeIGjt8EOspzsT_hBVDUfKPyg7wj9Slm91alW5Gs/s1600/rss+sepia.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 5px; }  .rss-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFXZRU2twkr4CascWqnzN8-Rbi1_umH-2fgAOx5yAPkdyQ8iN0UM2aOypw0MZ4lSCdb8bY92RojLU8tDvQTMGb-mDjxxnMB9hMhZLQ9Uz4O8fosVdwBND5yCGTCOe5EXhlVBrgj-wti7E/s1600/rss.png) no-repeat; }  .twitter-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtimMs2p0FKMeFoAn3gIeaJnSYoTa3aOuD82Q5Gji4SDrfsrmlx3gMn91VWRJQmG6y9wJIBYzb0sl8TX6_zHFFhYhmLE22pHNHLMWVczukzWW2ty4agf-LBm8YSJVFQWE5_AW9ihiFfPk/s1600/twitter.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 10px; }  .twitter-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF-KSAiQ0YIMbOQ3Og1RVsrVPMRcqYWkWLUDkn5apghAPYoiR7pxiDoBNdapD8KJ-FRj5WaHD-ewZZ5eyWhUzP-N1Je1FxbI8mF3wjjEiRBZVb0JV_1aM3okSckeAZ4dSPo1ZYh6RAexY/s1600/twitter.png) no-repeat; }  .facebook-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicbKdNco793swo2y6w5HoqE-9IekUbdJCgmRKHX_kB7RpRFpgW6JdFAouHEGh2RQnVpcGigzbLvKaYFKcFm0wtpjLbfVPSsee9G2uZNjSqbUN3XtRaAPk0uHkL2Tz_MIWorgrEgIiVv5k/s1600/fb+sepia.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 10px; }  .facebook-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLxKJyOertrotT67tAUJ0XQpSy67tp65JaBA1Gt8eWBn9z4o8BhpOpLTK5jDWDK3LN6M6ARu87Mlh7pgDmQhqH06APAUi7ILqqSPQPJmxM-q9PY8soxfj3BhMLm8IG_AJNk7iQgaJWO4g/s1600/facebook-logo.png) no-repeat; }  .follower-rss, .follower-twitter, .follower-facebook {     font-family: Georgia,  sans-serif, Times;     font-size: 1.5em;     font-style: italic;     color: #D3C5B1;     padding-top: 05px;     text-shadow: 1px 1px #B2A99D; }  .follower-rss a, .follower-twitter a, .follower-facebook a {     color: #AA9C89; }  .follower-rss span {     font-size: 2.2em;     font-weight: bold;     font-style: italic; }  .follower-twitter span {     font-size: 1.9em;     font-weight: bold;     font-style: italic; }  .follower-facebook span {     font-size: 1.9em;     font-weight: bold;     font-style: italic; }   </style>   <div class='rss-hb'>     <div class='follower-rss'>         <span>             <a href='http://feeds.feedburner.com/nuri-ozdogan'>33</a>        </span>loyal readers</div> </div> <div class='twitter-hb'>     <div class='follower-twitter'>         <span>             <a href='http://twitter.com/nuri-ozdogan' rel="nofollow">270</a>        </span>followers</div> </div> <div class='facebook-hb'>     <div class='follower-facebook'>         <span>             <a href='http://www.facebook.com/nuri-ozdogan'>63</a>        </span>fans</div> </div> 
Değiştirmeniz gereken yerler aşağıda gösterilmektedir.


Feedburner http://feeds.feedburner.com/nuri-ozdogan URL yaz ve değiştir 33 sayısı ile RSS susbscribers düzenle.


Twitter http://twitter.com/nuri-ozdogan yerine twitter URL adresini yaz ve değiştir 270sayısı takipçileri düzenle.


Facebook http://www.facebook.com/nuri-ozdogan kendi URL adresinizi 63sayısı ile hayranlarını düzenle.

Blog nedir?



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png




















Blog, genellikle güncelden eskiye doğru sıralanmış yazı ve yorumların yayınlandığı, web tabanlı bir yayını belirtir. Çoğunlukla her gönderinin sonunda yazarın adı ve gönderi zamanı belirtilir. Yayıncının seçimine göre okuyucular yazılara yorum yapılabilir. Yorumlar, blog kültürünün çok önemli bir dinamiğidir; bu sayede yazar ve okuyucular arasında iletişim sağlanır. Bunun dışında, geri izleme (trackback) mekanizmasıyla, belirli bir yazı hakkında yazılan diğer yazıların belirlenebilmesi de mümkündür.

İlk bloglar elle yazılıp güncellenirken, bugün bu iş için özel yazılmış yazılımlar kullanılmaktadır. Bu yazılımlardan bazıları bir blog servisi sağlayıcı sitenin alt alan adları olarak yaratılabilen, bazıları ise kullanıcının kendi sunucusuna kurup çalıştırması gereken yazılımlardır.

Blogger Otomatik Devamını Oku Eklentisi


Blogger'ın normalde bu özelliği var. Bazı blogcular bu özelliği sonradan öğrendiğinde "Ne her yazıya tek tek 'more'ye tıklayıp keseceğim mi ?" der. Bunun daha kolay bir yolu vardır. İşte şimdi size bu eklentiyi anlatacağım.

Blogger hesabımıza giriş yaptıktan sonra Tasarım > HTML'yi Düzenle kısmına gelip Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz.

Şimdi kodlarımızı ekleyelim.

CTRL + F yaparak kod penceremizden </head> etiketini buluyoruz. Hemen sonrasında aşağıdaki kodu, bulduğumuz </head> kodunun üst kısmına yerleştiriyoruz.

Alıntı:
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail
summary_noimg = 430; //summary length when no image
summary_img = 340; //summary length when with image
img_thumb_height = 200;
img_thumb_width = 200;
</script>
<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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script End -->
Bu kısmı hallettikten sonra </head> kodunu bulurken yaptığımız işlemi <dataost.body/> için yapıyoruz. Daha sonra bulduğumuz kodu seçerek aşağıdaki kodu yerine yapıştırıyoruz.

Alıntı:
<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<dataost.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<dataost.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + dataost.id'><dataost.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<dataost.id/>&quot;);
</script>
<a class='more' expr:href='dataost.url'>Read more ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->
Kodumuzu kendimize göre düzenleyelim:

thumbnail_mode: Temamıza eklediğimiz kodlar içerisindeki bu kod, yazıyı kestikten sonra küçük resim koyma yada koymama seçeneğini bize sunuyor. Eğer "yes" dersek küçük resim görünür, "no" dersek görünmez.

summary_img: Resim olursa, kaç karakter yazı göstermek istediğimizi giriyoruz. Yukardaki kodda yanında değer var o kısım karakter sayısıdır.

summary_noimg: Yukardaki işlemin aynısı fakat bunda resim yok. O yüzden karakter sayısını yukardakinden fazla girmemizde fayda var.

img_thumb_height ve img_thumb_width: Yazıyı kestikten sonra oluşan küçük resimin hangi boyutlarda küçülmesini istiyorsanız yanındaki değerleri onunla değiştirin. Sadece birini değiştirirseniz diğeri ona göre oranlanır.

Read more ...: Kodumuzun içindeki bu yazı da, yazıyı kestikten sonra ardına eklenecek kelimedir. "Devamını Gör", "Devamını Oku" gibi değiştirebilirsiniz.

Blogger Seo Ayarları

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png

Bildiğiniz gibi SEO (Arama Motoru Optimasyonu) siteniz için en önemli etkenlerden biridir. Sitemizin SEO ayarlarını yaptığımızda Arama Motorlarında üst sıralarda çıkma şansımız bir hayli artıyor. Blogger kullanıcılar için de SEO ayarları mevcut tabi ki. İşte Blogger Seo Ayarları:

Blogger Kumanda paneli '>> Ayarlar '>> Arama tercihleri yolunu takip ederek ulaşabileceğiniz sayfada arama motorlarına yönelik yapabileceğiniz tüm tercihler bir araya toplanmış.



"Meta etiketler" olarak adlandırılan bu bölümü arama motorlarına blog'unuz hakkında daha fazla bilgi vermek için kullanabilirsiniz, bu bölüme blog'unuz hakkında bir açıklama yazarak arama motorlarına tanıtabilirsiniz.

Daha önce her hangi bir sayfa bulunamadığı zaman blogger'ın 404 sayfalarına yönlendirilirken şimdi her hangi bir yazınız bulunamadığı zaman buraya gireceğiniz içerik gösterilecek.

"Özel yönlendirmeler" adı verilen bu sekmede daha önce Google veya diğer arama motorlarında indexlenen sayfalarınızı silmek yerine istediğiniz her hangi bir sayfaya veya içeriğinize yönlendirmek için kullanabilirsiniz.

"Özel robot.txt" arama motorları tarafından önbelleğe alınmasını yani indexlenmesini istemediğiniz içeriğiniz için kullanabilirsiniz.

Özel robot başlık etiketleri arama motorlarının tanıdığı etiketleri tanımlar, bu etiketleri kullanarak arama sonuçları için blog'unuzu daha iyi optimize edebilirsiniz.

İçeriğinizi arama motorlarına tanıtmak için açıklamalar oluşturun.

Daha önce blog'unuzu arama motorlarına tanıtmak için açıklama girebileceğiniz bir bölüm bulunuyordu fakat şimdi eklenen, bu yeni özellik sayesinde tüm makaleleriniz için farklı açıklamalar girebilirsiniz.



Bu özelliği etkinleştirmek için düzenle yazan bağlantıya tıkladıktan sonra açılan bölümde "evet" diye işaretledikten sonra, blog'unuzun hakkında bir açıklama girin.



Daha sonra yazı paneline yeni bir yazı yazmak için açtığınızda sağda bulunan araçlara eklenen "arama açıklaması" yazan bölüme tıkladığınızda yazınızla ilgili bir açıklama girebilirsiniz.

Sayfa bulunamadı (404) özelliği için kendi mesajınızı yazın

Daha önce aradığınız bir sayfa veya yazı blog'ta bulunmuyorsa otomatik olarak Blogger'ın 404 sayfalarına yönlendiriliyordu, bu yeni özellik sayesinde blog ziyaretçileriniz aradıkları sayfaları bulamadıkları zaman sizin yazacağınız bir mesajı veya hazırladığınız bir görseli görüntülemesini sağlayabilirsiniz.


hatalar - yönlendirmeler

Hatalar ve yönlendirmeler bölümünde 10 karaktere kadar, sayfa bulunamadı gibi bir mesaj girebileceğiniz gibi daha yaratıcı mesajlar için bir görsel de kullanabilirsiniz.

Eskiyen içeriğiniz için Yönlendirme sayfalarını kullanın.

Diyelim ki daha önce yayınladığınız bir yazınız eskidi ve bu yazıyı arama motorlarında indexlenmiş olduğu için silmek istemiyorsunuz, işte bu durumda bu yazınızı, yeni içeriğinize veya açıklama yaptığınız her hangi bir sayfaya yönlendirebilirsiniz.

Yönlendirmek istediğiniz sayfanın bağlantısını (blog'unuzun ana sayfasının linki olmadan) ilk satıra yazıyorsunuz (Kaynak), bu sayfaya girildiğinde otomatik olarak yönlendirilmesini istediğiniz sayfanın bağlantısını da ikinci satıra (Hedef) yazıyorsunuz.


Görsellerinizi kolayca SEO'ya uygun şekilde optimize edin.

Henüz duyurulmamasına karşın yayın paneline eklenen 2 yeni özellik daha bulunuyor, kısaca size bunlardan da bahsetmek istiyorum, bu özelliklerden ilki yazı panelinde HTML kodlarını açmanıza gerek kalmadan, "title" ve "alt" değerlerini girebilmeniz. Görsellerinize kolayca bir açıklama girebilmek için eklediğiniz görsele tıkladıktan sonra açılan pencerede "Properties" yazan bağlantıya tıklayın.

Açılan pop up pencerede "TITLE text" yazan kısma görselin adını, "ALT Text" yazan kısma da görselin açıklamasını yazabilirsiniz. Bu sayede ziyaretçi sayınızı artırmak için Google Görsel aramada daha üstlerde çıkma şansınız yükselir.

Bağlantılar için "nofollow" özelliği.

Yeni yayın düzenleyicisine eklenen diğer özellik de "nofollow" özelliği, bu özellik sayesinde başka sitelere verdiğiniz bağlantıların arama motorları tarafından takip edilmesini engelleyebilirsiniz. Bu özelliği de diyelim ki yazınızla ilgisiz bir siteye bağlantı vermek zorunda kalıyorsunuz bu durumda bu özelliği kullanabilirsiniz.


Farenizin imleciyle bağlantılarınızın üzerine geldiğinizde açılan pencerede bağlantı tercihlerinizi kolayca ayarlayabilirsiniz.

ROBOT.TXT ile SEO için daha fazla hakimiyet.

Genellikle ücretli hostlarda kullanabileceğiniz bu özellik sayesinde arama motoru optimizasyonu için daha fazla hakimiyet sağlasa da, bu bölümde bulunan etiketler ve terimler hakkında fazla bilginiz yoksa olduğu gibi bırakmanız daha doğru olacaktır.

Konuyu Begenirseniz Sevinirim Güncel Tutalım Arkadaşlar Bilmeyenler Yararlansınlar

Blogger Robot.txt ayarları

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png

Merhaba arkadaşlar bügün sizlere Blogger'da Robost.txt'yi arama motoru dostu yapmayı göstereceğim. Arama motoru dostu derken bot siteye girdiğin de bakacak bu site benim indexlememi istiyor diye düşünecek.Bu küçük bir kod topluluğuyla yapacağız. Bu kodları bende sitemde kullanmaktayım (Mega-site of Bible studies & information) . Ayrıca arama motorunun cabuk gelmesini istiyorsanız sitenizi pingleyiniz . Kodlarda yazan site adresiniz yazan yeri değiştirmeyi unutmayın.

kod:


User-agent: Mediapartners-Google
User-agent: *
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /
Sitemap:Site Adresiniz



User-agent: Yandex
Disallow: /
Disallow: /search?q=*
Disallow: /*?updated-max=*
Allow: /
Sitemap:Site Adresiniz

Blogunuzun İndex Almasını Engelleyin

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png

Blogger hesabınıza giriş yapın.
Ayarlar >> Temel >> Gizlilik kısmına girin .
Burada ; Blogun indexlensin mi indexlenmesin mi diye 2 seçenek vardır. Seçenekleri Hayır olarak işaretliyelim



Arama motorları sitenize ziyaret edicektir ama robot.txt sitenizin(blogunuzun) indexlenmesine izin vermicektir.

Blogger Sayfada Aşağı inince Açılan Paylaş Eklentisi



Sayfada Aşağı inince Açılan Paylaş Eklentisi


Blogger için , ziyaretçileriniz sayfada biraz aşağı inince açılan paylaş eklentisi istermisiniz ?


Bu eklentimizde , Twitter paylaş butonu , facebook paylaş butonu vb.. butonlar yer alacak , böylelikle ziyaretçileriniz yazlarınızı rahatlıkla paylaşabilecek..

Anlatıma geçelim..

Aşağıdaki kodumuzu bulalım..
Kod:
</head>



Bu kodumuzun üstüne , aşağıdaki kodlarımızı ekleyelim..
Kod:
<script type="text/javascript"> var addthis_config = { bar_show_below : 150 } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>


Şimdide bu kodumuzu bulalım..
Kod:
</body>

Bu kodumuzun da üstüne , aşağıdaki kodlarımızı ekleyelim..
Kod:
<div class="addthis_bar addthis_bar_medium"> <label>Share This Page:</label> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <span><a class="addthis_button_preferred_1"></a></span> <span><a class="addthis_button_preferred_2"></a></span> <span><a class="addthis_button_preferred_3"></a></span> <span><a class="addthis_button_preferred_4"></a></span> <span><a class="addthis_button_compact"></a></span> <span><a class="addthis_counter addthis_bubble_style"></a></span> </div> </div>


Artık Sayfada Aşağı inince Açılan Paylaş Eklentisine sahipsiniz, güle güle kullanın..

Blog Pingleme Siteleri

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png

Peki tam olarak ne ping nedir?

Herkes Bloglarının Hızlı indexlenip Google'de Yer Almasını İstiyor Ancak Bunu Olması İçin Bir Kaç Yöntem var.Ping aslında bir bilgi kümesi gibidir ve blogunuzu günceller bu şekilde + Google gibi + Arama motorları bilgi istediğinizde bu yararlıdır. Sitenizin daha hızlı indek alabilmesi için bu çok önemlidir, SEO'suz Bir blog düşünemiyorum , Size ping sitelerinizi 2 günde bir kulanmanızı tavsiye ediyorum.Ayrıca ping içerik yeni ve taze ne olduğunu görmek için + Google-örümcek-botlar ve diğer arama motoru botlarını sitenize gönderebilirsiniz.Listede Belirteceğim SitelerdeAsla Spam Yoktur.

TOTALPİNG

Blogunuza adı ve blog bağlantı girin çok basit bir ping sitesi ve birkaç arama motorları ve diğer blog beslemeleri için ping olacaktır. Ayrıca, blogunuz için bir + RSS varsa, bu artırmaktadır bilenen bağlantıları alma şansı artacaktır, böylece daha fazla index alın.

TotalPing.com

PİNGFARM

Aynı anda ve anahtar kelimeler çeşitli bağlantılar girmek için izin verir. + Pingfarm Bence oldukça yararlı ping sitesidir.Oldukça basittir ve çok karmaşık değildir.

PingFarm | FREE Mass Ping Site To Ping Your URLs For More Backlinks

BULKPİNG

Bu ping sitesine sınırsız miktarda pingletilecek site adresi girebilirsiniz.

Free Mass Ping Unlimited Websites or Blogs or RSS on BulkPing.com


PİNG.in

Ping.in oldukca basittir, kendisine bağlantılarınızı rahatlıkla pingletebilirsiniz. Arama Motorları ve blog dizinleri TÜM Seçenekleri vardır.


Blog and ping , Blog ping , ping , Blog Search , Speed Test , Rank


PİNGATES

Pingates +40 Arama Moturuna Pingleme İşlemi Yapar.

Blog pinger - Free Blog ping service - Ping Google, Yahoo, and 40 more web services


FEEDSHARK

Benim çok Yararli bulduğum ping sitelerinden Biri. Popüler blog dizinleri ve Arama motorlarına ping gönderir, Feedshark Hızlı Bir bağlantınız Varsa, Hızlı ve verimli bir sekilde ping Bitmiş Olur Ayrıca Turbo modu vardir.

www.feedshark.brainbliss.com

PİNGMYBLOG

Bu Ping Sitesi Profesyonel Bir Arayüze Sahiptir ve O kadarda Sağlam Ping Sistemine

Account Suspended

BLOGPİNGTOOL

Blog-ping Aracı yukarıda bahsettiğim Birkac ping siteleri aynıdır +40 Hizmete ping gönderir, AMA genel grafik Olarak, pingler. ve Daha Fazlası ...

Ping your blog, website, or RSS feed for Free - Blog Ping Tool

PİNGLER (Kesinlikle Tavsiye Ediyorum)


Arama Motorları ve Diğer blog dizinleri sitenizi pratik,hızlı ve sağlam şekilde pingler Çunku Bu Bir Numaralı ping sitesidir.

www.pingler.com

Blogger Dinamik Resim Eklentisi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLNy1RrPrgWe5eQ1hg0vn9FY0DnZ7x4jCqYr62uPOc80XFupa8noq0g1NQ0fAeJbMjlxMxS7PEcK95cg2FCP-PwBQAdeaktXDb56gw7tC6ZhKtQkzj_MIdqo8WlCOuCvUSJgwNTX7D-uGx/s1600/blogger-logo.png

Blogunuza dinamik bir resim eklentisi istermisiniz ?

Bu eklentimiz , fare ile resim üzerine gelindiğinde resmi bir miktar yatırır , oldukça güzel bir eklenti olduğunu düşündümüz dinamik resim efektini sizde blogunuzda kullanabilirsiniz..

öncelikle blogunuzda aşağıda kodu buluyorsunuz.
Kod:
]=]=></b:skin>


yukarıdaki kodun hemen üstüne bu kodu yapıştırıyoruz
Kod:
]=]=>.post img {-webkit-transition:  -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform:  rotate(+2deg);-moz-transform: rotate(+2deg);}


.post img:hover {-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5

Blogger Nedir?


Blogger, ücretsiz olarak blog sahibi olmanızı sağlayan servislerden birisidir. Google’ın sahip olduğu bir hizmet olan Blogger’a kayıt olduğunuzda .blogspot.com uzantılı bir blogunuz olur. Biz kayıt olduk ve degnekcom.blogspot.com adlı bir blog aldık. Siz de istediğiniz bir adı, eğer daha önceden alınmamışsa, blog olarak alabilirsiniz.Başta da söylediğim gibi Blogger’ın arkasındaki Google desteği şüphesiz onu blog servisleri arasında en iyilerden biri yapıyor. Blogger’dan aldığınız bir blogu yönetmek de oldukça kolay.Panelinizden basit bir şekilde yazınızı ekleyip hemen yayınlayabiliyorsunuz. Ayrıca blogunuz için hazır temalardan birini seçebiliyor veya başkaları tarafından kodlanmış temaları blogunuz için yükleyebiliyorsunuz.Tüm Google hizmetlerinde tek bir hesap üzerinden kayıt olunabildiği gibi Blogger için de bu geçerli. Bir gmail hesabınız var ise eğer hemen Blogger.com adresinden blogunuzu alabilir, gmail hesabınız yoksa da hemen Google’a kayıt olarak başlayabilirsiniz.