Cara Mudah Membuat Widget Postingan Terbaru Seperti Mastimon - Teknolopedia

Cara Mudah Membuat Widget Postingan Terbaru Seperti Mastimon

Cara Mudah Membuat Widget Postingan Terbaru Seperti Mastimon

Hallo teman-teman Teknolopedia. Widget Postingan terbaru atau yang sering disebut Widget Recent Post adalah sebuah Widget yang memuat postingan terbaru yang terletak di sidebar post, widget recent post memiliki banyak tampilan dan salah satunya adalah widget recent post yang dimiliki oleh seorang blogger legend yang bernama Mastimon, widget recent post milih mastimon terlihat simple dan sangat ringan, oleh karena itu Teknolopedia sangat menyarankan kalian menggunakan widget recent post yang satu ini.

Jika kalian tertarik menggunakan widget recent post yang dimiliki oleh Mastimon, langsung saja ikuti langkah-langkah pemasangan dibawah ini :

Cara Membuat Widget Postingan Terbaru Seperti Mastimon :

1. Buka Dashboard Blogger kalian.
2. Masuk ke menu Tema => Edit HTML
3. Cari Kode </style> lalu taruh kode dibawah ini tepat diatas kode tadi.

* Artikel Terbaru */

.artikel-terbaru ul li {
    border-bottom: 2px dotted $(label.border.color);
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-weight: 500;
}
.list-label-widget-content ul li, .LinkList ul li, .PageList ul li {
    border-bottom: 2px dotted $(label.border.color);
    padding-bottom: 5px;
}
.artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before {
    content: "\f14b"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 6px;
}
.artikel-terbaru ul li:before {
    content: "\f14b";
}
.list-label-widget-content ul li:before {
    content: "\f07b"; 
}
.LinkList ul li:before {
    content: "\f14c"; 
}
.PageList ul li:before {
    content: "\f249"; 
}

4. Jika sudah diletakkan lalu tekan simpan tema.
5. Ke menu Tata Letak => Tambah Widget => HTML/JavaScript
6. Letakkan kode dibawah ini di dalam HTML/JavaScript dan Berinama Postingan Terbaru.

<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=10&alt=json-in-script&callback=artikelterbaru"></script>
</div> 

Gimana teman-teman ? Mudah banget kan pemasangan dari Widget Recent Post milik Mastimon. Mungkin segini dulu untuk Tips Blogger kali ini. Semoga bermanfaat.
Show comments
Hide comments

Belum ada Komentar untuk "Cara Mudah Membuat Widget Postingan Terbaru Seperti Mastimon"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel