Cara Membuat Recent Post ( Widget Blog Terbaru) - Postingan Terbaru Mastimon - Santri Dan Alam

Cara Membuat Recent Post ( Widget Blog Terbaru) - Postingan Terbaru Mastimon

Awal Mengenal Blogger

Sebelum saya mulai bagaimana cara membuat recent post atau widget postingan terbaru seperti di postingan terbaru mastimon, ijinkan saya bercerita sedikit awal mula mengenal dunia blogger. Iya berawal dari kegiatan mendaki gunung, dahulu tahun 2010 yang saya ingat merupakan awal dimana saya mulai mengenal blogger. Ternyata sudah cukup lama pakai banget ya sob., begitu kalau anak zaman now bilang. Memang sudah lama blog ini hadir dan dahulu memang tidak ada tujuan untuk mendapatkan penghasilan lewat blog. Setiap turun gunung biasanya kan kita bawa oleh-oleh entah capek atau paling tidak foto-foto ( kalau jaman dulu memang masih sedikit foto-fotonya, maklum hanya orang tertentu saja yang bisa memiliki kamera) Singkat kata blog santridanalam ini memang sudah lama tapi untuk penghasilan dari adsense masih belum ada he he..

Cara Membuat Recent Post ( Widget Blog Terbaru)
Cara Membuat Recent Post ( Widget Blog Terbaru)

Blog Gado-Gado Gonta Ganti Themes

Sebelum kita akhirnya mengenal facebook, sebelum kita mengenal instagram, menurut saya sendiri dengan blogging kita bisa mengenalkan komunitas kita ini. Itulah awal kenapa saya memakai blog, cari yang gratisan pakai blogspot walaupun saya juga bisa memakai wordpress (pernah ada blog santri dan alam di wordpress juga). Blog ini juga blog dengan niche/ tema gado-gado sesuai dengan apa yang kalau facebook bilang "apa yang anda pikirkan ", dan sering juga gonta-ganti themes, sudah lupa themes apa saja yang pernah saya pakai untuk blog ini, yang pernah saya ingat seperti theme Kang Mousir, terus theme kunci dunia, dan terakhir theme blog Viomagz buatan Mas Sugeng ini.

Themes Blog Viomagz Mas Sugeng Awal Saya di Terima Adsense

Dunia blogging ini luas sekali, bagi yang sudah master skip skip saja, tapi bagi saya yang masih pemula masih butuh untuk terus membaca dan praktek bagaimana membuat blog yang bagus. Namun belum lama kita membaca dan praktek, ehh..sekarang sudah bergeser ke dunia per youtube -ban he he.., nasib-nasib dah. Emang gak gampang mencari uang lewat sambilan online dengan adsense. Cari uang ya bekerja he he, kalau pekerjaan jadi blogger ya harus fokus menulis tulisan yang berkualitas. Karena saya awam sekali masalah mencari keyword  dan membuat tulisan yang bagus, ya tentu saja pengunjung blog sedikit. Sampai akhirnya saya putuskan membeli themes Viomagz buatan Mas Sugeng, dan akhirnya pengunjung pun stabil he he..., setelah itu kok tiba-tiba pengunjung blog naik dari artikel dengan judul yang panjang tanpa riset keyword hanya artikel catatan pengalaman saya mengatasi file explorer windows 10 not responding saja. Dari situ saya coba daftar kembali ke adsense (dulu pernah di tolak sampai saya hapus akun adsense ini he he..) dan apa yang terjadi setelah saya daftarkan lagi? iya diterima oleh adsense.

Cara Membuat Recent Post ( Widget Blog Terbaru)

Nah, beberapa paragraf di atas tidak penting ya he he.., sekarang saya mulai tutor ehh..saya mulai catatan tentang cara membuat recent post atau widget blog postingan terbaru seperti milik mastimon. Kenapa kok harus seperti milik mastimon? ya kebetulan themes blog ini sama dengan themes milik mastimon atau kalau pembaca sering googling dan menemukan blog kok themes nya mirip dengan theme saya ini, berarti memakai theme Viomagz.  Hebat ya ...themes Viomagz ini banyak yang memakai.

Langkah Pertama Cara Membuat Widget Recent Post

  • Masuk ke dashboard blogger dan pilih menu Tema, kemudian klik edit
edit tema blog
Edit Theme Blog
  • Cari Di Edit HTML tersebut dengan menekan tombol Ctrl+F dan ketik : /* Blogger CSS Reset */
Cari Blogger CSS Reset
Cari Blogger CSS Reset
  • Copy paste script Artikel Terbaru di bawah /* Blogger CSS Reset */, copy paste langsung saja, jangan copy paste di notepad agar script tidak berubah. Kalau tidak copy paste lewat notepad ++ dulu
/* 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";
}
  • Jangan lupa simpan perubahan tersebut.

Langkah Kedua Cara Membuat Widget Recent Post
  • Pindah ke menu Tata Letak, dan add di sidebar sebelah kanan widget untuk html/javascript
Tata Letak - Add Widget HTML/ JavaScript
Tata Letak - Add Widget HTML/ JavaScript
  • Copy paste script berikut ini :
    • <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>

Widget Postingan Terbaru
Widget Postingan Terbaru


Simpan dan lihat hasilnya :
Widget Postingan Terbaru Sudah Jadi

Postingan ini untuk catatan saya saja, jika suatu saat ganti theme atau ada update theme dari Viomagz tahu di mana letak script untuk widget recent post ini, tapi kalau pembaca lain ingin mengambil manfaat dari postingan ini tidak mengapa. Demikian Cara Membuat Recent Post ( Widget Blog Terbaru) - Postingan Terbaru Mastimon

Sumber : 

Belum ada Komentar untuk "Cara Membuat Recent Post ( Widget Blog Terbaru) - Postingan Terbaru Mastimon"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel