Sayfa Yenileme kodu

Sayfayı yenilemek için en basit yöntemlerden biri JavaScript kullanmaktır. Küçük bir örnek kod şöyle olabilir:

HTML Kod

<!-- Sayfa Yenileme Kodu --> <script type="text/javascript"> setTimeout(function() { window.location.reload(); }, 30000); // 30000 milisaniye = 30 saniye </script> <!-- /Sayfa Yenileme Kodu -->

Okuyun >>>

Kod kutusu oluşturma

<div class="guvenli-kod-kutu">
  <div class="kod-ust">
    <span>HTML Kod</span>
    <button onclick="kopyalaKod(this)">Kopyala</button>
  </div>

  <textarea readonly>
<div class="ornek">
  Merhaba Dünya
</div>
  </textarea>
</div>

<style>
.guvenli-kod-kutu {
  background: #1e1e1e;
  border-radius: 10px;
  margin: 20px 0;
  overflow: hidden;
  font-family: Consolas, monospace;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.kod-ust {
  background: #2d2d2d;
  color: #fff;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.kod-ust button {
  background: #e74c3c;
  border: none;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}

.guvenli-kod-kutu textarea {
  width: 100%;
  height: 180px;
  border: none;
  resize: vertical;
  padding: 15px;
  background: #1e1e1e;
  color: #f8f8f2;
  font-size: 14px;
  line-height: 1.6;
  outline: none;
}
</style>

<script>
function kopyalaKod(btn) {
  var textarea = btn.parentElement.nextElementSibling;
  textarea.select();
  document.execCommand("copy");
  btn.innerText = "Kopyalandı ✓";
  setTimeout(function(){
    btn.innerText = "Kopyala";
  },2000);
}
</script>

Okuyun >>>

Sitene Rastgele Yazılar Kodu

Sitene Rastgele Yazılar Kodu ekle.Sitenizdeki yazıları gösteren güzel bir kod yazılımı.Sayfalar değiştikçe farklı bir konu gösteren  bir kod.Blogger bloğunuza eklemek için. Yerleşim - Gadget ekle -HTML/JavaScript - Kaydet diyerek sitenizde nerede gözükmesini istiyorsanız oraya yerleştiriyorsunuz.Kodda değişiklik yapmanıza gerek yok direk çalışmaya başlayacaktır.

<script type="text/javascript">var randarray=new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total=parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write('<ul>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){var item="<li>"+"<a href="+entry.link[k].href+">"+entry.title.$t+"</a></li>";document.write(item)}}}document.write('</ul>')}</script><script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>

Okuyun >>>

Blogger Resimli Son Yorumlar Eklentisi

Blogger resimli son yorumlar eklentisi.Bu yazımda sizlerle bu eklentiyi paylaşmak istiyorum.Blogger resimli son yorumlar eklentisi benimde sitemde kullandığım güzel bir eklenti.

Eklentinin  içinde kaç yorum gözükmesini istiyorsanız kodun içinden o değeri değiştirebiliyorsunuz.

Değiştirmeniz gereken yerleri kırmızı ile işaretledim.Kendi sitenizin linkini işaretlediğim yere yapıştırınız.Bu işlemi yapmazsanız eklenti çalışmaz.

Bu kodu sitenizin Gadget Ekle kısmına ekliyorsunuz.Sitenizde nerede durmasını istiyorsanız gadgeti oraya sürükleyip kaydedebilirsiniz.Kolay Gelsin...

<style type="text/css"> 
#komentar {background: #fff; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar ul{margin:0;padding:0px;list-style: none;} 
#komentar ul li:first-child {border-top:none;} 
#komentar ul li {height:46px; background: #A9D0F5; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border:1px solid #8181F7;-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
    
#komentar ul li:last-child {border-bottom: none;} 
#komentar ul li:hover {background: #CCFFFF; 
-moz-border-radius-bottomright:10px;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-khtml-border-radius: 5px; 
border-radius: 5px;margin:5px 0;padding:5px;} 
#komentar a, #komentar a:link, #komentar a:visited {clear:both;color:#222;display:block;text-decoration:none;} 
#komentar .gamen {display: block;float: left;height: 42px;left: 4px;margin-right: 15px;position: relative;width: 42px;} 
#komentar .gamen>img { border: 2px solid #ffffff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;box-shadow: 0 1px 2px #222222;background: url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x;} 
#komentar ul li div.ismen {color:#333;text-shadow:-1px -1px 1px #ccc;} 
#komentar .ismen {display: block;font-size: 1em;font-style: italic;line-height: 1.2;padding: 2px 4px 2px 0;} 
#komentar .gamen>span{width: 150px;height: auto;line-height: 20px;padding: 5px;left: 115px;margin-left: -64px;font-size: 1em;font-weight:bold;color: #212121;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);text-align: center;border: 4px solid #5858FA;background: rgba(255,255,255,0.7);text-indent: 0px;border-radius: 5px;position: absolute;pointer-events: none;bottom: 100px;opacity: 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} 
#komentar .gamen>span:before, #komentar .gamen>span:after{content: '';position: absolute;bottom: -15px;left: 50%;margin-left: -9px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(0,0,0,0.1);} 
#komentar .gamen>span:after{bottom: -14px;margin-left: -10px;border-top: 10px solid #5858FA;} 
#komentar .gamen:hover>span{opacity: 0.9;bottom: 55px;} 
</style>
<div id="komentar"> 
<ul> 
<script type="text/javascript"> 
//<![CDATA[ 
var jmlkomentar = 5; 
var jmlkarakter = 60; 
//]]></script> 
<script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script> 
<script src="http://www.bannerekle.com/feeds/comments/default?alt=json&amp;callback=tampilkankomentar" type="text/javascript"></script> 
</ul> 
</div> 
<small></small><br /> 
<div style="font-size: 90%; text-align: right; text-shadow: 2px 2px 2px #adadad;"> 
<small></small></div>

Okuyun >>>