Son Yayınlananlar Mesajı Navigasyonu

4/23/2016
Son Yayınlananlar Mesajı Navigasyonu

Son Yayınlananlar Mesajı Navigasyonu - Blogger Eklentileri, blogunuzda popüler yayınlar widget'i gibi son yayınlananlar mesaj nevigasyonu tasarımıyla blogunuza yeni bir görünüm kazandıracak.

Bu widget sayesinde blog ziyaretçileriniz blogunuzda bulunan sayfaları keşfetmesi ve blogunuzun sayfa görüntüleme sayısını da artıracak bir etki yapacaktır.

Blogger Son Yayınlananlar Mesajı Navigasyonu Widget'i Nasıl Eklenir?


1- Blogger hesabınıza giriş yapın ve eklemek istediğiniz blogun kumanda paneline gelerek tek yapmanız gereken blogunuza gatget ekleyerek aşağıdaki HTML kodu HTML/JavaScript içine yapıştırın ve kaydet butonuna basın.

<style scoped='' type='text/css'>
#rcnpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#rcnpostsae{margin:0}
.rcnpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.rcnpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.rcnpostel h6,.rcnpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.rcnpostel:hover{background-color:#fefefe}
.rcnpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#rcnpostload{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}
#rcnpostnavfeed{border:1px solid #ddd;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0}
#rcnpostnavfeed:hover{background-color:#fefefe}
#rcnpostnavfeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
#rcnpostnavfeed span{padding:5px 10px}
#rcnpostnavfeed .next{float:right}
#rcnpostnavfeed .previous{float:left}
#rcnpostnavfeed .home{text-align:center}
#rcnpostnavfeed a:hover,#rcnpostnavfeed span.noactived{color:transparant!important}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://bloggereklentileri.blogspot.com";
    var charac = 40;
    var urlprevious, urlnext;
function rcnfeed(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 showrcnpostsae(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:"data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA",s+="<div class='rcnpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+rcnfeed(i,charac)+"...</p>",s+="</div>"}document.getElementById("rcnpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'>Geri</a>":"<span class='noactived previous'>Geri</span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'>İleri</a>":"<span class='noactived next'>İleri</span>",s+="<a href='javascript:navigasifeed(0);' class='home'>Ana Sayfa</a>",document.getElementById("rcnpostnavfeed").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=showrcnpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("rcnpostsae").innerHTML="<div id='rcnpostload'></div>",document.getElementById("rcnpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","rcnlabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("rcnlabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="rcnpostsae"></div>
<div id="rcnpostnavfeed"></div>

2- HTML kod içerisinde mavi renk ile belirtilen yerleri kendi blogunuza göre düzenleyin.


- var numfeed: Widget sayfasında bulunan yayın sayısı.
- var urlblog: Blogunuzun içeriğini çekecek olan bölüm, bu bölümde isterseniz başka bir blogunuzun yayınlarını paylaşmak için o blogun adresini yazabilirsiniz.
- var charac: Widget sayfasında bulunan başlığın altında çıkan açıklamanın (snippet) kaç karakterden oluşacağını belirler.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok