Blogger İçin Rastgele Yayınlar Random Posts Eklentisi


Blogger sidebar, kenar çubuğu alanında kullanılabilen Popüler yayınlar benzeri resimli Rastgele yayınları gösteren Random Post eklentisi.

Blog Ana sayfa ve Yayınlanmış yazı sayfası açıldığında farklı yayın başlık ismi ve kısa açıklamaları gösteren Random Posts eklenti sayesinde blog okuyucularınıza diğer yazılarınızı da gösterebilirsiniz.




Popüler yazılar benzeri, Rastgele yayınlar eklenti kodlarını, HTML/JavaScript gadget’i olarak nasıl ekleyeceksiniz ile ilgili adımları takip ederek başlayabilirsiniz.

Uygulamayı Görüntüle

Rastgele Yayınları Ekleme:

1. Blogunuza giriş yapın.

2. Yerleşim → Bir gadget ekle → Html/JavaScript'i açın.



3. Aşağıdaki kodları boş pencere içine kopyalayıp yapıştırın.

Kodlar:
<style>
#random-posts img {
    border-radius: 10px;
    float: left;
    margin-right: 5px;
    width: 75px;
    height: 75px;
    background-color: #F5F5F5;
    padding: 3px;
    transition: all 0.2s linear 0s;
}

#random-posts img:hover {
    opacity: 0.6;
}

ul#random-posts {
    list-style-type: none;
    padding: 0px;
}

#random-posts a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px auto 5px;
}

#random-posts a:hover {
    text-decoration: none;
}

.random-summary {
    font-size: 11px;
    background: none;
    padding: 5px;
    margin-right: 8px;
}

#random-posts li {
    margin-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    padding: 4px;
}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 110;
var randomposts_details = 'yes';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);

function randomposts(json) {
    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalue() {
    for (var i = 0; i < randomposts_number; i++) {
        var found = false;
        var rndValue = get_random();
        for (var j = 0; j < randomposts_current.length; j++) {
            if (randomposts_current[j] == rndValue) {
                found = true;
                break
            }
        };
        if (found) {
            i--
        } else {
            randomposts_current[i] = rndValue
        }
    }
};

function get_random() {
    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
    return ranNum
};
</script>
<script type='text/javaScript'> 
function random_posts(json) {
    for (var i = 0; i < randomposts_number; i++) {
        var entry = json.feed.entry[i];
        var randompoststitle = entry.title.$t;
        if ('content' in entry) {
            var randompostsnippet = entry.content.$t
        } else {
            if ('summary' in entry) {
                var randompostsnippet = entry.summary.$t
            } else {
                var randompostsnippet = "";
            }
        };
        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
        if (randompostsnippet.length < randomposts_chars) {
            var randomposts_snippet = randompostsnippet
        } else {
            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
            var whitespace = randompostsnippet.lastIndexOf(" ");
            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
        };
        for (var j = 0; j < entry.link.length; j++) {
            if ('thr$total' in entry) {
                var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
            } else {
                randomposts_commentsnum = randomposts_commentsd
            }; if (entry.link[j].rel == 'alternate') {
                var randompostsurl = entry.link[j].href;
                var randomposts_date = entry.published.$t;
                if ('media$thumbnail' in entry) {
                    var randompoststhumb = entry.media$thumbnail.url
                } else {
                    randompoststhumb = "http://3.bp.blogspot.com/-5SoVe1K6JSk/Utl0OOmucAI/AAAAAAAAF6E/hQghgD_EJdQ/s1600/no_thumb.png"
                }
            }
        };
        document.write('<li>');
        document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>');
        document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
        if (randomposts_details == 'yes') {
            document.write('<span><div  class="random-info">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div></span>'
        };
        document.write('<br/><div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>')
    }
};
getvalue();
for (var i = 0; i < randomposts_number; i++) {
    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>
<div style="font-size:9px;text-align: center;">By <a href="http://guney59.blogspot.com/2017/02/blogger-icin-rastgele-yaynlar-random.html"target="_blank"> Adnan Güney Gadgeti Al</a></div>
 

Rastgele Mesaj Seçeneklerini Özelleştirme:


  1. Küçük resim boyutları: Küçük resimlerin boyutunu değiştirmek için 75px. her iki değeri değiştirmek için ayar.
  2. var randomposts_chars = 110 ; Yazı karakter özet uzunluğu, 110 değeri değiştirmek için ayar.
  3. var randomposts_details = ' Yes '; veya ' No '; Mesaj bilgileri: Yayın tarihini gizleme ve sayım değişikliğini değiştirmek isterseniz.
  4. Mesaj Başlıkları ve Özet İçin Yazı Boyu: Mesajların başlığı için 12px değerini, Yayın yazı tipi boyutunu değiştirmek için 11px değerini değiştirin.
  5. Çalışmalarınız bittiğinde “Kaydet” düğmesini tıklayın ve Blogunuzu görüntüleyin.

Sidebar, Kenar çubuğunda, “Random Posts” Rastgele yayınlar widget'i görülecektir. Blog temanızın sol veya sağ kenar çubuğuna ekleyebilirsiniz.

Kategori Makaleleri

Ne Aramıştınız! ⏩

Daha fazla göster

Bu blogdaki popüler yayınlar

Paint Net ile Resim arka plan Görüntüyü Şeffaf Yapma

Windows 10 Denetim Masası Komutlarına Kısa Yoldan Ulaşma

Windows İşletim Sistemi 32 Bit ve 64 Bit Arasındaki Fark

Blogger Açılır Menü Oluşturma

Facebook Candy Crush Saga Oyunu Çalışmıyor Çözüm

Paint ile Resim Boyutlandırma Seo

Windows 10 ve 8.1’de Oturum Parolasını Kaldırma

Aynur Nur - Acı Kaybımız

Windows Update 80240016 Hatasını Düzeltme

D-Smart Web İnternet Bağlantı Sorun ve Çözüm Ayarları