BgClassic

Blogger Rasgele Post Eklentisi - 2

Etiketler: , , ,



Şurada yayınladığımız random post eklentisinin değişik bir versiyonu.Özelliği ise otomatik olarak sayfa kendini yeniliyor.

Backgrounds Bulma Derdine Son

Etiketler: ,

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 Random Post Yenilendi

Etiketler:

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:

Daha sonra yeni bir widget oluşturup nerede gözükecekse kodu oraya yapıştırıyoruz.

Blogger Yorum Formu

Etiketler:

Blogger yorum formunu şurada draft süprizleri olarak duyurmuştuk.Onunla beraber artık yeni şablonlarda ayara gerek kalmadan yorum panelinden tam sayfa olarak veya sayfa içerisinde yorum gösterebiliyoruz.
Ama eski yorum sayfasından vazgeçemiyenler için :) sayfanızda her ikisinide göstermenize olanak sağlanıyor.
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. :)

Örnek olarak şu sayfaya bakınız.
  • Yedeğini almaya unutmayın.





1 - Tam Sayfa

Aşağıdaki kodu bulun:

Ve bu kodla değiştirin:

2 - Popup Pencerede Açmak

Aşağıdaki kodu bulup

Bu kodla değiştirin:

3 - Yeni pencerede Tam Sayfa

Aşağıdaki kodu bulup

Bununla değiştirin


Son Olarak:

Buradaki blogid kısmını değiştiriyoruz.
http://www.blogger.com/comment.g?blogID=30540005

Gickr ile Hareketli Resimler Olusturun

Etiketler: , ,

Gickr sitesi üzerinden photoshop kullanmadan hareketli resim ve avatarlar oluşturabilirsiniz.Flickr'daki resimlerinizi veya Youtubeki videolarınızı hareketli resime çevirebilir veya bilgisayarınızdan max.10 resimi birleştirip slaytlı resim olarak gösterebilirsiniz.

IEs4Linux - Linux icin İnternet Explorer

Etiketler: ,

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.Program
Diğ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.

Eburhan'ın sitesinde gördüğüm  diğer bir program İE   tarayıcısının eski ve yeni versiyonlarını bu programla görüp test edebilirsiniz.Buradaki bağlantıdan indirebilir.Şu an versiyon atlamış yani türkçe dil eklentisini ayrıyeten indirmenize gerek yok.

Blogger Adsense Teması

Etiketler: ,

2 Cloum blogger şablon , adsenseye uyarlanmış blogger template demosuna buradan bakabilirsiniz.
Blogger Demo : Blogger avatexthemes
Worpress Demo: Avatexthemes

Download : İndirme linki

Blogger Son Yazılar Eklentisi

Etiketler:

Blogger son yazılar eklentisi eklentisinin değişik bir versiyonu normalde widgetlerden rss ekleyerek yaptığımız son yazılar veya son yorumlar eklentisini değiştirerek sitenizde bu haliyle gösterebilirsiniz.Eklentinin sayfasına gitmek için şuraya bakınız.Sayfanızda  gösterebilmek için arkaplan rengiyle biraz oynuyoruz.Sayfanızın arkaplan rengini öğrenmek için  eklentiler mevcut fakat olmayanlar şuradaki sayfadan renk kodlarına bakabilir.

Blogger Son Yazılar Eklentisi
height":"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çin
Aşağıdaki kodu sitenize ekleyin,
<div class="myClass">

<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://siteadresi.com"}}</script>

</div>
Yerleşim/Html Düzenle yapın ve ]]></b:skin> kodunu bulup üzerine aşağıdaki css kodunu yerleştirin ve arkaplan rengini kendinize göre ayarlayın.


.myClass {
width:100%;
text-align:left;
background-color:#arkaplanrengi}

.myClass h3.ybh a.ybt {
display:none}

.myClass .pipesImgdescription {
margin-left:8px}

Blogger Sitende Backlinkleri Goster

Etiketler: ,

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.

Blogger VyBe Temasi

Etiketler: ,




Blogger Vybe Temasına başladım.Bazı ufak tefek sorunlar var onları halledersem paylaşmayı düşünüyorum.İnternet explorerde sidebar biraz bozuluyor,firefox ve google chromede sorun yok.Opereda henuz denemedim.Temanın rengi hoşuma gittiği için başladım umarım güzel bir şeye benzer.


  Özellikleri:

      
  • Etiket Bulutu (Tags Cloud)  
  • Sidebar Tabs Menu   
  • Yorum Paneli
  • Blogger Seo

Temayı denemek isteyenler için kodunu veriyorum halen tam bitmiş olmamasına rağmen kullanılabilir durumda
Vybe Blogger Teması : Demo
Wordpress Vybe Teması:Alişko
Vybe Wordpress Themes:Solostream
İndirmek İçin Tıkla

Şablonu biraz düzenleyelim ;
Ü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>

ve iyi günlerde kullanın..

Css Menü Builder İle Kolayca Menü Hazırlayın

Etiketler: ,

Blogunuza veya websitenize kolayca menu hazırlayabilirsiniz.Aslında biçok alternatif var ama ben konuyu açma gereği duydum herkezin işine yaracak bir servis.
Üç farklı seçenekte menu oluşturabiliyorsunuz.Yani kullanımı çok kolay yapamayan olursa başlık altından yorum yaparak bildirin.Şuradaki sayfaya giderek menunuzu oluşturmaya hemen başlayabilirsiniz.

Blogger - İzleyiciler Kullanıma Açıldı

Etiketler: , ,


Şö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.




Sayfanızda kullanıcıları gadget olmadığı için şuan gösteremiyorsunuz ama  http://www.blogger.com/follow-blog.g?blogID=<BLOGID>  şeklinde girerseniz karşına çıkan sayfada o blogu izleme şansınız oluyor.Örnek olarak buraya bakabilirsiniz..

Esrarly Riddle Game

Etiketler:

Esrarly Riddle Game


Toplam  100 Bölümden oluşan eğlenceli bir oyun oynamak resime linke tıklayın

Blogger Devamını Oku Baglantısı Yapmak

Etiketler: ,

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.


Ctrl + f yardımıyla tekrar <p><data:post.body/></p> tagını buluyoruz.


Üstteki kodu ekledikten sonra Ayarlar | Biçimlendiriliyor safasındaki gönederi şablonu kısmına aşağıdaki kodu yapıştırın ve kaydedin.


Artık yenibir yazı oluşturup yazmaya başlayın.

Blogger Iflukantur Teması

Etiketler: ,

Fikirbozan'ın yayınladığı yeni wordpress teması üzerinde biraz oynamalar yaparak bloggere uyarladım.Bence güzel bir tema.Demosuna  şuradan bakabilirsiniz.İndirmek içince şuradan farklı kaydedebilirsiniz.

Üstteki rss iconunu  sayfada göremezseniz buradaki linkten indirin.
Arama kutusunu oluşturmak için  buradaki kodu bir html sayfasına yapıştırın.

<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>


Headerin üst kısmındaki linkler için

<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>

kodlarını html kutusuna yapıştırın.

Notepad Chose Türkçe

Etiketler: ,

Notepad Chose Turkce
Notepad Chose Türkçe teması şuradan demosuna bakabilirsiniz.



İndirmek için farklı kaydet seçeneğini kullanın.

Türkçeye çeviri :Yakuter wordpress Tema
Blogger Thema : Gosublogger
Orjinal theme : Smashingmagazine
Tarih pulu biçimini : Gün - ay - yıl şeklinde ayarlayın.

Blogger Domain 404 Hatası

Etiketler:

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.

Adsense Kodu Yerlestirme

Etiketler: , ,

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.


aşağıdaki kodu encode edip altına yerleştirin.





HTML Kaynak Kodu Giriniz :




Kodlanmış HTML Kaynak Kodu :






Copyright © 2009Son24saat