Untuk membuat widget tentang artikel atau postingan terbaru di Blogspot (Blogger) kita harus membuat widget HTML/JavaScript terlebih dahulu. Bagi pemula yang belum memahami apa itu Widget, widget adalah komponen tambahan selain konten utama yang disediakan Blogger untuk melengkapi isi dari suatu blog. Widget bisa diletakkan di samping konten utama (sidebar), di bagian teratas (header) ataupun di bagian terbawah (footer).
Cara Mempercantik Blog Dengan Widget Artikel Terbaru pada halaman muka dengan begitu tampilan widget artikel terbaru akan lebih bagus dan nan menarik untuk halaman blog anda .
Selanjutnya untuk memasang dan membuat widget tersebut sangatlah mudah anda hanya mengikuti langkah-langkah berikut ini dan widget artikel terbaru tersebut akan tampil dan menghiasi blog pribadi milik anda.
Silahkan masuk terlebih dahulu ke blog anda
Pilih menu layout > add a gadget
Pilih widget HTML/JavaScript
Masukkan kode dibawah ini pada form HTML/JavaScript tersebut.
Selanjutnya simpan kode diatas pada form HTML/JavaScript dan sesuaikan tempatnya pada blog anda. Jika sudah silahkan simpan pada blog anda. Baca Juga : suara-harian-oto-bemo-beroda-tiga
Jika anda sudah menyesuaikan maka tahap selanjutnya adalah simpan dan anda dapat melihat tampilan dari widget artikel terbaru milik anda akan tampil dan mempercantik blog pribadi milik anda.
Nah cukup sekian dulu artikel saya yang saya beri judul Cara Membuat Widget Artikel Terbaru Yang Cantik Untuk Blog Pribadi Anda. Semoga artikel yang saya buat ini dapat berguna dan dapat membantu anda untuk mempercantik tampilan dari blog anda. Sekian dan terimakasih.
<div style="background-color: #B0E0E6;
padding: 20px; text-align: left;">
<div class='widget-content'>
<div class='artikel-terbaru'>
<script>
function
artikelterbaru(e){document.write("<ul>");for(var
t=0;t<e.feed.entry.length;t++){for(var
r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var
n="<li><a
href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a>
</li>";document.write(n)}document.write("</ul>")}
</script>
<script
src="/feeds/posts/summary/?max-results=8&alt=json-in-script&callback=artikelterbaru"></script>
</div>
</div></div>
Bagaimana Reaksi Anda Tentang Artikel Ini?
Komentar
Posting Komentar
SILAKAN KOMENTAR SESUAI TOPIK.....