Resimli Son Yazılar [Widget]

Örnek

Son Yorumlar eklentimizden sonra Resimli Son Yazılar eklentisi ile karşınızdayım.(Hemen kurulumuna geçelim)

1.İlk olarak Blogger Kontrol Paneli'mizden Yerleşim > Gadget Ekle diyerek bir HTML/Javascript Gadget'i oluşturalım.

widget ekle


2.Ve aşağıdaki kodu kod bölümüne ekleyelim.

<style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
#recentpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#recentpostnavfeed:hover{background-color:#fefefe}
#recentpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:5px 10px}
#recentpostnavfeed .next{float:right}
#recentpostnavfeed .previous{float:left}
#recentpostnavfeed .home{text-align:center}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://blogcutayfa.blogspot.com";
    var charac = 40;
    var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"http://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Previous</a>":"<span class='noactived previous'>Previous</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>Next</a>":"<span class='noactived next'>Next</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Home</a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>


Bu kadar! İşaretlenmiş yerleri kendinize göre düzenleyebilirsiniz.

var numfeed = Gösterilecek gönderi sayısı
var urlblog = Blog linkiniz
var charac = Açıklama bölümü karakter sayısı



Blogger 404 Sayfası Ekleme

404


Eğer Blogger kullanıyorsak mutlaka 404 sayfamız olmalı demi? Bazı temalarda bu hazır olarak gelirken bazı temalarda ise sizin eklemeniz gerekmekte.(Bende olduğu gibi)

Hemen anlatmaya başlayalım.

  1.İlk olarak Blogger panelimizden Sayfalar > Yeni Sayfa yolunu izleyerek boş bir sayfa oluşturalım.Bu sayfa sizin 404 sayfanız olacağından burayı istediğiniz gibi düzenleyebilirsiniz.
--------------------
Yeni Sayfa



  2.404 sayfamızı oluşturduktan sonra tekrar Blogger panelimizden Ayarlar > Arama Tercihleri yolunu izleyeyim ve Hatalar ve Yönlendirmeler bölümüne gelelim.
--------------------
Hatalar ve Yönlendirmeler


  3."Düzenle" linkine tıklayarak aşağıdaki kodu ekleyelim.
--------------------

<script type = "text/javascript">setTimeout(function() {location.pathname= "/p/404-sayfa-linkiniz.html"}, 1000); </script>



  4.Son olarak "Değişiklikleri Kaydet" butonuna tıklayarak 404 sayfamızı ekleyelim.
--------------------
Kod görünümü


Dipnot: 404 sayfa linkinizi eklerken tam URL değil örnekte görüldüğü gibi yazınız.

Blogspot İçin Google Site Doğrulaması

blogger

Bloğumuzun Google  arama motorunda hızlı ve sağlıklı bir şekilde listelenmesini, bloğumuzda veya sitemizde oluşan DNS, robots.txt getirme ve sunucu bağlantısı hatalarını görmek için sitemizi Google Arama Konsolu'na kaydetemiz gerekiyor.

Aşağıdaki adımları izleyerek bloğunuzu/sitenizi Arama Konsoluna kaydedebilirsiniz.

  1.İlk olarak Google Webmaster Tools adresine gidelim ve Google hesabımızla giriş yapalım.
  --------------------

  2.Ardından sağ tarafta bulunan "Özellik Ekle" butonuna tıklayalım.
  --------------------

Özellik Ekle


  3. Açılan pencereye site adresimizi yazarak "Devam" butonuna tıklayalım.
  --------------------
Siteniz


  4.Doğrulama ekranına geldiğimizde sağ tarafta bulunan "Alternatif Yöntemler" sekmesine tıklayalım ve alt tarafta gelen "HTML Etiketi" doğrulama yöntemini seçelim.
  --------------------

Alternatif Yöntemler


  5.Meta etiketini kopyalayalım ve Blogger Kontrol Paneli > Şablon > HTML'yi Düzenle yolunu izleyerek kopyalamış olduğumuz kodu </head> kodundan önce ekleyelim.

Doğrulama sayfasında "Doğrula" butonuna bastığımızla bloğumuz doğrulanmış olacaktır.

Twitter DM Karakter Sınırlamasını Kaldırıyor

twitter


Çoğumuz için sorun oluşturmuş olan DM'deki (Doğrudan mesajlar) karakter sınırlaması kalkıyor.(Tweetler aynı kalacak yani)

Temmuz ayında bu sınırlamanın kalkacağını belirten Twitter, şirketler ve geliştiriciler için bir API güncelleştirmesi yayınladı.

Twitter, Temmuz ayında bu güncellemenin tüm uygulamalarda kullanılacağını belirtti.

Microsoft'tan Yeni Bir Site: TwinsOrNot.Net

Twins Or Not

Geçdiğimiz günlerde fotoğraflarımız ile yaşımızı tahmin etmeye çalışan Microsoft'tan yeni bir site: Twins Or Not.

steve reis vs bill reis

HowOldNet ile aynı görünüşe sahip olan TwinsOrNot yüklediğimiz iki fotoğrafta bulduğu kişilerin ikiz olup olmadığını tahmin edecek.(Ben de internetten ikizimizi arayacak zannetmiştim)

HowOldNet' teki gibi yaş tahminleri yapıyorsa artık kimi kime benzetecek hep birlikte görelim.



TwinsOrNot sitesine buradan, şuradan ve şurdan ulaşabilirsiniz.

Web Sitelerine Altın Oran Uygulanırsa

Web Sitelerine Altın Oran Uygulanırsa

İnsanların, hayvanların, Dünyanın ve gezegenlerin kısacası evrenin yaratılışında yüce yaratıcının kullandığı sır dolu bir sayı: 1,618 , yani Altın Oran. (Bu kadar dehşet verici bir başlangıç olduğuna bakmayın konumuz evrenin yaratılışı değil)

Rusya'nın Moskova Şehri Yamuklar Köyü'nde yaşamakta olan Igor KKK 'ın aklına gelen bu fikirle websiteleri altın orana göre yaniden şekilleniyor.(Geceleri yıldızları izlerken bulmuş)

Birinci Site: ENGADGET

(Normal Hali)

ENGADGET


Altın oranı uygulayalım:


ENGADGET

Sonuç:


ENGADGET

---------------------------------------------------------------------------------------------------------------------

İkinci Site: INTERVIEW

(Normal Hali)
INTERVIEW


Altın oran:


INTERVIEW


Sonuç:


INTERVIEW

---------------------------------------------------------------------------------------------------------------------

Üçüncü Site: BUZFEED

(Normal Hali)


BUZFEED



Yine bir altın oran daha:
BUZFEED


Ve sonuç:


BUZFEED


Igor KKK kardeşimizin diğer çalışmalarına buradan ulaşabilirsiniz.