Berlaku unresponsive page di blog aku

unresponsive pages

Sejak 2 minggu yang lalu, aku sering menaip entry untuk di simpan sebagai draft terlebih dahulu sebelum di publish di blog ni. Dalam masa yang sama juga aku cuba nak naikkan traffic blog dengan meletakkan beberapa feature terbaru dan salah satunya adalah random post widget. Mungkin blogger dah familier dengan fungsinya. Tapi aku nak bagi tahu juga. hahaha Fungsinya lebih kepada mengeluarkan post atau entry yang kita publish secara rawak dalam bentuk tumbnail, di mana-mana tempat yang kita pasang widget tersebut. Macam aku pasang di sidebar. Jadi dengan widget ni, reader boleh randomly aku select entry yang keluar, mungkin ianya sudah dipublish semalam, minggu lepas, bulan lepas hatta tahun lepas sekalipun. Yang penting iainya random. Jadi entry yang lama masih di visit, view dan dibaca oleh readers.

TETAPI, sejak 2 minggu itu juga lah telah berlaku something iaitu unresponsive page ataupun bahasa mudah, tab/page blog aku tidak bagi respond ataupun ianya freeze/hang. Aku perasan, iainya berlaku bila aku menaip entry dan ingin preview post, secara tiba-tiba unresponsive page happened. Tapi aku tak begitu pasti adakah button preview post yang rosak atau ada mana-mana html template aku yang gila. Aku pun bukan la pandai sangat pasal coding html bagai ni. Jadi selang beberapa hari, baru aku dapat kepastian, bila aku tekan preview post maka akan berlaku unresponsive page tersebut. Dan lagi merumitkan, button theme di dashboard pun berlaku juga sedemikian rupa, so macam mana nk edit template html kan. Jadi aku terus google cara nak overcome this problem. Tapi yang aku dapat hanyalah restart, clear cookies, clear history. Tak membantu langsung, semuanya tak berfungsi.

pages unresponsive

Aku teringat dulu masa belajar, aku telah dibiasakan dengan term trial n error ataupun 'cuba dan salah' kot. Sebenarnya method ni adalah cara paling asas dalam menyelesaikan masalah. Budak2 teknikal mungkin biasa dengan trial n error ni. Jadi sebab aku dah tak boleh edit html, aku pergi kepada layout, kt situ aku cuba delete one by one widget baru yang aku pasang sebelum ini, aku buang ping banner (masih jadi) dan aku cuba remove random post widget. Tadaaa, unresponsive page won't happen anymore. Aku cuba install balik, unresponsive page berlaku. Jadi in conclusion, this code for random post widget tak boleh pakai pada template aku ni. Ni code yang aku pakai sebelum ini

<style>
#random-posts img {
    border-radius: 10px;
    float: left;
    margin-right: 5px;
    width: 45px;
    height: 45px;
    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>
Jadi sebagai alternatif lain, aku terpaksa google cara lain untuk dapatkan widget random post widget ni. Jadi aku terjumpa la cara lain di sneeit.com sama seperti apa yang aku guna pada blog aku sekarang seperti di sidebar. Jadi dengan widget ini, tiada lagi masalah pages unresponsive. Dah boleh start writing and preview post seperti biasa. Problem Solved! (pakcik google tak membantu kali ni haha)

4 comments

dulu IQ pun suka main code2 ni, tapi sekarang alahai, malasnya!! sampai nak hias blog upah orang je la senang.

ish sakitkan kalau tiba2 page unresponsive. huhu nasib baik boleh selesai masalah. kalau tidak mesti menangis hehe

sebab IQ dah otai, kita ni newbie lagi. so rajin la. nanti dah otai, jadilah mcm IQ, jadi malas! haha

tak menangis la. sebab dah besar hahaha


EmoticonEmoticon