Cara Membuat Recent Post Sederhana Dan Mudah Di Blogspot

Cara Membuat Recent Post Sederhana di Blogspot.
Recent post atau artikel terbaru bahu-membahu sangat lengkap kalau digunakan untuk widget kali ini saya akan menunjukkan cara mudah membikin recent post yang sederhana di blogspot tentunya dengan menggunakan atau menerapkan recent post ini tidak akan membuat speed loading pada template anda menjadi lambat melainkan ini akan membuat tampilan blogspot anda lebih keren. Kebanyakan blogger yang sudah dikatakan profesional mengatakan bahwa blogger akan lebih menarik dikala melihat blogspot dengan tampilan simple atau sederhana yang pastinya fast loading dalam artian tidak lama untuk menunggu loadingnya jadinya lebih menarik pengunjung akan lebih senang.
I. Cara membuat Widget Postingan Terbaru di sidebar blogspot.
Selain membuat blog anda menjadi keren tentunya fast loading di template blog anda juga, tampilan dari blogspot yang anda kelola lebih menyenangkan untuk dilihat oleh pengunjung ketimbang dengan template blog yang hanya dilihat dari segi banyaknya widget – widget yang tidak diharapkan dan pada jadinya widget – widget dari blog kalian akan membuat loading menjadi lambat dalam meloading website atau blog kalian dan akhir dari hal ini akan membuat pengunjung kalian mejadi tidak nyaman betulkan? Intinya widget posting terbaru juga sangat penting untuk blog kalian juga.

Meskipun cara membuat recent post ini terbilang sangat sederhana dan mudah sekali apalagi recent post ini tidak mengganggu speed dari loading template anda jadi tetap akan fast loading. Selain itu widget recent post ini juga sangat terlihat memukau dan sangat menarik untuk dilihat munurut sudut pandang saya kenapa mampu memukau? alasannya ialah recent post sederhana atau simple ini dapat dengan mudahnya beradaptasi dengan template blog anda. Oke pribadi saja simak bagaimana cara membuat recent post yang sederhana dan simple sekali dengan mudah dan cepat di blogspot simak dengan cermat di bawah ini ya guys.

A. Cara membuat recent post keren dan sederhana di blogspot.
  1. Pertama – tama langkah yang akan kalian lakukan ialah mengcopy atau menyalin lalu paste instruksi script yang ada di bawah ini ke dalam sidebar Javascript/ html blogspot anda. Angka 5 yang terdapat pada instruksi script di bawah tersebut sudah saya tandai dengan warna font yang berbeda yaitu berwarna merah. Fonts yang berwarna merah silahkan anda ganti sesuai dengan jumlah postingan terbaru yang ingin anda tampilkan di widget recent post blog.
    <script>
//<![CDATA[
function showlatestposts(json){document.write(‘<ul id=”recent-posts”>’);for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel==’alternate’){postsurl=entry.link[k].href;break;}}
document.write(‘<li class=”recent-posts”>’);document.write(‘<a href=”‘+ postsurl+'” target =”_top” title=”‘+ posttitle+'”>’+ posttitle+'</a>’);document.write(‘</li>’);}
document.write(‘</ul>’);};
document.write(“<scr” + “ipt type=\”text/javascript\” src=\”/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\”></scr” + “ipt>”);
//]]>
</script>
  • Langkah berikutnya ialah anda juga diwajibkan untuk mengcopy atau menyalin lalu pastekan instruksi script sudah saya sediakan di bawah ini sempurna ke dalam template anda. masuk ke bab menu template lalu klik edit html. Nah kalian sekarang copy dan pastekan instruksi dibawah ini sempurna berada di atas instruksi “</head>” tanpa tanda kutip.
    <style type=’text/css’>

    #recent-posts{
    width:auto;
    padding:0 10px;
    margin:0 auto;
    border:1px solid #ddd;
    }

    #recent-posts ul,#recent-posts li {
    list-style:none;
    }

    #recent-posts a{
    text-decoration:none;
    }

    #recent-posts li{
    border-top:1px solid #ddd;
    padding:6px 0
    }

    #recent-posts li:first-child{
    border-top:none;
    }

    </style>
  • Setelah kalian selesai menyalin instruksi script diatas di template anda. Kemudian anda simpan template biar tidak hilang lalu anda lihat tampilan recent blog anda di homepage. sederhana banget bukan?


  • Demikianlah artikel yang berjudul cara membuat recent post sederhana dan fast loading. Semoga bermanfaat terima kasih.
    Share This :

    Related Post



    sentiment_satisfied Emoticon

    :)
    :(
    hihi
    :-)
    :D
    =D
    :-d
    ;(
    ;-(
    @-)
    :P
    :o
    -_-
    (o)
    [-(
    :-?
    (p)
    :-s
    (m)
    8-)
    :-t
    :-b
    b-(
    :-#
    =p~
    $-)
    (y)
    (f)
    x-)
    (k)
    (h)
    (c)
    cheer
    (li)
    (pl)