Blogger Rasgele Post Eklentisi - 2
Etiketler: Blogger İpuçları, Pipes, Widget, Yahoo
Şurada yayınladığımız random post eklentisinin değişik bir versiyonu.Özelliği ise otomatik olarak sayfa kendini yeniliyor.
Blogger template,Seo,ipuçları,İnternet,Google,Firefox
Şurada yayınladığımız random post eklentisinin değişik bir versiyonu.Özelliği ise otomatik olarak sayfa kendini yeniliyor.
Sitenizin arkaplanını değiştirmek istiyorsanız şurada sitenize uygun arkaplanlar bulabilir,İsteğinize göre arkağlanları düzenleyip download edebilirsiniz.Bunun yanında Bgpatterns sitesine üye olup sizde güzel arkaplanlar yapabilirsiniz.
Blogger kullanıcılarının çoğunda rastladığım rastgele post eklentisi aktif çalışmıyor.Ben de 2-3 gün önce farketmiştim.Eklentinin mimarı hatayı anlamış olacak ki ufak bir değişiklik yaparak hatayı düzeltmiş.Şuradaki sayfaya giderek eklentiyi güncelleyebilirsiniz.Bu eklentiyle yeni tanışanlar için.<head> buraya </head> kodu arasına kopyalayıp yapıştırıyoruz veya ücretsiz bir sunucuya dosyayı atıyoruz.
Örnek:
<script src='http://siteadı.googlepages.com/files/rastgele.js' type='text/javascript'></script>Daha sonra yeni bir widget oluşturup nerede gözükecekse kodu oraya yapıştırıyoruz.
Yalnız şunu hatırlatmak istiyorum.Eski yorum sayfanızıda kaybedebilirsiniz.Ayarları önce bir tane test blog açıp orada deneyin.Sonuc olumlu çıkarsa sayfanızda uygulayın.Benim ilk denemelerimde sayfa içindeki yorum yeri kayboldu ve kodlar bile işlemez oldu.Neyse biraz riskli bir iş ama ben kodları veriyorum isteyen yapabilir. :)
<div class='comment-form'> <a name='comment-form'/> <h3><data:postCommentMsg/></h3> <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
<div class='comment-form'> <a name='comment-form'/> <h3><data:postCommentMsg/></h3> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=30540005&postID=" + data:post.id + "quot;' rel='nofollow'> eski</a>?) <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
<div class='comment-form'> <a name='comment-form'/> <h3><data:postCommentMsg/></h3> <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
<div class='comment-form'> <a name='comment-form'/> <b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&postID=" + data:post.id + "&isPopup=true"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' rel='nofollow'> diğer</a>?) <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
<div class='comment-form'> <a name='comment-form'/> <h3><data:postCommentMsg/></h3> <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
<div class='comment-form'> <a name='comment-form'/> <b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&postID=" + data:post.id + "&isPopup=true"' rel='nofollow'> diğer</a>?) <p><data:blogCommentMessage/></p> <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/> </div>
Linux üzerinde çalışabilen internet explorer web tasarımcıları için linux üzerinden internet explorer ile test yapabilecekleri bir program.Detaylı bir açıklamayı şuradan alabilirsiniz.(eng)indirmek için buraya tıklayın.
2.ProgramDiğer bir programımız ise ietester programı eğer sizde webtasarımı ile uğraşıyorsanız browserler arasındaki hataları görmek için bu programa bakınız.
Blogger Son Yazılar Eklentisiheight":"380 sayfanın boyutunu değiştirebilirsiniz.
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"npktNwdu3RGsMpRHpgt1Yg","_btype":"list","evenBackgroundColor":"# renk-kodu","oddBackgroundColor":"# renk-kodu","height":"380","pipe_params":{"urlinput1":"http:\/\/son24saat.blogspot.com"},"hideHeader":true}</script>
Sayfanın boyutunu enine değiştirmek içinAşağıdaki kodu sitenize ekleyin,
Bildiğiniz gibi Google Webmaster Tools veya extreme benzeri sitelerde de backlinklerimizi görebiliyoruz.Yahoo pipes ile bloggere uyarlanmış widget sayesinde uğraşmadan sitenizde backlinlerinizi görebiliyorsunuz.Kısa bir süre önce yahoo .pipes blogger,wordpress vs..siteler için widget butonu hazırlamıştı.Zaten bloggerin baclink eklentisi var ama hastaları için güzel bir eklenti bence..Eklentiyi şuradan edinebilirsiniz.Yahoo pipes sayfasından eklentiyi almak için buraya bakınız.
Üstteki menuye aşağıdaki kodu ekleyin
<li class="1">
<a href="http://haluztheme.blogspot.com/" rel="bookmark" title="Home">Anasayfa</a>
</li>
<li class="a">
<a href="http://haluztheme.blogspot.com/" title="About">Hakkımda</a>
</li>
<li class="b">
<a href="http://haluztheme.blogspot.com/" title="Profile">Profilim</a>
</li>
<li class="2">
<a href="http://haluztheme.blogspot.com/" rel="bookmark" title="İletişim">İletişim</a>
</li>
Yanındaki arama kutusu için
<form id="searchform" action="/search" method="get">
<input onfocus="if (this.value == 'ara') {this.value = '';}" maxlength="50" value="ara" type="text" id="searchfield" onblur="if (this.value == '') {this.value = 'ara';}" size="18" name="q"/>
<input id="submitbutton" alt="go" src="http://i451.photobucket.com/albums/qq239/yenibiroyun/blank-1.gif" type="image"/>
</form>
<a class="rsslink" href="http://haluztheme.blogspot.com/feeds/posts/default">
<p class="rsslink"/>
</p></a>
Ortadaki son yazılar bölümü için
<h2 class="home-list">
<a href="http://haluztheme.blogspot.com/feeds/posts/default" title="Main Site RSS Feed">
<img style="margin: 4px 0pt 0pt; float: right;" alt="RSS" src="http://i451.photobucket.com/albums/qq239/yenibiroyun/FeedIcon-16.gif" title="Main Site RSS Feed"/>
</a>
Son Yazılar
</h2>
Devamını oku bağlantısı için
<span class="fullpost">
Buraya gizlenecek yazı
</span>
Şöyle ki kullanıcısı olduğunuz blogunuza gelen ziyaretçileri takip edebilme imkanı sağlayan yeni bir servis .Beta aşamasında olduğundan bende merak ediyordum.Bloggerbuster'in haber vermesiyle haberdar oldum.
Henüz gadgeti açılmadı ama kodunu bulup kullanmaya başlamışlar bile blogger draft kullanıyorsanız sayfanın altında abone olduğunuz kişinin son yazdığı yazılara direk bakabiliyorsunuz.Heralde bu Google reader kullanmayanlar için iyi oldu en azından tanışmış olurlar.Hem Readere ekleniyor hemde blogger sayfanızın altında önizleme yapabiliyorsunuz.
Esrarly Riddle Game
Blogger de devamını oku bağlantısı nasıl yapılır.Bilmeyenler için faydalı olabilecek bir eklentidir.
Blogger | Yerlesim | Html Duzenle sayfasina gelip ctrl+f yardimiyla </head> ve <body> tagını bulup arasına aşağıdaki kodu yapıştırın.
<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style>
<b:if cond='data:blog.pageType == "item"'><br/> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Devamını okuyun...>></a> </b:if>
<span class="fullpost">Gizlenecek yazı</span>
<form action="/search" method="get">
<input onfocus="this.value='';" style="border: 1px solid rgb(204, 204, 204);" value="site içi ..." name="q" size="30" type="text"/>
<input style="border: 1px solid rgb(204, 204, 204);" value="Ara" type="submit"/>
</form>
<ul>
<li>
<a class="current" href="http://iflukanturtematr.blogspot.com/">Anasayfa</a>
</li>
<li/>
<li class="page_item page-item-2">
<a href="http://iflukanturtematr.blogspot.com/" title="Hakkında">Hakkında</a>
</li>
</li></ul>
Notepad Chose Turkce
Bloggerde çok sık karşılaşılmayan bir hata bX-F42977 bu konuya değinmek istedim.Ben siteme domaini yönlendirdikten sonra firmanın sağladığı google apps'ı kullanmaya başladım.Bazı servisleri yanlış kullanmam sebebiyle hata verdi.Herneyse sonra bloggere yönlendirdiğim domain 404 hatası vermeye başladı.Googlede öğretmenokulu'nun yazdığı yazıyı uyguladım fakat bu sefer yine olmuyordu.Bloggerden eski alan adıma geçiş yapmıyordu.Bu sorun şöyle çözüldü:İlk önce domain panelinden domainin ip adresini cname olarak girdim.Ve tekrar bloggerden blogu dışarı aktar dedim ve başka bir blog açıp içeriği ona aktardım.Domain panelinden urlyi bu siteye atadım.Ve eski siteme girip baktığımda artık hata vermiyordu.Tekrar domain panelinden url'yi eski haline getirdim.bX-F42977 Böyle bir hata ile karşılan olursa eminim bu tecrübem işine yarayacaktır.İyi günler.
Bloggerde yazı içine adsense kodunu yerleştirmek için yukardaki kutuya adsense kodunuzu yapıştırıp Escape butonuna basın.Ve blogunuza gidip aşağıdaki kodu bulun.
<div class='post-body'>