Skip to content Skip to sidebar Skip to footer

Cara Membuat Post Terbaru di Widget Blog Blogger

Anangzd.com - Cara Membuat Post Terbaru di Widget Blog Blogger keren simpel. Code Recent postingan terbaru bisa kalian dapatkan secara gratis dan bisa kalian terapkan di sius Blog Anda.

Recent postingan terbaru responsive loding yang sangat cepat tidak akan menggagu loding gambar, halaman, menu widget lainya.

Kode yang harus Anda pasang yakni Code JavaScript dan CSS. Pemasangan di Tata Letak dan Tema. Berikut kode dan cara memasangnya.
Membuat Widget Postingan Terbaru di Blogger responsive
Kode Recent Postingan Terbaru

Di pasang pada Gadget Tata Letak HTML/JavaScript

<ul id="artikel-terbaru"></ul>
<script type="text/javascript">
//<![CDATA[
var numposts = 10; function ArtikelTerbaru(a){if(document.getElementById("artikel-terbaru")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("artikel-terbaru");for(var i=0;i<numposts;i++){for(var j=0;j<numposts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="artikel-terbaru"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src='https://www.anangzd.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numposts+'&callback=ArtikelTerbaru';document.getElementsByTagName('head')[0].appendChild(rcp)
//]]>
</script>

NB. Ubah tulisan warna merah menjadi alamat situs blog Anda dan angka 10 jumlah tayang post

Di pasang CSS Tema Template di antara ]]></b:skin> atau </style>

<style type="text/css">#artikel-terbaru ul{list-style:none;margin:0;padding:0}#artikel-terbaru li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0}#artikel-terbaru li:last-child{border-bottom:0}#artikel-terbaru li a{color:#000;text-decoration:none;font-size:14px}#artikel-terbaru li a:hover{color:#000;text-decoration:underline}</style>

Cara Memasang Kode Post Terbaru di Widget

1. Longin www.anangzd.com
2. Setelah masuk di dasbor blogger Pilih menu Tata Letak
3. Lalu Tambah Gedget
4. Pilih HTML/JavaScript
5. Paste kode "Artikel Terbaru" di atas
Menampilkan Posting Terbaru di Sidebar Blogger

6. Simpan

Cara Memasang Kode CSS Post Terbaru di Tema

1. Longin www.anangzd.com
2. Setelah masuk di dasbor blogger Pilih menu Tema
3. Cari kode </b:skin> atau </style> paste di antar kode tersebut
Memasang Widget Artikel Terbaru Responsive di Blog

4. Simpan

Lihat hasilnya di dengan refresh situs blog Anda. Semoga dengan adanya Cara Membuat Post Terbaru Recent di Widget Blog Blogger dapat bermanfaat. Terima kasih sudah berkujung di www.anangzd.com.
Anang_at
Anang_at Belajar dari hal kecil, ingin menjadi orang Berhasil. Optimis, pasti bisa mencapai apa yang di inginkan.

Post a Comment for "Cara Membuat Post Terbaru di Widget Blog Blogger"