BloggerDestek.COM | Eklentiler, temalar ve ipuçları...

Crafty Blogger Teması

noreply@blogger.com (Beardy) — Tue, 03 Mar 2009 01:28:00 PST

Crafty teması iki sütunlu hoş bir tema, sizlerle paylaşayım dedim. Orijinal olarak Its Called Web Design tarafından Wordpress için tasarlanmıştır ve FoolBlogger tarafından Blogger uyarlaması yapılmıştır. Hoş, göz yormayan ve düzgün bir tasarımı vardır ayrıca renk uyumu sağlandığında Adsense kullananlar içinde büyük avantaj sağlayacaktır.

Crafty Temasının Ön İzlemesi

Crafty Temasını İndir

Temanın sağ sutünunda küçük bir arıza çıkabilir, bu arızayı halletmek için temayı genişletip <b:include name='quickedit'/> kodlarını silmeniz yeterli olacaktır. Temayla ilgili destek için Crafty Blogger template sayfasını ziyaret edebiliriz yada aşağıdaki yorum formunu kullanarak sorunlarınızı belirtebilirsiniz.

Blogger Magazine Templates

donjuanyasin@gmail.com (donjuanyasin) — Fri, 09 Jan 2009 09:57:00 PST

BloggerDestek okuyucuları uzundur yeni bir yazı görmedi. Malesef ki yeni yılda artık sizlere çok fazla destek veremiyoruz.Malum paylaşılıcak çok yenilik yok onun yanı sıra yazar kadromuzun darmaduman olmasıda ayrı bir durum.Benimde iş okul vs hayatımdan ötürü öksüz kaldı destek blogumuz.Arasıra yazarım gördüğümü eklerim diyen varsa bir mailcik atsın arkadaşlar :) Bu aralar blogger magazine temaları buldum bir kaç adet epeyde hoşuma gitti.

Cellar Heat Premium Blogger Template

Cellar Heat Blogger Template: Benim en favori blogger magazine teması olarak gördüğüm budur abi.Renkleri modifiye edildikten sonra çok kullanışlı bir hale getirilebilinir.İncelemek isteyenler için demo
Cellar Heat Premium Blogger Template

Blogger Template: Zinmag Remedy

Observe the Demo of Zinmag Remedy
veya
Download Zinmag Remedy Template (v1.02)
veya
Download Image Hosted Remedy Template (v1.02)

Blogger Template : White Slide

Bu son olarak vericeğim bağlantıda ise video blogları için bir magazin teması sunacağım.Yeni keşfettiğim bir blogda bulduğum bu temanın download linki yoktu ama bugün eklenmiş kullanışlı ve renk olarak hoş bir tasarımı olduğunu düşünüyorum

[Demo] | [DOWNLOAD]

Blogger için Kışa Özel Logolar

donjuanyasin@gmail.com (donjuanyasin) — Tue, 18 Nov 2008 04:09:00 PST

Kışa özel birbirinden hoş ve kullanışlı blogger logolarını Taizzar tarafından hazırlanmış bu güzel çalışmayı sizlerle paylaşmak istedim.Lafı fazla uzatmadan ;

İndir

Buzla Blog Yarışması

donjuanyasin@gmail.com (donjuanyasin) — Sun, 02 Nov 2008 12:05:00 PST

Uzun zamandır yazmaya zaman bulamamaktan ziyade yazmaya değebilicek pek bir konu bulamamaktan yakınarak nette zap yapıyordum.Google reklamlarında blog yarışması ilanını görüp hemen tıkırtattım.Bizlerinde uzun zaman önce düşündüğü ama hayata geçiremediği bu yarışmanın var olması blog camiamız için sevindirici haber.Umarım sonuçlarıda demokratik olur.En son forum.iyinet.com webmaster sitesinin bir yarışması vardı bildiğim ve son ay yarışma iptal edilmişti.Ondan sonra yarışmalara karşı epey soğudum.Fakat Ödüllerde yabana atılmıcak türdün birinci arkadaşa meşhur iphone 3 g hediye edilicekmiş.17 Kasım'a kadar ön kayıtlar alınıcakmış bu duruma göre acele etmekte fayda var, kriterler kurallar nedir onları anlatıcak değilim. http://blogyarismasi.blogspot.com/ adında ki blogdan ayrıntılı bilgi alınabilir.
İyi olan kazansın :)

EZ Round Blogger Teması

deastrilsion@gmail.com (Emre Zeytin) — Wed, 10 Sep 2008 10:02:00 PDT

Bu benim emeğim geçipte yayınladığım ilk Blogger teması, umarım beğenirsiniz. 3 saatte, Blogger'ın standart temalarından Rounder temasıyla oynayarak hazırladım.

Önizleme | İndir

Blogger için Flash Etiket Bulutu

guven.harun@yahoo.com (Harun) — Sun, 31 Aug 2008 07:44:00 PDT

Wordpress bloglarında gördüğümüz flash etiket bulutunu Blogger Buster'de blogger'a uygulanışı anlatılmış.İngilizcesi olmayanlar için anlatıyım.Baştan söyliyim Türkçe karakterler çıkmıyor js bilgisi olanlar bunu düzeltebilirler sanırım.

Yerleşim>Html düzenlede Ctrl+F Tuşlarına basıp aşağıdaki kodu arıyoruz. - işaretini kodu ararken silin kod gözükmediği için koydum.

Kodu görmek için tıklayınız

Daha sonra yukarıdaki kodun altına aşağıdaki kodu yapıştırıyoruz.

Kodu görmek için tıklayınız

Sıra geldi etiket bulutunun genişliğine ve rengine

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

240 ve 300 genişlik için temanıza göre ayarlamanız lazım.

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Kırmızı işaretli yer reng kodu ,etiket bulutunun arkaplan rengini burdan değiştiriyorsunuz

Ve bunları yaptıkdan sonra temamızı kaydediyoruz.Daha sonra sayfa öğesi ekle kısmından etiketler i uygun bir yere sürüklüyoruz.Bitti bu kadar.Hayırı olsun.

Not: Her temada olmuyor,yapılabilmesi için temanızda ilk aramanız için verdiğim kodun olması lazım.Kendi bloğuma yapmaya çalıştım yapamadım.Bende şuraya yaptım. :)

Blogger Buster'da ayrıntılı olarak anlatılmış.Daha detaylı bilgi için oraya bakın.

Page Navigation Menu Blogger için Widget

guven.harun@yahoo.com (Harun) — Sat, 30 Aug 2008 07:56:00 PDT

Şu adresteki blogda yukarıda gördüğünüz gibi blog yazıları sayfalama widgeti anlatılmış.Yalız birinci sayfadan ikinci sayfaya geçince birden fazla yazı değil bir sonraki yazıyı gösteriyor.

Yapmanız gereken şu adreste verilen kodu kopyalıp sayfa öğesi ekle kısmından HTML/JAVASCRİPT i şeçip oraya yapıştırmak.

Ve widgeti blog yazılarının altına yerleştirmek.

Kendi bloğuma uyguladım demo olarak bakmak isteyenler bakabilirler.

Blogger Sağ Tarafta Kayan Banner

donjuanyasin@gmail.com (donjuanyasin) — Fri, 15 Aug 2008 17:46:00 PDT

Bir çok websitesinde görmüş olduğunuz sağ tarafta bulunan siz hareket ettikçe aynı doğrultuda hareket eden kayan bannerların blogger için nasıl yapıldığını bu yazıda bulabilirsiniz.
Birçok arkadaş biliyordur belki ama ben yinelemekte fayda buluyorum herkes kaynak sayfasından bu kodları bulmakla uğraşmasın burada elinin altında bulunsun.Bu kod ile reklamlarınızı kayan banner olarak yayınlayabilir ziyaretçinizin ilgisini biraz daha çekebilirsiniz bu ne kadar faydalı olur hiç bilemiyorum test etme imkanım olmadı.Neyse gelelim uygulama aşamasına;

Sayfanın herhangi bi yerine HTML/JavaScript ile eklemeniz gereken kodu görmek için tıklayınız.
Görmüş olduğunuz kodu eklerken en alt kısımda "Reklam kodunuzu buraya ekleyin" ibaresine dikkat edip gereken düzenlemeyi yapınız.
Daha sonra sayfanızda bir yere ekleyin ve Kaydettikten sonra reklamınız yayınlanıcaktır.İşte hepsi bu kadar basit.
Örnek görebilmek isteyen arkadaşlar için buyrun demo

Vibrant Blogger XML Template

donjuanyasin@gmail.com (donjuanyasin) — Fri, 15 Aug 2008 16:46:00 PDT

Gosublogger kısa tatil döneminde ki sessizliğini güzel bir xml tema ile bozmuş herşeyi devletten beklemeden bu sefer onun yapmış olduğu bu hoş temayı ben sizlere tanıtıyorum.

Tema capcanlı cıvıl cıvıl renklere hitab ediyor.Mavi renk herzaman kullanıcı dostu olduğu söylenir gerçekten doğru.3 sutunlu olması kullanım açısından büyük genişlik sağlamakta.Ayrıca İnternet Explorer'da gayet düzgün çalışmakta.

DOWNLOAD | DEMO

Bunun dışında tamamı yeni olmasada bloggerbuster hanım blogunda 125 adet birbirinden hoş blogger xml tema derlemesinde bulunmuş göz atmanızı tavsiye eder saygılarımı sunarım.

Progress Bar Oluşturmak

noreply@blogger.com (DreamPXL) — Tue, 05 Aug 2008 13:21:00 PDT

Merhabalar.
Blogger Destek Merkezi üzerinde ilk yazım. Umarım faydalı ve güzel işler başarırız.
Bu yazıda size nasıl progress bar oluşturacağınızı anlatacağım. Her şey bittiğinde şöyle bir görüntü elde edebileceksiniz:

Peki bunu nerede kullanabiliriz? En basitinden makale yayınladığınız ya da derleme yaptığınız bloglarınızda mevcut projenizin durumunu gösterebilirsiniz. Fikir sizin.

Öncelikle şu kodları <head>...</head> arasına yerleştirelim.



<style type="text/css">
div.smallish-progress-wrapper
{
/* Don't change the following lines. */
position: relative;
border: 1px solid black;
}

div.smallish-progress-bar
{
/* Don't change the following lines. */
position: absolute;
top: 0; left: 0;
height: 100%;
}
div.smallish-progress-text
{
/* Don't change the following lines. */
text-align: center;
position: relative;
/* Add your customizations after this line. */
}
</style>
<script type="text/javascript">
function drawProgressBar(color, width, percent)
{
var pixels = width * (percent / 100);

document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">');
document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>');
document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>');
document.write('</div>');
}
</script>

Daha sonra progress barı nereye koyacağınıza karar verin ve şu kodları yapıştırın:

<script type="text/javascript">drawProgressBar('#987654', 200, 34);</script>

Buradaki değiştirebileceğiniz değerler:
200: Progress barın genişliği
#987654: Progress barın dolgu rengi
34: Progress barın % değeri

Kolay gelsin.

Rastgele Bağlantı Kutuları

sedran@pcdostu.com (Sedran) — Tue, 05 Aug 2008 09:29:00 PDT

Blogger'da 30*30 resimler şeklinde bağlantılar kullanıyoruz bir çoğumuz. Peki bu bağlantılarımız istediğimiz sayıdan fazlaysa ne yapacağız? İşte o zaman sadece ana sayfada görünmesini istediğimiz kadar bağlantıyı rastgele gösteren bir script kullanmamız gerekiyor. Tüm bağlantıları kodluyoruz, ve sonra scriptimiz sayfa her yenilendiğinde bu bağlantılardan istediğimiz kadarını rastgele misafirlere gösteriliyor. Güzel değil mi? :)

Anlatımı okumak için yazarlarımızdan Emre Zeytin'in sitesine bağlanıyoruz.... Bağlantı.

Scour ile arama yaparak para kazanın

noreply@blogger.com (Beardy) — Sat, 02 Aug 2008 15:20:00 PDT

Günde kaç kez arama yaptığınızı hiç düşündünüzmü ? Eğer işiniz gücünüz yoksa zamanınızın büyük bölümünü internette harcıyorsanız , büyük ihtimalle 500'e yakın bir arama yapıyorsunuzudur , benim için bu rakam daha da fazla , peki bu aramalarla sadece Google'a kazandırmak yerine cep harçlığınızı çıkarmaya ne dersiniz ?

Scour bahsini ettiğimiz programın adı , merak etmeyin yeni bir arama motoru değil , Scour'dan arama yapıyorsunuz , Scour da size 3 dev arama motorundan yani Google , Yahoo ve Live ' den sonuçlar sunuyor isteğe bağlı olarak sonuçları sadece bu motorların birinden de isteyebiliyorsunuz , demek istediğim Google da aradığınızla Scour ile aradığınız arasındaki tek fark Scour'un size para ödemesidir.

Peki iyi güzel de nasıl kazanacağım diyorsanız , Scour puan sistemine bağlı ödeme yapıyor örneğin 6.500 puana 25 dolar veriyor , 12.500 puana 50 dolar ve 25.000 puana 100 dolar veriyor.

Tamam bu da güzel puanı nasıl toplayacağım diyorsanız o da basit.

Üye olarak - 50 puan
Arama yaparak - 1 puan
Arama sonuçlarını oylayarak - 2 puan
Arama sonuçlarına yorum yaparak - 3 puan

kazanıyorsunuz . Bununla birlikte davet ettiğiniz arkadaşlarınızın kazandığı puanların %25'i size de veriliyor. Anlayacağınız avantajı bol.

Ödemeleri Visa Gift Card ile yapıyor Scour , yani size hediye kartı gönderiyor ve bu kartla paralarınızı harcayabiliyorsunuz.

BURAYA TIKLAYARAK SCOUR'A DAVETİMLE ÜYE OLABİLİRSİNİZ !

GabFire Blogger Teması

noreply@blogger.com (Beardy) — Fri, 01 Aug 2008 11:44:00 PDT

Bloggrazzi'de en iyi 20yi gezerken Mehmet'i farkettim , güzelde wordpress temaları vardı Mehmet kardeşimizin , beğendiğim bir tanesini uyarlayabilirmiyim diye sordum o da sağolsun izin verdi , ben az önce Mehmet'in Gabfire Maq adlı temasını Blogger'a uyarladım. Beğeneceğinizi umuyorum.

Gabfire Maq teması 3 sütunlu , 2 sütunda tam 160 x 600 ve 250 x 250 reklamlar için detayını demosunda göreceksiniz birazdan , üste çok güzel gezgin menüsü yapmış Mehmet , Blogger'ın nav bar'ı gibi duruyor , arkaplan resmide oldukça başarılı , çuk oturmuş desek yeridir.

Gabfire Maq Teması :

3 Sütunlu
Blogger XML uyumlu
IE , Firefox ve Safaride test edildi , sorun yok.

Gezgin'e Link Eklemek :

Tema kodlarından CTRL + F birleşimini kullanarak aşağıdaki kodları buluyoruz ;

Home

Buldunuz sanırım , şimdi bu kodlardan sonra şu şekilde ek link ekleyebilirsiniz ;

Menü adı

Önizleme yapın olduysa kayıt edin.

Şimdi , demoyu ve indirme linklerini vereyim sizde yorum yapın ki daha güzel temalar çıksın :)

İndir | Önizle

Pageaer Yapmak

guven.harun@yahoo.com (Harun) — Thu, 31 Jul 2008 05:53:00 PDT

Önceleri joomla da yada wordpresste pageear görmüşsünüzdür.Ben bloggerda nasıl durur niye merak etdim ve denedim.Şimdi nasıl yapıldığını anlatıyorum... /DEMO/

samall.png Bu pageear açılmadan önceki küçük resim {İndir!}

large.png Bu Pageear açıldıkdan sonra gözüken resim yani reklam {indir!}

reklam.js Bu ise javascript dosyamız {indir!}

Şimdi reklam.js dosyasını değiştireceğiz.İndirdiğimiz dosyayı wordpad de açıyoruz. Değiştirmeniz gereken linkleri kırmızıya işaretledim.

1-Pageeara tıklandıgı zaman yönlendiricek olan adres.

2-samall.png Bu pageear açılmadan önceki küçük resim buraya kendi resminizin linkini koyabilirsiniz

3-large.png Bu Pageear açıldıkdan sonra gözüken resim buraya reklamınızı koyulacak.

değiştirmeler bitdikden sonra dosyayı kaydediyoruz ve upload ediyoruz.

Sonra kodumzudaki linki upload ettiğimiz reklam.js dosyası ile değitiriyoruz.

Kodumuz:

Kodu görmek için tıklayınız.....

ctrl+f tuşlarına basarak -bu- kodunu arıyoruz ve önüne yukarıdaki kodu yapıştırıyoruz.Eğer pageearın sadece anasayfada çıkmasını istiyorsanız -bu- koddan sonra yapıştırın.

Ve bitti.Bu kadar.

Tasarımcılara Faydalı Olabilecek Kaynaklar

sedran@pcdostu.com (Sedran) — Fri, 18 Jul 2008 03:39:00 PDT

Bloggercılar ve diğer blogculara tasarımda yardımcı olabilecek birkaç kaynak bir araya getiriyorum. Bunlar hiç tasarımdan anlamayanından tasarım manyaklarına kadar herkesin işine yarayabilecek kaynaklar. Sizler de yorumlarınızla bu arşive katkıda bulunabilirsiniz.

1) Fatih Hayrioğlu'nun CSS Dersleri
Fatih Hayrioğlu'nun web sitesinden birçok şey öğrendim bu ay, çok iyi hazırlanmış bir web sitesi var, CSS hakkında birçok kaynak incelemiş, bizler için bu bilgileri derlemiş. Ve en sonunda da bütün bunları tek bir başlık altına arşivlemiş. Neredeyse CSS ile ilgili herşeyi anlatmış. Helal olsun valla. Ayrıca bir de e-kitap yazmış CSS ile ilgili... Buyrun...

2) Temel CSS Dersleri: CSS Nedir ve Nasıl Kullanılır
Bunu da ben blogumda yazmıştım bir gün oturup da. CSS'ye iyi bir giriş yapmıştım. Ama daha sonra Fatih Hayrioğlu'nun sitesini görünce bunları boşuna yazdığımı düşündüm :) Buyrun...

3) Javascriptİndir
Burada da birçok kullanışlı javascript kodunun derlenmiş ve kategorilenmiş halini görüyoruz. Az çok javascript ve HTML'den anlayanlar için çok güzel bir kaynak. Buyrun...

4) DHTMLGOODİES
Javascript ve HTML Kodlarıyla harikalar yaratıyorlar ajax ve javascript alanında kendi ürettikleri kodları yayınlıyorlar kaynak ingilizce ama gayet güzel. Birçok güzel kodu burada bulabilirsiniz. Buyrun...

Düzenleme(unuttuğum bir ayrıntı);
Az kalsın Web 2.0'ı unutuyordum. Onunla ilgili de bir kaynak vereyim istedim.
5) Hazır Web 2.0 Tasarım Araçları
eburhan hazırlamış birçok web 2.0 kaynağını bir araya getirmiş. Çok işe yarar bir çalışma olmuş doğrusu... Buyrun...

Bunlar benim en çok kullandığım kaynaklar... Sizin de beğendiğiniz başka güzel html, javascript, css kaynakları varsa buraya bir şekilde iletebilirsiniz. (Mesela yorum yaparak :))

İyi günler dilerim...

Blogger İçin Benzer Yazılar Eklentisi

sedran@pcdostu.com (Sedran) — Wed, 16 Jul 2008 03:25:00 PDT

Bir yazımız vardı benzer yazılar diye ve kelimelerin soyağacı'na link içeriyordu, ama oradaki yazı silinmiş. Bana da lazım oldu ilk baktığım yer burasıydı ama burada bulamadım biraz daha araştırdım bulduğum yazıyı bu kez link vermeden ben yazıyorum.
Gerekli gördüğüm açıklamalar;
-Bu eklentinin çalışma mantığı şu; bir yazının altında o yazıda bulunan etiketlerdeki yazıların bağlantıları çıkıyor, bunu RSS'den Javascript aracılığıyla getiriyor ve bu nedenle etiketlerimizin isimlerindeki Türkçe karakterler görünmüyor. Bu nedenle bu eklentiyi kuracaksak etiketlerimizi Türkçe karakter olmadan yazalım. (ğ,ü,ş,ı,ö,ç yerine g,u,s,i,o,c)

Şimdi gelelim eklentinin kurulmasına;;
- Blogger Kontrol Panelinden blogunuzun yönetim paneline girin ve HTML'yi düzenle kısmına gelin.
- Widget şablonlarını genişlet seçeneğini tıklayın.
- CTRL+F yardımıyla <data:post.body/> kodunu bulun.
- Altına şu kodları yerleştirin;


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
    <div class='widget-content'>
<h3>Benzer Yazılar</h3>
<div id='data2007'/><br/><br/>
        <script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
  var ul = document.createElement(&#39;ul&#39;);
  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
                 json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
      if (entry.link[k].rel == &#39;alternate&#39;) {
        alturl = entry.link[k].href;
        break;
      }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

 if(a.href!=location.href) {
  var txt = document.createTextNode(entry.title.$t);
  a.appendChild(txt);
  li.appendChild(a);
  ul.appendChild(li);
 }
  }
  for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
      var raw = json.feed.link[l].href;
      var label = raw.substr(homeUrl3.length+13);
      var k;
      for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
      var txt = document.createTextNode(label);
      var h = document.createElement(&#39;b&#39;);
      h.appendChild(txt);
      var div1 = document.createElement(&#39;div&#39;);
       div1.appendChild(h);
      div1.appendChild(ul);
      document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
  }
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
 + label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
       labelArray.push(textLabel);
       var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
              labelArray.length : maxNumberOfLabels;
       if (numLabel &lt; maxLabels) {
          search10(homeUrl3, textLabel);
          numLabel++;
       }
    }
  </b:loop>
</b:loop>
</script>
</div>

</div>

</b:if>

-Bu kadar. Şablonunuzu Kaydedin.
Hayırlı Günler Dilerim :)

Genkit Teması

noreply@blogger.com (Beardy) — Tue, 15 Jul 2008 04:31:00 PDT

Ericilous tarafından yapılan Wordpress temasını Blogger'a uyarladım , açık renleryile gözüme çarptı ve çevirelim dedik :) , kenardaki kayan menuyu türkçeleştiremeyeceğiz malesef , .psd dosyasını koymamış yapan herif. Contact maili değiştirmek için temadan

yourmail@mail.com

'u aratın ve kendi mailinizle
değişin :)
indir | demosu

Bu arada BlogandWeb.com ve BloggingTips.com GosuBlogger'dan bahsetmiş çok hoşuma gitti paylaşayım dedim :) daha öncede BloggerBuster ve JackBook da GosuBlogger'ı konu edinmişti :) neyse temayı beğenirsiniz umarımm!

Blogger Yardım Videoları

kaanpc@gmail.com (Kaan) — Sun, 29 Jun 2008 05:15:00 PDT

Blogger Eğitim Videoları'nı çekmeye başladım.Bundan böyle Blogger'ın herşeyini videolu destek ile öğrenebileceksiniz.Acemiler için güzel bir kaynak olacağını umuyorum.Genellikle blog hakkında yazılar çok fakat video pek yok.Bu iş aklıma yeni geliyor ancak elimden geldiğince hızlı ve güzel bir şekilde nlatmaya çalışacağım.Bölümler bittiğinde tek bir yazı tarafından yayınlanacak.Böylece herhangi bir yazı karışıklığı önlenmiş olacak.Videolar basitten zora doğru ilerleyecek.İyi seyirler...

Videolara ulaşmak için tıklayın.

Wordpress Gibi Yazı İçinde Yorum Formu

sedran@pcdostu.com (Sedran) — Sat, 28 Jun 2008 07:44:00 PDT

Blogger Draft üzerinde yapılan yeniliklerden birisi de bugün ortaya çıktı! Blogger'de artık yazı içine yorum formu ekleyebiliyoruz. Şüphesiz bu biz blogger yazarlarının en çok istediği şeylerden birisiydi ve bu özellik meydana çıktı. Bu özelliğin nasıl uygulanacağını hemen büyük blogger yazarları bloglarında yazmışlar bize de bunu çalıp buraya yazmak düşmez ya :) İşte Mafiamax'ın anlatımıyla Blogger'da Yazı İçine Yorum Formu Eklemek; tıkla!
Blogger'da son zamanlarda yapılan ama sadece draft üzerinden ulaşılabilen birkaç yenilik daha var, bunlara bakmak için de kaan-blog'a zıpla; link!

Etiketler Sorunu İçin Çözüm Önerisi

sedran@pcdostu.com (Sedran) — Thu, 26 Jun 2008 00:52:00 PDT

Merhaba,
Önceki yazılardan birisinde etiket sayfalarında çok fazla yazı gösterilmesi sorununa bir çözüm aranmıştı.
Orada verilmiş bir URL eklentisi vardı: ?max-results=3 şeklinde.
Bu URL eklentisini aldım didikledim didikledim ve sanırım sorununuza çare olacak birşey buldum :)
Burda vereceğim kodlar blogger şablonunuzun bayağı bir içine gömülmüş olduğundan böyle ince ayarlar yapmadan önce şablonunuzu yedekleyin.

Şimdi, Öncelikle HTML Düzenleye giriyoruz blogumuzda...
"Widget Şablonlarını Genişlet"'e tıklıyoruz. Tıkladık mı?
Sonra açılan sayfada CTRL+F yardımıyla data:label.url kodlarını buluyoruz ve bulduğumuz bütün data:label.url kodlarını şununla değiştiriyoruz;

data:label.url + "?max-results=3"

Normal bir blog sayfasında bu koddan 2 yada 3 tane olması gerekir. Neyse, bunları yaptıktan sonra şablonumuzu kaydediyoruz. Ve etiketlerimizin linklerine bakıyoruz linkin sonuna ?max-results=3 eklenmişse tamamdır başardınız.

Edit+Not:Etiketler sayfalarınızın bir tanesinde kaç tane yazı gösterilmesini istiyorsanız koddaki 3 rakamının yerine onu yazınız.

İyi günler dilerim efendim :)

Reklamlarınız Yazı İçinde Yayımlansın 2

sedran@pcdostu.com (Sedran) — Sun, 15 Jun 2008 15:30:00 PDT

Adsense'den aldığımız kodun ana sayfaya değil de yazı sayfalarına, ve yazıların üstüne eklenmesini şu yazıda görmüştük. Reklamlar Yazı İçinde Yayımlansın.
Bu şekilde yaptığımızda reklamlar yazı sayfasında, yazının üstünde görünüyordu.
Şimdi bu reklamları tasarım açısından hoş bir hale getirmek için kendim de uyguladığım ve gelirimi de iyi arttırdığını gözlemlediğim bir yöntemi anlatayım.
Bu yazıyı uyguladıktan sonra adsense reklamınız yazı içinde, yazı ile aynı hizada yazının sağında veya solunda olarak görünecekler.
İlk iş olarak blogumuzun paneline girip, Yerleşim -> HTML'yi Düzenle kısmına giriyoruz ve Widget Şablonlarını Genişlet seçeneğini açıyoruz.
1) Adsense'den kodlarımızı alıyoruz. Bunu yapmayı biliyorsunuzdur. Yazının dizaynını bozmaması için alacağınız reklamların boyutu 200x200 idealdir bence.

2) <data:post.body/> kodunu buluyoruz ve üzerine şu kodları yapıştırıyoruz;
<span style='float:right;'>
<b:if cond='data:blog.pageType == "item"'>

</b:if></span>
b:if ile başlayan kodlar reklamın sadece yazı sayfalarında görünmesini, yani ana sayfada görünmemesini sağlar, span kodu arasına almamın nedeni ise sağa dayalı yapmak için float css tagını eklemektir. float: right yerine float:left yazarsanız reklamlarınız sola dayalı olur.
3)Bu kodların arasına adsense reklam kodumuzu yerleştiriyoruz ve
Yerleştirdiğimiz adsense kodlarındaki bütün
(<) işaretlerinin yerine (& l t ;)
(>)işaretlerinin yerine (& g t ;) ve
(") işaretlerinin yerine (& q u o t;)
kodlarını yazıyoruz. Tabi parantezsiz ve karakterlerin aralarındaki boşlukları silerek. Biz bu kodları aralarında boşluklar olarak verdik çünkü burada o kodları yazdığımızda otomatik olarak simgelediği işarete dönüşüyor.
Daha sonra şablonumuzu kaydediyoruz.
Örnek olarak PCDostu'ndaki herhangi bir yazıya girebilirsiniz.

2 tema daha

noreply@blogger.com (Beardy) — Sat, 14 Jun 2008 13:13:00 PDT

ÖSS'ye giren arkadaşlara başarılar dileyerekten aşağıdaki temaları beğeninize sunuyorum

Lazy Day Teması

Demo | Download

Angelic Teması

Demo | Download

Angelic Teması Optimizasyonu

Yükledikten sonra 'slogan' diye aratın ve aşağıdaki kodlarını kendinize uyarlayın , bu sizin header bölümünüz IE de sorun çıktığı için manuel düzenleme yapıyoruz. ;

<span class='title'><a href='BLOG-LINKI'>BAŞLIĞI</a></span> <span class='slogan'>AÇIKLAMASI</span>

Sonra About bölümünü düzenleyeceğiz , " gosu11 " diye aratın ve bulduğunuz satıra hakkınızda birşeyler yazın

var newEl = new Element('div', {'class': 'element'}).setHTML('Write something here.gosu11');

başlığını değiştirmek için koyu alana istediğiniz başlığı koyun

var newTog = new Element('h3', {'class': 'toggler'}).setHTML('About');

diğer başlıkları değiştirmek için başlığı aratıp türkçeleştirin , daha çok insana hitap ettiği ve linklerimi silmedikleri için ingiliz dilinde çeviriyorum , gerçekten emeğe bu kadar saygısızlık yapan bizden başka millet varmı bilmiyorum ( tepki gösterceksiniz belki ama malum bu arkadaslar canlı örneğini yaşıyorum ) . İnşallah düzeliriz .

Freedom Wall Blogger Teması

noreply@blogger.com (Beardy) — Wed, 11 Jun 2008 14:03:00 PDT

Uzun zamandır tema yapmıyordum , bugun zahmet edip yaptım =P , işte tema , internet explorer yine zorluk çıkardı biraz ama atlattık Allah'a şükür :D , bol keseden arkadaşlarada link verdim footerda alexa technorati bloggrazzi artar artık =P

Demo | Download

Rastgele Bağlantılar Eklentisi

deastrilsion@gmail.com (Emre Zeytin) — Fri, 23 May 2008 09:56:00 PDT

Blogunuzda fazla bağlantı değişimi yaparak, 30-40 veya daha fazla bağlantıyı blogunuzda bulundurmak zorunda olabilirsiniz. Bu bağlantıları azaltmanın 2 yolu vardır:
a. 30-40 bağlantıdan çoğunu blogunuzdan çıkartıp, 'bağlantımı niye kaldırdın' diye mail atanlara cevap vermeyerek.
b. Bu işten herkes karlı çıksın deyip, Rastgele Bağlantılar eklentisini uygulayarak.
Benim bu ikisinin arasında bi' seçim yapmam gerekiyordu. Ben ilk önce a'yı seçtim. Pişmanlık duydum:) Yeni temaya geçtikten sonra b'yi seçtim. Bende mutlu oldum, bağlantı değişimi yaptıklarımda mutlu oldu.(umarım)
Bugün burada bulunma amacım sizlere Rastgele Bağlantıların nasıl yapıldığını anlatmak.
NOT: Her zamanki gibi, Blogger Kontrol Panelini baz alarak anlatımı yapıyorum. Diğer sistemler beni ilgilendirmiyor.
1. Yerleşim>Sayfa Öğeleri>Sayfa Öğesi Ekle yolunu izliyoruz.
2. HTML/JavaScript'i seçiyoruz. Aşağıdaki kodu ekliyoruz.

<script charset="utf-8" type="text/javascript">

var chess_blogs = [
'<a href="http://www.baglanti1.com/" target="_blank">Bağlantı 1</a>',
'<a href="http://www.baglanti2.com/" target="_blank">Bağlantı 2</a>',
'<a href="http://www.baglanti3.com/" target="_blank">Bağlantı 3</a>',
'<a href="http://www.baglanti4.com/" target="_blank">Bağlantı 4</a>',
'<a href="http://www.baglanti5.com/" target="_blank">Bağlantı 5</a>'
];

function randomize (a_items, n_count) {
    var n_index, s_html = '';
    while (a_items.length && n_count) {
        n_index = Math.ceil(Math.random() * a_items.length) - 1;
        s_html += '' + a_items[n_index] + '
';
        a_items[n_index] = a_items[a_items.length - 1];
        a_items.length = a_items.length - 1; 
        n_count--;
    }
    return s_html + '
';
}

document.write (randomize (chess_blogs, 3));

</script>

3. Buradaki bağlantıları kendinize göre düzenleyebilirsiniz. Dikkat etmeniz gereken bir nokta: En son düzenlediğiniz bağlantının sonunda ,(virgül) yok.
4. Sayda rastgele kaç bağlantı olmasını istiyorsanız chess_blogs, 3 kelimesini aratın. Burdaki 3, rastgele 3 bağlantının gözükeceğini gösteriyor. Bunu kendinize göre düzenleyin.
Oldu bitti.

Lightbox Nasıl Yapılır?

deastrilsion@gmail.com (Emre Zeytin) — Fri, 23 May 2008 09:50:00 PDT

Bugün, ufak tefek çalışmalar sonucu Lightbox'ı bloguma uygulamayı başardım. Lightbox'ı bileniniz var, bilmeyeniniz var. Peki nedir bu Lightbox?
Lightbox, küçük resimlerin önizlemelerini sayfayı terketmeden görmenizi sağlayan basit bir JavaScript uygulamasıdır. Örnek için şurayı ziyaret ediniz.
Peki nasıl yapılır bu Lightbox denen şey?
1. Lightbox 2.0 için gerekli olan dosya buradan indiriyoruz.
2. İndirdikten sonra, zipli dosyayı bir yere çıkartıyoruz. 'images' klasörü içerisindeki; close.gif, closelabel.gif, loading.gif, nextlabel.gif, prevlabel.gif dosyalarını ImagesHack gibi yerlere upload ediyoruz.
3. Lightbox.css dosyasını açıp, önceden bir sunucuya yüklediğimiz resimlerden nextlabel.gif ve prevlabel.gif'i alıp o dosyaya yerleştiriyoruz.[Orada (...images/nextlabel.gif) şeklinde olan yerlere.]
4. Lightbox.js dosyasını açıp; loading.gif, closelabel.gif dosyalarını yerleştiriyoruz.
5. Şimdi, GooglePages gibi yerlere resimleri yerleştirdiğimiz; Lightbox.css, Lightbox.js, Prototype.js, scriptaculous.js dosyalarını yüklüyoruz.
6. Yerleşim>Html'yi düzenle yolunu izliyoruz, <head> kodundan sonra aşağıdaki kod kümesini ekliyoruz.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder">
</script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>

7. Bu kod kümesine 5. adımda bir servise yüklediğimiz dosyaları yerleştiriyoruz.
8. Temamızın kodlarıyla burada işimiz bitiyor. Kaydediyoruz.
Yazı yazarken resmimize Lightbox'ı uygulamak için aşağıdaki kodu kendimize göre düzenliyoruz.

<a href="Resim adresi" rel="lightbox" title="Resim açıklaması">
<img src="Resim Adresi"/></a>

NOT: Bu yazı, Blogger Kontrol Paneli baz alınarak yazılmıştır.