Blogspot Kullanıcıları için dinamik comment arayüzü

[hürriyet]

blogger kullananlar bilir yorum yazılan sayfa siteden ayrı olduğundan bazılarının canını sıkar. Ben bu duruma çözüm buldum ve blogger için dinamik bir comment arayüzü hazırladım.

Görüp denemek için: http://azerkoculu.blogspot.com/2006/05/blogspot-iin-dinamik-comment-arayz.html

Download: http://koculu.net/blogger/HBCI.rar

Detaylar:

++ Hello Blogger Comment Interface nedir?
Blogspot kullanicilarinin sayfalarina dinamik comment formu eklemesini saglayan guzel bir olaydir.Ziyaretciniz blogger.com un comment sayfalarinda kaybolmaz.Sizin sayfanizdan hic cikmadan comment postalar.

++ Daha once yapildi mi?
Yapilmis olsaydi ben yapmayacaktim.Yapilan 3 tane comment arayuzu buldum.Hepsi cok kotu, o yuzden kendim yaptim.

++ Ozellikleri neler?
1) Komut ekrani sayesinde sistemin islemlerini adim adim takip edebilirsiniz.
2) Hata raporu olusturma ozelligi sayesinde olusan hatalari anlarsiniz.Raporu bana gonderdiginizde bug report yapmis olursunuz :)
3) Sistem ziyaretcinin once yorumunu gonderir, blogger bu yorumu eklemis mi kontrol eder.Bu en onemli ve en cok ugrastiran ozelliktir.

++ Kullanimi hakkinda...
Default kurulumda benim sunucumda bulunan scriptleri kullaniyorsunuz.Fakat benim sunucum her an kapanabilir.Bu yuzden scriptleri download edip kendi sunucunuza yuklemeniz saglikli olacaktir.Dosyalari kendi sunucunuza yukledikten sonra adreslerini ayarlamayi sakin unutmayin.Yoksa HBCI (Hello Blogger Comment Interface) calismaz.

++ Nasil kurulur?
+ Once dashboard'dan blog'umuzu seçmek ve settings kismindan comment tabindaki "Who can comment?" secenegini "anyone" olarak secelim.
+ Buradan template bolumune gecelim ve "<$BlogMetaData$>" kodundan hemen sonraya asagidaki kodu yapistiralim:

<style type="text/css">
/*
<--------

Developer: Evren Azer Koçulu
E-Mail: hello.azer@gmail.com
Website: www.koculu.net
Start: 21 May 2006
Finish: 24 May 2006

-------->
*/

.commentKutusu { margin-top:5px; padding:20px; border:1px solid #eee }
.commentKutusu:hover { margin-top:5px; padding:20px; border:1px solid #ccc }
.commentKutusu label { display:none; }
.commentKutusu p { margin:0px 0 0 20px; padding:0px; }
.commentKutusu em { display:none; }
.commentKutusu .date { color:#ddd; }
.commentKutusu .right { float:right; }


.comment-poster form { padding:20px; }
.comment-poster input { width:250px; padding:3px; }
.comment-poster textarea { width:250px; height:150px; padding:3px; margin-top:5px; }
.comment-poster label { font:12px Arial, Helvetica, sans-serif; }

.gorunmez { display:none; }

#durumCubugu { display:none; position:absolute; right:50px; width:150px; height:100px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; font:10px Tahoma; color:#36A73C; border:1px solid #ccc; background:#fff; overflow:hidden; }
#durumCubugu p { display:block; padding:0px; margin:3px; }

#hataRaporcusu { font:10px Arial; color:#111; }
</style>

+ Geriye kaldi son asama.Asagidaki kodlari </BlogItemComments> kodundan hemen sonraya yerlestirin.

<a name="enSonFikir"></a>
<div id="yeniFikir" class="gorunmez commentKutusu">

</div>

<div id="durumCubugu" onClick="durumCubugu(1);">
<p>&raquo; Komut Bekleniyor..</p>
</div>
<a name="fikirYaz"></a>
<form name="form1" method="post" action="http://www.blogger.com/login-comment.do" target="transformator">
<div style="float:left; width:75px; text-align:right; padding:5px 5px; " >
<label>Adiniz</label><br />
<label>Web Sayfaniz</label><br /><br />
<label>Yorumunuz</label>
</div>
<div style="float:left; width:260px; ">
<input type="hidden" name="blogID" value="<$BlogId$>">
<input type="hidden" name="postID" value="<$BlogItemNumber$>">
<input type="hidden" name="iden" value="Other">
<input type="text" name="anonName" onKeyUp="karakterKontrol(3)">
<input type="text" name="anonURL" value="http://">
<textarea name="postBody" onClick="durumCubugu(1);" onBlur="durumCubugu(0);"></textarea>
<img id="yukleniyor" src="http://img165.imageshack.us/img165/2191/y4ud.gif" class="gorunmez" style="float:right; margin-top:5px; " />
<input type="submit" name="gonder" value="Gönder" style="width:70px; height:28px; float:right; margin-top:5px; " onclick="return basla();" >
</div>

<div style="clear:both "></div>
<div id="hataRaporcusu"></div>
</form>
<script src="http://koculu.net/blogger/blogger.js"></script>
<iframe name="transformator" class="gorunmez" onLoad="if(sbt>0)kontrol();" security="restricted"></iframe>

+ Bu scripti kullandiktan sonra tesekkur etmek isterseniz sayfanizda benim sayfama link verebilirsiniz :)
+ Herhangi bir sorun ile karsilasirsaniz hata raporunu bana e-mail ile ulastirin.

// Ayrıca yorum, öneri ve görüşlerinizi bekliyorum.

[Monarch]

http://bloggerhacks.blogspot.com/ adresinde vardı, yine de emeklerine sağlık..

[hürriyet]

o adresteki comment hack ile benim yaptığım arasında ne gibi bir benzerlik var acaba?

[reachable]

azer ellerine sağlık baya güzel olmus.. blogspot kullanan arkadaşların işine yarar ... ayrıca bişey danışmak istiyorum blogspot ta birçok illegal ve hakaret içeren siteler var bunları nasil kaldırttırılamaz mı

[hürriyet]

bilmem ki ben fazla incelemedim blogger'ı.ama e-mail atsan belki silebilirler, ama türk telekoma falan şikayet etme aman diyim blogspotu komple kaldırır onlar :p

[reachable]

pheuhehe zararı sonra biz çekeriz dion :)

[hürriyet]

Yeni versiyon:
http://azerkoculu.blogspot.com/2006/05/hello-blogger-dynamic-comment.html
Türkçe açıklama:
http://azerkoculu.blogspot.com/2006/05/blogger-comment-hack-11.html