Blog Rastgele İçerik Mesaj Eklentisi

10.3.16
Blogger Blogspot Rastgele Yayın Widget Eklentisi

Blog Rastgele İçerik Mesaj Eklentisi - 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 kodu kopyalayıp yapıştırın.

<style type="text/css">
#rtd-random {
    margin: 0 auto;
    width: 100%;
    padding: 20px
}
#rtd-random ul {
    border: 1px solid #e3e3e3;
    list-style: none;
    margin: 0;
    padding: 0
}
#rtd-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 10px;
}
#rtd-random li:last-child {
    border-bottom: 0;
}
#rtd-random li a {
    color: #444;
    text-decoration: none;
}
#rtd-random li a:hover {
    color: #28a1f0;
}
</style>
<div id='rtd-random'>Yükleniyor...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://bloggereklentileri.blogspot.com',
    maxResults = 10,
    containerId = 'rtd-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 rtdRandomPosts(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=rtdRandomPosts"></scr' + 'ipt>');
//]]>
</script>

- 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.


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

Yorum Gönder