bi blog yaşam'ı

2 Nisan 2016 Cumartesi

Blogger Rastgele İçerik Mesaj Eklentisi 2016

Blogunuza eklemiş olduğunuz içerikler zamanla çoğalmakta ve blogunuzun popülerliği de artmaktadır. Blogunuzu takip eden ziyaretçilere blogunuzda gezinebilmeleri için onlara bazı kolaylıklar sağlarız. Kısa yollar oluşturarak içeriklere daha kolay erişmeleri sağlarız bu da içeriklerin ölü URL olmasını engeller. Şimdi sizlerle paylaşmış olduğumuz Blog Widget  Rastgele İçerik Mesaj Eklentisi ile daha önceden eklemiş olduğunuz yayınlarınızı anasayfada rastgele olarak tekrardan ziyaretçilerinize sunabilirsiniz.




Blog yazarları için genelde widget olarak eklenti eklememelerini söylesem de bu eklentinin hafif ve hızlı çalışması blogunuzu kasmaz bu büyük bir avantaj blog yazarları için. En büyük avantajı blogunuzda paylaşmış olduğunuz tüm içeriklerden karışık olarak blogunuz anasayfasına taşımasıdır. Blogunuzda bulunan beş yüz içerikten on tanesini burada ziyaretçilere ulaşmasını sağlayacak.

Blog Rastgele İçerik Mesaj Eklentisi Nasıl Eklenir?

Blogger kumanda panelinden eklemek istediğiniz blogunuzu seçerek Yerleşim sekmesinden eklemek istediğiniz bölümde widget oluşturarak HTML/JavaScript Ekle kısmına aşağıdaki HTML kodunu kopyalayıp yapıştırın.

- Kod içerisinde mavi ile belirtmiş olduğum yere kendi blog adresinizi yazın. Blog adresinizin sonunda tr - / vb. gibi uzantılar olmasın buna dikkat edelim.

- Kod içerisinde kırmızı renk ile belirtmiş olduğum yerden kaç içerik sıralanmasını istiyorsanız o kısımdan ayarlayabilirsiniz. Şuan 10 (on) adet olarak belirlenmiş.

Not: Sitemizde paylaşmış olduğumuz kodları öncelikle bilgisayarınızda bulunan not defterine atmanızı önemle vurgularız. Çünkü sitemizden kopyalama yaptığınızda bazı kodlarda bağlatı olabilir bu bağlantıları kesmek için not defterini kullanmanızı öneririz.

<style scoped='' type="text/css">
#bloggereklentileri-random ul{list-style:none;margin:0;padding:0}#bloggereklentileri-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#bloggereklentileri-random li:last-child{border-bottom:0;}
#bloggereklentileri-random li a{color:#444;}#bloggereklentileri-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='bloggereklentileri-random'>Yükleniyor...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://bloggereklentileri.blogspot.com',
    maxResults = 10,
    containerId = 'bloggereklentileri-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
    var i = arr.length, j, temp;
    if (i === 0) return false;
    while (--i) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}
function BloggereklentileriRandomPosts(json) {
    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
    var link, ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
        }
        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
    }
    ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=BloggereklentileriRandomPosts"></scr' + 'ipt>');
//]]>
</script>

Lütfen yorum yapmayı ihmal etmeyelim ... Güle güle kullanın ...

Bu Yazıyı Beğendinizmi?

0 yorum:

Yorum Gönder

Yorumda Resim Paylaşmak için ;

[img]Resim URL Buraya Eklenecek[/img]

Kodları bu şekilde kullanın .!

Translate

Copyright © October 3 December | Site Haritası SITE MAP

Design by ACTOR DRAMA | Blogger Theme by ILLIMUNATION