Membuat Widget Recent Posts Menggunakan Scroll (Spoiler)

Membuat Widget Recent Posts Menggunakan Scroll (Spoiler)

Motivation - kali ini saya akan kembali membagikan tutorial mengenai blog apa itu? tutorial kali ini, yakni "Membuat Widget Recent Posts Menggunakan Scroll (Spoiler)". Widget Satu ini sangat berguna bagi pengunjung blog untuk melihat daftar-daftar bacaan populer yang baru-baru saja dibaca oleh pengunjung-pengunjung sebelumnya.

Anda dapat memasang widget ini melalu tutorial dibawah ini.

• login ke blogger >> dashboard >> tata letak >> add gadget >> html/javascript
• masukkan kode ini didalam form html/javascript

<div style="margin: 1px;">

<div class="smallfont" style="margin-bottom: 2px;">

<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Recent Posts'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Recent Posts" />

</div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;"><div style="display: none;  height: 250px; overflow: auto;">

<script type="text/javascript" src="https://bmotivate.googlecode.com/svn/recent-posts.js">

</script>

<script type="text/javascript">

var numposts = 10;var

showpostdate = true;var

showpostsummary = true;var

numchars = 50;var

standardstyling = true;

</script><script type="text/javascript" src="http://utility-share.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">

</script>

</div>

</div>

</div>

•  Ubah Teks Berwarana        dengan url blog anda.
• Save dan lihat hasilnya.

Hasilnya akan seperti dibawah ini:

Nah, itulah Tutorial "Membuat Widget Recent Posts Menggunakan Scroll (Spoiler)" untuk kali ini, semoga bermanfaat. terima kasih.

Motivation_2014Arsip