Pageaer Yapmak


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

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:
<script src='http://sedran.web.officelive.com/Documents/reklam.js' type='text/javascript'/>
ctrl+f tuşlarına basarak <body> kodunu arıyoruz ve önüne yukarıdaki kodu yapıştırıyoruz. Ve bitti.Bu kadar.

Adsız
0 Yorum yapıldı!

Tasarımcılara Faydalı Olabilecek Kaynaklar

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

Adsız
0 Yorum yapıldı!

Blogger İçin Benzer Yazılar Eklentisi

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

Adsız
,
0 Yorum yapıldı!

Genkit Teması

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.

Not: Bu yazı BloggerDestek Tema bloguna taşınmıştır.
http://tema.bloggerdestek.com/2009/08/genkit-temas.html

Adsız
0 Yorum yapıldı!
 
 
OrtayiPisletenV1 - Copyrgiht 2013 - Tüm haklarımı annem kaldırdı - Tema Yapımcısı: TanerC.