Biliyorsunuz ki Google, internet kullanıcılarının güvenliği açısından artık, internet sitelerinin bir SSL sertifikasına sahip olmasını istiyor. Kısacası, SSL sertifikasına sahip olmak demek, internet sitenizin Google'daki yerinizi belirleme konusunda bile artık etkili.

Her zaman kolay kullanımdan ve sadelikten yana olan Google'ın, Blogger platformu kullanıcılarına bir güzellik yaparak, sadece 2 adımda sitenizi SSL sertifika sahibi yapıyor. Üstelik tamamiyle ücretsiz bir şekilde.

 Bunun için şu görseli incelemeniz yeterli olacaktır. (Görsele tıklayarak büyütebilirsiniz.)


Görselden de göreceğiniz üzere, Blogger'e giriş yaptıktan sonra "Ayarlar -> Temel" kısmına girerek "HTTPS" ayarlarınızı aktif edebilirsiniz. HTTPS ayarlarınızı aktif ettikten 24 saat sonra siteniz artık tamamen HTTPS sertifikasına sahip olacaktır.

Önemli Bir Uyarı!
HTTPS'e geçiş yaptıktan sonra dikkat etmeniz gereken en önemli husus, sitenizde yer alan tüm görsel linklerinin de "https" ile başlaması gerektiğidir. Çünkü "HTTPS" sertifikasına sahip olmak, sitedeki tüm linklerin de "https" olması gerekliliğini doğurur. Aksi takdirde sitenizdeki görseller gözükmeyecektir. Öte yandan internet tarayıcılarında da güvenlilik işaret olan "kilit işareti" de gözükmeyecektir. Bunun için görselleri tekrardan yüklemenize kesinlikle gerek yok. Tek yapmanız gereken şey, Blogger'e yüklediğiniz görselin linklerinden "http" olanları "https" olarak değiştirminiz yeterli olacaktır.

Konuyla ilgili benim bahsedeceklerim bu kadar. Aklınızı takılan herhangi bir soru, görüş veya önerileriniz varsa eğer, aşağıdaki yorum formu aracılığıyla yazabilirsiniz. Kolay gelsin dostlar.
Yazının devamını oku
Adblock, internet sitelerindeki rahatsız edici reklamları engellemek için tarayıcılarda kullanılan bir eklentidir. Ciddi anlamda rahatsız edici reklamlara sahip internet sitelerinde hayat kurtarıcı derecede faydalı bir eklenti olduğunu söyleyebiliriz. Ne var ki, kurunun yanında da yaş da yanmıyor değil.

Adblock gibi reklam engelleyici eklentilerinin kullanımı artış gösterdikçe, bu durum, son derece makul seviyelerde reklam yayınlayan (kullanıcıları rahatsız etmeyecek türden reklamlara sahip), internet sitesi sahiplerini olumsuz etkiledi. Site içi reklam görüntüleme oranları birkaç yıl önceye oranla neredeyse %50 düştü diyebiliriz. Bununla mücadele etmek isteyen internet sitesi sahipleri ise, Adblock eklentisini devre dışı bırakacak bir çözüm üzerinde yoğunlaşmaya başladılar. 
Günümüzde hemen hemen birçok internet sitesine girerken artık "Lütfen reklam engelleyicinizi devre dışı bırakın" tarzında uyarı mesajları ile karşı karşıya kalır olduk. Site saihpleri, "reklam engelleyicisinin devre dışı bırakılması koşuluyla" kullanıcıların site içeriğini görüntülemelerine izin veriyorlar. Bu mantıktan yola çıkarak, biz de bunun için ufak bir Javascript kodu yazdık.

Kodunun içeriğini anlamanız çok da gerekmiyor. Bu işlemi internet sitenize uygularken, kod bilgisi olan veya olmayan herkesin çok rahat bir şekilde anlayacağı şekilde bir anlatım hazırladık.

Öncelikli olarak sitenizde yer alan tüm reklam kodlarının başladığı yerin hemen bir satır üzerine şu kodu;



reklam kodlarının bittiği satırın hemen alt satırına ise şu kodu ekleyin.



Böylece, reklamlarımızı kendi hazırlamış olduğumuz kod bloğu içine yerleştirmiş olduk. Bu kod bloğunun içerisini, sayfa yüklendikten hemen sonra kontrol edebilmemiz için şöyle de bir Javascript koduna ihtiyacımız var :



Bu kodu sitenizde



satırının hemen üzerine ekleyebilirsiniz.

Blogger Kullanıcıları İçin

Şayet Blogger kullanıcısıysanız, Blogger kontrol panelindeki "Yerleşim > Gadget Ekle > HTML/JavaScript " adımını takip ederek, açılacak pencereye, üstteki Javascript kodunu ekleyerek kaydet yapmanız yeterli olacaktır.

Javascript Kodu Nasıl Çalışıyor?

Javascript kodu, sitenizdeki reklam alanının Adblock tarzı reklam engelleyici eklentiler tarafından devredışı bırakıp bırakılmadığını kontrol ediyor. Şayet reklam engelleyici eklenti, bu alanı devre dışı bırakmış ise, kullanıcının karşısına uyarı yazısı çıkmaktadır.

Kod son derece sade ve anlaşılabilir bir şekilde hazırlandı. Tarayıcıda çalışacak türden "Alert" mesajı vererek kullanıcıları uyarmaktadır. Alert mesajının içeriğini siz istediğiniz gibi düzenlemekte özgürsünüz. Kolay gelsin.
Yazının devamını oku
Normal şartlarda domain uzantılı bir mail adresi alabilmek Blogger kullanıcıları için pek mümkün olmuyordu. Çünkü Blogger alt yapılı sitelerde host alma, kendi hostunu kullanma vs. gibi bir olay yok. Bunun için Google, kurumsal mail adresleri verse de bunun belli bir maliyeti var. Aynı şekilde diğer hosting şirketleri de sadece, kendilerinden bir host alınması karşılığında alan adı uzantılı mail adresi verebileceklerini belirtiyorlar.

Yandex Mail sayesinde herhangi bir host hesabına sahip olmadan, kendi sitenizin adını kullanarak bir mail adresine sahip olabiliyorsunuz. Bunun için yapmanız gereken tek şey ise, domaininizi Kurumsal Yandex'e onaylatmak.

Normal şartlarda  host sahibiyseniz, FTP ile domain doğrulaması kolaylıkla yapılabiliyor. Blogger sitelerde FTP ile dosya yükleme olayı olmadığı için, domain doğrulama işleminizi yapmak için domain hesabınıza giriş yaparak ufak bir ayar yapmanız gerekecek.

Benim sitemin domaini İsimtescil'den alınma olduğu için, ayarları İsimtescil üzerinden anlatacağım. Siz domaininizi farklı bir yerden almış olsanız bile yine aynı ayarları yaparak domain doğrulama işleminizi kolaylıkla yapabilirsiniz.

Olayı adım adım anlatacağım.

1) Öncelikle 1 adet Yandex Mail hesabınız olması gerekiyor. Eğer Yandex Mail hesabınız yoksa ise, https://mail.yandex.com.tr/ adresine girerek öncelikle kendinize Yandex uzantılı bir mail adresi alın. Yandex Mail adresiniz var ise, direkt 2. adıma geçin.

2) Yandex uzantılı mail adresinize yine aynı link üzerinden giriş yapın. Sisteme zaten giriş yapmış iseniz, https://kurum.yandex.com.tr/domains_add/ adresine tıklayın.

3) Karşınıza aşağıdaki gibi bir ekran gelecek. bu ekrana kendi domaininizi yazın. Örneğin ben blogkafem.net yazdım.



4) Domaininizin "Detaylı Yönetim" alanına girin. "Gelişmiş DNS" kısmından bir adet CNAME kaydı oluşturun. CNAME kaydını oluştururken, Yandex'in size 1. adımda vermiş olduğu bilgileri kullanarak bir CNAME kaydı oluşturun.

Yandex'in benim için verdiği CNAME bilgileri :



Yandex'in bana verdiği bilgilerle, CNAME bilgilerinin kaydını domain yönetim panelinden şu şekilde yaptım :
Ayarları kaydedin. Daha sonra "Alan Adının Sahibini Kontrol Et" butonuna tıklayın. Alan adı doğrulandı yazısını gördükten sonra diğer aşamaya geçebilirsiniz.

5) Yine aynı kısımdan bu sefer de MX kaydı ekleyin. MX kaydını, Yandex'in önerdiği şekilde yapmaya özen gösteriniz. Yani şu şekilde yapın, bakınız :

7) MX kaydını da oluşturduktan sonra "MX kayıtlarını kontrol et" butonu aracılığıyla ayarlarınızın gerçekleşip gerçekleşmediğini kontrol edin. Eğer ayarlarınız doğru ise karşınıza "Bulunan МХ kaydı: mx.yandex.net" yazılı bir ekran gelecektir. Bakınız :


Bu aşamayı da hallettikten sonra işlem tamamdır! Artık alan adı uzantınıza ait bir mail hesabı açabilirsiniz. Örneğin, istediginizbirisim@blogkafem.net vs. gibi. Mail hesabınıza ise şu adres üzerinden giriş yapabilirsiniz : mail.yandex.com.tr/for/[kendi domaininiz]

Örneğin Blogkafem için e-posta giriş adresi : mail.yandex.com.tr/for/blogkafem.net

Tebrikler, bir Blogger kullanıcısı olarak artık sizin de kendi site adınızın uzantısına sahip bir mail adresiniz var. Üstelik de hiçbir ekstra ücret ödemeden, Yandex güvencisine sahip bir mail hesabınız oluyor. Yandex'in bu hizmeti sayesinde Blogger kullanıcılarının yıllardır süre gelen alan adına mail açamama sorunu da son bulmuş oldu. Teşekkürler Yandex!

Benim anlatacaklarım bu kadar. Konu ile ilgili konu, istek, öneri veya görüşlerinizi aşağıdaki yorum formu aracılığıyla iletebilirsiniz.
Yazının devamını oku
Google, Avrupa Birliği'ne üye ülkerin belirlemiş olduğu yasalara uyumluluk sağlamak açısından, tüm Blogger kullanıcılarının blog sitelerine uyarı mesajı ekletmiş. Biz Türkiye'den bu uyarıyı göremiyoruz. Çünü Avrupa Birliği'ne üye bir ülke değiliz. Google'ın sitelerimize otomatik olarak eklettiği uyarı ise şudur :


Bu bildirim Google'ın, blogunuzda Google Analytics ve AdSense çerezleri de dahil olmak üzere belirli Blogger ve Google çerezleri kullandığını ziyaretçilerinizin de bilmesini isteniyor.

Şimdi de gelelim Blogger panelimizdeki uyarıya.  Google, ön izleme paneline de üstteki uyarı hakkında bize bilgi vermek için şu bildirimi yollamış :

Bu bildirimde Google : "Bak ben senin sitene bir uyarı mesajı ekledim. Avrupa Birliği'ne üye ülkelerden ziyaretçi alırsan, bu uyarı ile karşılacaklar. Haberin olsun." demek istiyor bize. Bildirimin detaylarına baktığınız zaman ise gerekli açıklamaları Google bize yapıyor. Dilerseniz bu uyarıyı değiştirip, kaldırabilirsiniz diyor. (Detaylar için tıklayın.)

Ne Yapmak Gerekiyor?

Bizim hiçbir şey yapmamıza gerek yok. Bazı blog siteleri, blogunuza çerezlerle ilgili uyarı kodu ekleyin demişler. Öyle şeylere gerek yok. Google o uyarıyı bizim için otomatikmen eklemiş zaten ama uyarı Türkiye'den giriş yapan kullanıcılara gözükmüyor. Eğer ki uyarının tüm dünyadaki insanlar tarafından görünür olmasını istiyorsanız bunun için ekstradan kendiniz kod ekleyebilirsinz. Çerezler hakkındaki uyarı sadece Avrupa Birliği ülkelerini ilgilendirdiği için, öyle bir uyarıyı siteye giren her kullanıcının görmesinin gereği yok. Bu yüzden de çerez bildirimi yapmak için ekstradan kod eklemeniz gerekmiyor. Yine de tercih sizin.

Google Uyarıyı Otomatikmen Eklemişse Benim Sitemde Neden Gözükmüyor?

Google'ın sitenize eklemiş olduğu uyarının sizde gözükmemesi normaldir. Çünkü Türkiye,  Avrupa Birliği ülkesi değil. Eğer blogunuz *blogspot.com veya *blogspot.com.tr uzantılı ise, blog adresinizin sonundaki com veya com.tr ifadeleri yerine *de, *fr, *co.uk yazın. Örneğin, blogkafem.blogspot.de veya blogkafem.blogspot.fr vb. gibi. Bunu yaptığınız takdirde sitenize Google'ın eklemiş olduğu bildirimi görmüş olacaksınız.

Blogkafem gibi sitenize .com veya .net tarzında uzantılar satın almışsanız eğer, bu bildirimi *blogspot.com yönteminde anlattığım şekilde göremezsiniz. Bunun için ise yapmanız gereken şey, ZenMate tarzı eklentiler ile sitenize Almanya gibi Avrupa Birliği üye bir ülke üzerinden girmeye çalışın. Google Chrome tarayıcınıza ZenMate yüklü değilse https://hide.me/en/proxy aracılığıyla sitenize girmeyi çalışın. Siteniz açıldıktan sonra aşağı doğru kaydırın. Uyarının sitenizin üst kısmında belirdiğini göreceksiniz.

Örnek : https://proxy-nl.hide.me/go.php?u=Hy%2BDb1bccyb3LKP%2BDBjZZ7SZCm0K&b=5

Örnek linke tıklayın ve sayfayı aşağı doğru kaydırınca uyarıyı üst kısımda göreceksiniz. Oysaki Blogkafem'e sadece blogkafem.net linkine tıklayarak Türkiye üzerinden sayfayı açınca, Google'ın sitelerimize eklediği bildirim karşınıza çıkmayacaktır.

Yazının devamını oku
Her geçen gün kendinie yenileyen ve giderecek geliştiren HMTL versiyonlarıyla, her gelişim sonrası yeni yeni özellikler eklenerek, HTML/CSS alanındaki esneklik günden güne artmaktadır.

Bir çoğunuz, kaç senesinde ve hangi HTML versiyonu ile yazılmış olduğunu bilmeden sitelerinize farklı şablonlar giydiriyorsunuz. Daha sonraları ise çeşitli kodlar veya gadgetler ile eklediğiniz kodlar, siz farkında olmadan kullandığınız HTML versiyonu desteklemeyebiliyor.

Şuandaki HTML 5.0 ve giderek artan HTML versiyonlarına ayak uydurmak ise, şablonlarınızdaki hataları en aza indirgemenize yadımcı olacaktır. Sitenizdeki HTML/CSS desteğini en güncel standarda göre güncellemek için ise ihtiyacımız olan ufak ama etkili kod ise, alttaki DOCTYPE kodudur.

*Kodu fareniz ile seçip CTRL+C ile kopyalayabilirsiniz.



Bu anlatacağım şey sadece Blogger'e özel bir şey değil. Alt yapı olarak farklı platformlar kullanıyorsanız, yine benzer değişikliği yapabilirsiniz. Anlatımı Blogger üzerinden yaptığım için, yazıya bu tarz bir başlık atmayı daha uygun gördüm.

Anlatıma geçecek olursam;

Blogger Kontrol panelinizden, Şablon kısmına girip temanıza ait kodları açın. Şablonun en tepesindeki gri renk tonuyla yazılı olan kodu silerek, yukarıdaki kodu yapıştırın.

Resimli olarak anlatım :

Bu sayede artık sitenizi büyük ölçüde W3C standartlara uyumlu hale getirdiğiniz için, arama motorları tarafından daha çok önemsenebilirsiniz. Zira W3C standartlarına uygun olarak tasarlanmış ve hataları az olan bir websitesi, SEO açısından önemli olan kriterlerden bir tanesidir.

 Test ettiğim bir sitemdeki farkı şu ekran görüntülerinden de görebilirsiniz :


Burada bizim için önemli olan "Error" yazan kısımlardır. Gördüğünüz gibi bunu 14'e kadar indirgedik. Kalan hatalar ise temanızdaki ufak tefek kodlama hatalarından kaynaklanmaktadır. Onları da http://validator.w3.org/ sitesinden tespit edip, ortadan kaldırabilirsiniz.

Konu ile ilgili tüm yorumlarınız için aşağıdaki yorum formunu kullanabilirsiniz.
Yazının devamını oku
Sitedeki yorumlar kısmını farkettiyseniz, ben yorum yaptıktan sonra adımın hemen hizasında "Admin" yazdığını farketmişsinizdir. Bu hem sitenize daha profesyonel bir görüntü kazandıracaktır hem de sizinle aynı adı kullanan başka bir kullanıcı yorum yaptığında, diğer ziyaretçiler, kimin sitenin yöneticisi olduğunu daha iyi kavrayabilirler.

Daha önce bunu nasıl yaptığımı soranlar oldu. Belki bilenleriniz vardır, kullandığım yorum formunun şablonuna ait kodlar, internet üzerindeki bazı sitelerde var.  Ben de bu yorum formu üzerinde yaptığım oynamalar sonucunda, yorum formuna "Admin" ibaresini ekledim ek olarak.

Sitemde yazı kopyalama yasağı olduğu için kodu direkt olarak buradan paylaşamıyorum. Paylaşsam da çoğu kişi kopyalayamıyor zaten. Bu nedenle buraya tıklayarak kodu bilgisayarınıza indirebilirsiniz.


2 farklı kod düzenledim. Eğer üstteki kod blogger sitenizde düzgün gözükmediyse buraya tıklayarak alternatif kodu indirebilirsiniz, blogger sitenizde deneyebilirsiniz. Ufak tefek farklar dışında her iki kod da aynıdır.

Metin belgesi içerisindeki kodu kopyalayıp, blogger şablonunuzda
</body> 
ifadesinden hemen önce eklemeniz yeterli olacaktır. Hepsi bu kadar!

Ayrıca.. Eğer isteyen olursa...
Kod içerisindeki  "Admin" ibaresini değiştirip kafanıza göre daha başka şeyler eklemek isterseniz, kod içerisinde bulunan şu linki : (https://i.hizliresim.com/P3WPYN.jpg) değiştirmeniz yeterli olacaktır.
Yazının devamını oku
Eğer sizde sitenizin sağ ve sol kısımlarına reklamlar yerleştirmişseniz muhtemelen bu sorunla karşılaşmışsınızdır. Geniş ekranlı cihazlarda sitenizi açarken hiçbir sorun oluşmamasına karşın; tablet, telefon vs. tarzı ufak ekranlı elektronik cihazlar ile bilgisayarınızda kullandığınız tarayıcınızı küçülterek kullanımınız sırasında, reklamın yazı üzerini kapayarak kötü görüntü vermesi olayıdır.

Bakınız :


Sorunun çözümü basit aslında ama çoğu internet sitesinde anlatılmadığı için, bilmeyenler için bayağı bir zaman kaybı yaratacak cinsten bir sorun.

Bu sorunu şu kod ile çözüme kavuşturmak mümkün :

KOD :
<div style='position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;'>
<div style='width:50%; height:100%; float:left;'>
<div style='padding-right:500px; float:right; display:block; width:160px; height 10px;'>

--Reklam Kodunuz Buraya Gelecek--

</div>


Kodu işaretleyip CTRL+C ile kopyalayın ve bir metin belgesine yerleştirin. Daha sonra ise,
"--Reklam Kodunuz Buraya Gelecek--" yazan kısma, reklam kodunuzu ekleyin ve komple tüm kodu sitenizin herhangi bir yerine ekleyin. Sorununuz hallolacaktır. Anlayamadığınız veya sormak istedikleriniz falan varsa, alt kısımdan yorum olarak bana bunu iletebilirsiniz.

Yukarıdaki kodu kopyalayamayanlar buraya tıklayarak kopyalayabilirler.
Yazının devamını oku
Blogger şablonuna her girişte farklı farklı hata kodlarıyla karşılaşıp, bir türlü kodları açamamaktan dolayı bir kaç aylık bir sıkıntı yaşamıştım önceleri. Daha sonra çözüm yöntemini bulup, sorunu halletmiştim ama bu sorunun çözümünü blogda paylaşmamış olduğumu farkettim. Halbuki karşılaştığım sorunları çözüme kavuşturduğum zamanlarda ilk yaptığım işlerden biri bloga yazmak olurdu.

Bu sorun, blogger yeni şablon düzenleyiciye geçtikten sonra ortaya çıkmıştı. Aynı sorunu yaşayan arkadaşlar var ise, onlara önerim "Şablon" kısmına girer girmez, sayfa hata kodu sayfasına yönelmeden veya beyaz ekran hatasıyla karşılaşmadan, tarayıcı üzerinden sayfanın yüklenmesini seri bir şekilde durdurmaları gerekmektedir ama bunu çok seri bir şekilde yapmalısınız. Eğer sayfayı hata kodu sayfasına yönelmesini durduramadıysanız yeniden şablon kısmına dönüp aynı işlemleri tekrarlayın. Ne zaman ki sayfayı şablon kısmında durdurabilirseniz işte o zaman "HTML'yi Düzenle" butonuna rahatça tıklayabilirsiniz.



..Ve artık kodların içindesiniz. Şimdi ise tek yapmanız gereken şey CTRL + F yaparak,

<script language='JavaScript' type='text/javascript'> if (top.location != self.location) top.location = self.location; </script>

kodunu bulmak olacaktır.  Bu kodu şablonunuzun kodları içinde bulup sildikten sonra sorununuz çözülecektir ve artık şablona girişlerinizdde herhangi bir hata ile karşılaşmayacaksınız.

Eğer kodu bulmakta sorun çekiyorsanız, bunun sebebi kodlar arası boşluklardan kaynaklanıyor olabilir. Kodu bulamadıysanız eğer, kodu tamamen aratmak yerine kodun içinden ufak parçalar alarak CTRL+F ile açtığınız arama kutusuna yazıp öyle aratın.

Örneğin ilk başta aratırken sadece
<script language="JavaScript" type="text/javascript">

kısmını alarak aratabilirsiniz kodu yada;
if (top.location != self.location)

şeklinde bir parçasını aratarak bulmaya çalışabilirsiniz. Böylede bulamazsanız bu kodun arasındaki boşlukları kapayarak bulmayı da deneyebilirsiniz. Yani şöyle ki:
if(top.location!=self.location)

gibi.... Kolay gelsin. :)
Yazının devamını oku

Blogger alt yapılı blog sitelerinde, yorum kısmına gelen "Yanıtla/Cevapla" özelliği ile bir çok blogger bunu blogunda ekleyerek bu nimetten faydalandı. Gerçekten de hoş bir özellik olmuş ve olması gereken bir şey idi zaten.

Google'da aratırsanız, "Blogger Yanıtla Özelliği", "Blogger Yorumlarında Cevapla Özelliği" şeklinde bir çok başlık ve anlatım ile karşılaşmanız mümkün.

Herkes Google'da aratıyor aratmasına da... İnternette anlatılan birbirinden farklı o kadar yöntem arasından kimilerinin blogunda bu özellik başarılı bir şekilde çalışır iken, kimilerinde ise çalışmamaktadır.  Örneğin; Yanıtla butonu gözükse bile bu aktif olarak çalışmamakta. İşte asıl sorun da buydu bende.

İnternette onlarca anlatım var. Neredeyse hepsini denememe rağmen bir türlü yapamamıştım. Bugün ise yeniden aklıma geldi, yorumlar kısmındaki blogumun bu eksikliği. Yine Google'da arattım fakat hep aynı anlatımlar. Daha sonra ise 3 farklı blogdan aldığım farklı farklı kodları kendi bloguma uyguladıktan sonra ise, sonuca ulaşabildim. Aynı sorunla karşılaşanlar muhakkak vardır diye blogda paylaşayım dedim. Ben direkt olarak kendi yaptıklarımı adım adım ekleyeceğim.

NOT - 1: Kodları eklerken CTRL+F ile kodu bulamadıysanız, bulamadığınız kodun bir kısmını alın ve öyle arayın. Aradaki boşluklardan veya yazım şekillerinden kaynaklı olarak bulunamayabiliyorlar bazen. Ayrıca ne olur ne olmaz diye, adımları uygulamaya başlamadan önce temanızın yedeğini almayı unutmayın. Kodları çok dikkatli ve düzgün bir şekilde eklemeye özen gösterin. Tüm kodları ekledikten sonra sorununuz düzelmediyse yazının en alt kısmında yazdığım ayarları gözden geçirin.

NOT - 2 : Sitedeki kopyala-yapıştır engelinden dolayı Mozilla Firefox kullanmanızı öneririm. Bilgisayarınızda Firefox yüklü olmayanlar için kodları download linki haline getirdim.

Buraya tıklayarak kodları bilgisayarınıza indirebilirsiniz.

1. Adım

<b:include data='post' name='comments'/>
Yukarıdaki gibi olan tüm kodları şu kod ile değiştirin :
<b:include data='post' name='threaded_comments'/>


2. Adım :

<b:includable id='threaded_comment_js' var='post'>
kodu dahil olmak üzere bulup
 </b:includable> 
koduna kadar bu kodda dahil olmak üzere hepsini silin ve şu aşağıdaki kodu ekleyin o sildiğiniz kodların yerine :
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}http
})();
// ]]>
</script>
</b:includable> 


3. Adım

Burada ise yorum kısmımızı biraz görselleştireceğiz. Bu kod da çoğu sitede bulunuyor. Hoş bir görünütüsü var. Ben kod ile biraz oynadım ve admin siteye yorum yazınca, isminin yanında "Admin" yazmasını sağladım. Gayette hoş oldu. Aşağıdaki kodları kodundan hemen önce ekleyin ve işlem tamamdır!

<style>
/*------------- Yorum Formu BLOGKAFEM BAS-------------*/
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}


.comments .comments-content .icon.blog-author {
width: 200px;
height: 22px;
}

.blog-author{
background:url(https://i.hizliresim.com/P3WPYN.jpg);
left:20 px;
right:50px;
}


.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comment-header {background-color: #F4F4F4;
border: thin solid #E6E6E6;
margin-bottom: 5px;
padding: 5px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url(&quot;https://img846.imageshack.us/img846/7357/unled1oww.jpg&quot;);background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/*------------- YORUM FORMU BLOGKAFEM SON -------------*/
</style>



Ayrıca, Blogger kontrol paneli ayarlarınızdan;

  • Ayarlar → Yayınlar ve Yorumlar  → Yorum Konumu → Yerleşik

ve

  • Ayarlar → Diğer → Blog İçerik Takibine İzin Ver → Tüm

olacak şekilde ayarlanmış olması gerekmektedir. Eğer kodlar çalışmadıysa "Kontrol Paneli"nizdeki "Ayarlar" kısmındaki ayarların bu şekilde ayarlanıp ayarlanmadığını kontrol edin.
Yazının devamını oku
Bazı blogger alt yapılı blogların yerleşim kısmında "Üst Bilgi" dediğmiz bu gadgetin olmadığı farkettim. Özellikle Blogger sistemine ait olan olmayan temaların bazılarında bu dediğim sorun var. Aslında şablon kısmında anlayanlar için pek de sorun sayılmaz fakat olması daha iyidir. Pratiklik açısından. Blog başlığını, bannerini veya açıklamasını istediğiniz gibi tek bir gadget üzerinden değiştirebiliyorsunuz. (Hazır gadgetler arasında bu gadget mevcut değil.)


Pratiklik, esneklik ve kolaylık açısından da çok hoş aslında. Blogger kullanıcılarının %90'ınından fazlası bunu bilir fakat; üstte de dediğim gibi internet üzerinden tema uyarlamaları yaparken, tema yapan kişiler bazen bu gadgeti eklemeyi unutuyorlar. Acemi bloggerlar için ise header kısmıyla uğraşmak önemli bir sorun olabiliyor.

Neyse lafı fazla uzatmadan, bu gadgetin Blogger üzerinde nasıl aktif edileceğinden bahsediyim. Aslında yapımı çok basit.

Kontrol panelinizden "Şablon"  kısmına girin. Açılacan sayfadan "HTML'yi Düzenle" butonuna tıklayın. İlk önce temanın tüm kodlarının yedeğini almanızı öneriririm. Yani tüm kodları CTRL+A ile seçip, CTRL+C ile kopyalayın ve CTRL+V ile bir metin belgesine tüm kodları kaydedin ki yaptığınız bir hatadan dolayı blogunuzun şablonunu tamamen kaybetmeyin. Yedeğe alma işlemini yaptıktan sonra geriye kalan tek şey ise alttaki kodu, şablondaki header kısmına yapıştırmaktır.

CTRL + F yaparak kendi blogunuzun başlığının ve açıklamasının olduğu kısma ait kodların başlangıç ve bitişlerine göre silerek, alttaki kodu yapıştırın. Ben kodlardan falan anlamam diyorsanız siz direkt olarak kodunu aratın ve alttaki kodu da içine ekleyin ve tamamdır. Kodu body içinde ekleyeceğiniz yere  göre yerleşimdeki kısmı da değişiklik gösterebiliyor.

Kod içinde şöyle bir şey var.



Bu kısımdaki tırnaklar içinde true yazmakta. Eğer yerleşim kısmından, "Üst Bilgi" gadgetini kaldırmak veya yerini değiştirmek isterseniz o kısmı false yapmanız gerekmetedir.

Alttaki kodu, "Mozilla Firefox" ile siteye giriş yaparak CTRL + C ile kopyalayabilirsiniz.





Yazının devamını oku

Blogger'in yeni eklentilerinden biri olan Lightbox'u duymayana yoktur heralde. 2 gündür doğru düzgün bir kod arıyordum tüm resimleri tek bir kod ile lightbox'ta açmak için ve sonunda 2 farklı sitede gördüğüm kodların birleşimiyle bunu halletim.

Diğer sitelerde anlatılanlarda her resim için ayrı ayrı rel="lightbox" title eklenmesi gerekiyordu ama bu kodda öyle bişey yok. Kodu sitenize eklediğiniz anda tüm resimleriniz otomatik olarak Light Box şeklinde açılacaktır.

Tek yapmanız gerekenler şunlar :

Tasarım -> HTML'yi Düzenle kısmından "Widget Şablonunu Genişlet" yaptıktan sonra;

</head>

kodunu buluyoruz ve hemen üstüne aşağıdaki kodu yapıştırıyoruz ve ayarları kaydediyoruz. Hepsi bu kadar. Hayırlı olsun artık tüm resimleriniz Lightbox şeklinde açılacaktır. :)

*Kodu seçtikten sonra CTRL + C tuş kombinasyonunu kullanarak kodu kopyalayabilirsiniz.
14.07.2012 - Ekleme : Bu kodları sitenizde kullandığınız zaman resimleriniz Lightbox ile açılacak ve görüntü olarak hoş bir görüntü verecektir ama siteniz normalden birkaç saniye daha geç açılacaktır. Yani sonuç olarak kod, sitenin daha geç yüklenmesine sebep oluyor. Kullanacaklar için bunu da ek bir bilgi olarak belirtmek istedim. Ben 1 hafta kullandım ve izlenimlerim sonucu böyle bir sonuca vardım. Kullanıp kullanmamak ise sizlere kalmış tabi.
Yazının devamını oku

Biliyorsunuz ki blogkafem.blogspot.com domainiyle değil 5 haziran itibariyle blogkafem.net olarak değiştirdim sitenin ismini. Domaini İsimtescil'den aldığımı için nasıl bloggere yönlendirebilirim diye Google'da arattım ama internette anlatılanlara göre yapınca bir sonuç elde edemedim. Yetkililere mail atınca sorunu hallettiler. Sorun A kayıtlarının güncellenmemesinden kaynaklanıyormuş.

Yazının devamını oku
Daha önce yazmış olduğum fakat çoktan beri yazdığım için arkalarda kalan , bloggerciler için yazdığım yazıları bu başlık altında birleştirmek istedim.Maksat daha düzenli olsun ve blogger hakkında yardıma ihtiyacınız olursa herşey elinizin altında olsun fazla arama gereği duymadan.

Düzenleme (24.03.2013) Bloggercilerin işine yarayacak olan yazı başlıklarını linkler halinde eklemektense tek bir etiket olarak hepsini tek bir yerde topladım.
Yazının devamını oku

İşte bu ya.. Sonunda bloglarımıza yeniden kavuşabildik. Blogger'in açılmasında çaba sarf eden tüm şahıslara ve bu iş için ter döken şirket çalışanlarına sonsuz teşekkürlerimi iletiyorum.

Özellikle de internette okuduğum kadarıyla Blogger'in açılmasında büyük rol oynayan İnternet Teknoloji Derneği (INETD)'ne bu işin peşini bırakmadıkları için ve hakkımızı sonuna kadar savundukları için sonsuz teşekkürlerimi iletiyorum.. :) :)Onlara ne kadar teşekkür etsek azdır aslında.

Blogger'in açılmasına katkı sağlayanlara tekrarda çok çok çooooooooooo...kkk büyük teşekkür ediyorum. Çoookk mutluyum şuanda.. :) :) Umarım bir daha böyle bir durumla karşı karşıya kalmayız.

Yaşasın blog yazma özgürlüğü ! Yaşasın Blogger! :)
Yazının devamını oku





Arkadaşlar hiç lafı uzatmadan konuya girmek istiyorum. Denedim ve oldu..
Yazının devamını oku


Google blogger yasağı üzerine Türkiye'ye hizmet veren ve resmi blog sitesi olan google-tr.blogspot.com üzerinden konuyla ilgili resmi açıklamalarda bulundu. Doğrusunu söylemek gerekirse, şahsen Google'ın yaptığı açıklamadan pek birşey anlamış değilim.Yazıyı birde sizle paylaşayım.Ama sanırım blogger yakında bir zamanda açılacak gibi bir izlenim var yazıda.Ama siz de bir okuyun.
Yazının devamını oku
http://img36.imageshack.us/img36/9827/bloggerxn.png

Ah ah.. Bu ülkede yaşamak işte böyle bişey.. İnternet dünyasında sürekli birşeyler yasaklanıyor. En son yasaklama da biz gariban blogger kullanıcılarını vurdu. Blogger'in yasaklanma sebebinin ise illegal Ligtv yayınları olduğu söylenmekte ve bloggerin kapattıran kişinin de Dıgıturk'un sahibi olduğu söyleniyor. Hatta söylenmekle de kalmadı Dıgıturk sahibi de ligtv.com.tr yaptığı açıklamayla bu durumu onayladı. Bee insafsız herifler bulabula bizi mi buldunuz kim illegal yayın yapıyorsa git onun sitesini kapat kardeşim..
Yazının devamını oku

28 Aralık 2010... Ve blogger kullanıcıları tekrardan aynı blog sorunuyla karşı karşıya kaldılar : "ücretli domainlere erişilememe sorunu." Bu konu hakkında daha önce yazmıştım bu blogda hatta çözüm yöntemini de paylaşmıştım.

Daha önceki yazıya gitmek için buraya tıklayınız.

Bu yazı da ise bu sorunu aşmak için uygulamanız gereken ikinci bir çözüm yöntemi anlatacağım size.Yalnız şunu da belirtmek istiyorum bu çözüm yöntemlerini sakın aynı anda uygulamaya çalışmayın sonuç alamazsınız.Bu problemden kurtulmak istiyorsanız ya şurada (tıkla) anlatılanları yaparsınız ya da aşağıda anlatılanları tercih sizin tabi ki..
Yazının devamını oku



İki farklı sitedeki anlatımı inceleyerek kendi aklımda bir birleşim yaptım ve bu birleşimi de burada sizlerle paylaşmaya karar verdim.Yapacaklarımız çok basit.
Yazının devamını oku
http://2.bp.blogspot.com/_7EM1Ya4Q4Iw/SqgE5tMRUYI/AAAAAAAAAE8/6f3e5tpB6k0/s200/Blogger_Xmas_logo6.png
Arkadaşlar bildiğiniz üzere Google ip yasaklarından dolayı blogger sitelerinden domain kullanan bloggerler eğer DNS ayarları yapılı ise sitelerine erişim problemi yaşıyorlardı.Bunun tam olarak sebebini de bilmiyorum.İnternette birkaç söylenti okudum, Türkiye'den engellenmiş olduğunu söyleyenler var fakat bende kesin bişey bilmediğim için sizi yanlış yönlendirmemek adına şuanda konu hakkında kesin birşey diyemeyeceğim.Ama bilinen en net sebep ghs.google.com engelli listesinde olduğu için bizim domainlere erişim sağlanamıyor.

Bende bu konu üzerinde internetten araştırdım ve üyesi olduğum r10'da da bir inceleme yaptıktan sonra aşağıdaki anlatımı buldum sizler için.Umarım faydalı olur.
Yazının devamını oku

İstatistikler

BLOGKAFEM.NET

© Copyright 2008-2018
Sitedeki yazıların her hakkı BLOGKAFEM.NET sitesine aittir.
Kopyalanması halinde lütfen kaynak gösteriniz.
DMCA.com Protection Status
Anasayfa | Hakkımda | Bizden Haberler | Reklam | İletişim