Blogger Resimli Son Yazılar Eklentisi

Benimde Kullanmış Olduğum Son Yazılar Eklentisini Sizlere Sunuyorum. Bu Eklenti Her Blogda Olmazsa Olmazlardan Şimdi Sizde Sıra Sizde Koyun.














Kodu Gadget Ekleden HTML/JAVASCRİPT'e Tıklayıp Ekliyoruz.

<style>
img.recent_thumb {
width:70px;height:55px; border: 1px solid #e3e3e3; padding:3px; float:left;margin:0px 5px 5px 5px;
}
.recent_posts_with_thumbs {
float: left; width: 100%;min-height: 65px; margin: 5px 0px 5px 0px;padding-left: 5px; font-size:12px;
}
ul.recent_posts_with_thumbs li {
padding-bottom:5px;padding-top:5px;min-height:65px;
}
.recent_posts_with_thumbs a {text-decoration:none;
}
.recent_posts_with_thumbs strong 
{
padding-left: 5px;
}
</style>


<script style='text/javascript'>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)


{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi4Ge6w0J_IUyJIRXZ02d1YSar4t1GOEiQpsDz8EiDlFceEhkowRNRCwMNp5oS2D4D7MDcYVpw8CXcE91_lKf6X4Ob10tCaK6wuv3xnIl8CbdYt7Q4WtRWWdgAw-k-FHikF97ks4Aq508/s400/noimage.png';

}


var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');


if(showpostthumbnails==true) 
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');

    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");


if (showpostsummary == true) {

      if (postcontent.length < numchars) {
          document.write('');
         document.write(postcontent);
          document.write('');}
      else {
          document.write('');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}

if(showcommentnum==true) 
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}

if(displaymore==true) 
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';
flag=1;
;
}




document.write(towrite);

document.write('</strong></li>');
if(displayseparator==true) 
if (i!=(numposts-1))
document.write('<hr size=0.5>');
}document.write('</ul>');



}
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
</script>

<script src='http://erencakiciprogram.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Kodu Eklemeniz Yeter.

Kar Yağma Kodu [HTML] 2013 Yeni Özellik

Arkadaşlar Bir Çok Kişi İletişimden İstek Olarak Kar Yapdırma Kodu İstemiş Bende Gelişmişini Buldum.

Örneğin Kar Yağıyor Sitede Aşağı İnerken Mausenizi Oynatırsanız Rüzgar İter Gibi İtmesini Sağlıyor.


Kodumuz :

<script src='http://epfarki.com/ep/dosya/snowstorm.js' type='text/javascript'/>

Eklemeyi Bilmeyenler İçin 

Resimli Anlatım :

Blogger Tema Yükleme [Resimli Anlatım]

Bir Çok Kişi Genellikle Yeni Başlayanlar Tema Nasıl Yüklenir Diye Sormuş Bende Size Resimli Olarak Anlatim :


1 - Şablonlara Tıklıyoruz.

2 - Sağ Üst Taraftaki Yedekle / Geri Yükleye Tıklıyoruz.

3 - Dosya Seçim Temamızın Dosyasını Açıyoruz.

4 - Ardından Yükle Adlı Butona Basıp Bekliyoruz. Ardından Temamız Yüklenmiştir.

Anlatım Ve Resimler Bana Aittir. Alıntı Yapacaksan Blogumun Adresini Köşeye Yazarsan Sevinirim Yada Resimleri Düzenleyip Ben Yaptım Filen Demeyin. LÜTFEN..

Blogunuza İndir-Uyarı- Bilgi Yazı Stili Ekleme

Blogunuz'a yazı stili olarak "Bu bir bilgilendirme yazısıdır." veya "Bu bir İndirme Yazısı'dır" yazmak istemez misiniz ? Blogunuzu daha kaliteli gösteren kaliteli bu kod ile artık daha kaliteli bloglara bloglayın. Blogunuzda TASARIM > HTML'Yİ DÜZENLE yolunu izleyin hemen ardından aşağıdaki kodu bulun eğer bulamazsanız Widget Şablonunu Genişletin:

]]></b:skin>

Bu kodu bulduktan sonra hemen üstüne aşağıdaki kodları eklemelisiniz.

.uyari {
background: #f9cccc url(http://www.yukleresim.com/dm-N3RB.png) 15px center no-repeat;
text-align: left;
padding: 10px 20px 10px 65px;
border-top: 2px solid #d34b4b;
border-bottom: 2px solid #d34b4b;
margin:10px auto;
}
.bilgi {
background: #cce1f1 url(http://www.yukleresim.com/dm-A7NK.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #529bdf;
border-bottom: 2px solid #529bdf;
margin:10px auto;
}
.indir {
background: #d1e8b7 url(http://www.yukleresim.com/dm-5HFC.png) 15px 50% no-repeat;
padding: 10px 20px 10px 65px;
border-top: 2px solid #7dbe31;
border-bottom: 2px solid #7dbe31;
margin:10px auto;
}

Şimdi de bunları yazılarımızın içinde nasıl kullanacağız onu anlatacağım. Tek yapmanız gereken yazı yazarken Oluştur | HTML burada yazıyı yazarken HTML sekmesine tıklayın. Ve şimdi de aşağıdaki hangi kodu istiyorsanız yapıştırın.

Uyarı Yazı Stilinin Kullanımı

<div class="uyari">Bu bir uyarı yazısıdır...</div>

Bilgi Yazı Stilinin Kullanımı<div class="bilgi">Bu bir bilgi yazısıdır...</div>

İndir Yazı Stilinin Kullanımı<div class="indir">Bu bir indirme yazısıdır...</div>

Örnek :




Bu bir uyarı yazısıdır...

Bu bir bilgi yazısıdır...

Bu bir indirme yazısıdır...

Blogunuza Kar Yağsın ( Yılbaşı Eklentisi ) Yeni

Sırayla Anlatıyorum :

• Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile alttaki kodları ekliyoruz , başka bir şey yapmıyoruz..

<script type="text/javascript">

      
      //Configure below to change URL path to the snow image
      var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKVKoO4uXohhqMU3CwPpJ_P3U4KWTviIjJRAefRXJ_4HAvrkylWdXX8sDNnvOc49vGWRAK932EXSSco8yrc0jrIgvtdMrQG3EX_aeb_uf2-p2suuElHB-fYrie_S7FpsK2biX0n5YoL4/s400/snow.gif"
      // Configure below to change number of snow to render
      var no = 15;
      // Configure whether snow should disappear after x seconds (0=never):
      var hidesnowtime = 0;
      // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
      var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

      var ie4up = (document.all) ? 1 : 0;
      var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
        }

      var dx, xp, yp;    // coordinate and position variables
      var am, stx, sty;  // amplitude and step variables
      var i, doc_width = 800, doc_height = 600;
     
      if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
      } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
      }

      dx = new Array();
      xp = new Array();
      yp = new Array();
      am = new Array();
      stx = new Array();
      sty = new Array();
      snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKVKoO4uXohhqMU3CwPpJ_P3U4KWTviIjJRAefRXJ_4HAvrkylWdXX8sDNnvOc49vGWRAK932EXSSco8yrc0jrIgvtdMrQG3EX_aeb_uf2-p2suuElHB-fYrie_S7FpsK2biX0n5YoL4/s400/snow.gif" : snowsrc
      for (i = 0; i < no; ++ i) { 
        dx[i] = 0;                        // set coordinate variables
        xp[i] = Math.random()*(doc_width-50);  // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20;         // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random();     // set step variables
            if (ie4up||ns6up) {
          if (i == 0) {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
          } else {
            document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
          }
        }
      }

      function snowIE_NS6() {  // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
            doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) {  // iterate for every dot
          yp[i] += sty[i];
          if (yp[i] > doc_height-50) {
            xp[i] = Math.random()*(doc_width-am[i]-30);
            yp[i] = 0;
            stx[i] = 0.02 + Math.random()/10;
            sty[i] = 0.7 + Math.random();
          }
          dx[i] += stx[i];
          document.getElementById("dot"+i).style.top=yp[i]+"px";
          document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px"; 
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
      }

        function hidesnow(){
            if (window.snowtimer) clearTimeout(snowtimer)
            for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
        }
           

    if (ie4up||ns6up){
        snowIE_NS6();
            if (hidesnowtime>0)
            setTimeout("hidesnow()", hidesnowtime*1000)
            }

    </script>