/ / / / Cara Memasang Widget Artikel Terbaru Tanpa Gambar

Cara Memasang Widget Artikel Terbaru Tanpa Gambar

Cara Memasang Widget Artikel Terbaru Tanpa Gambar
9/07/2019
Pada postingan saya kali ini akan sedikit melengkapi post saya di blog ini, akan membagikan Cara memasang widget artikel terbaru tanpa gambar Nah untuk sobat yang sukanya simple-simple tampilan widgetnya bisa jadi solusinya dibawah ini


Kenapa saya sebut widget ini simple, karena widget ini tidak mempunyai terlalu banyak gaya dan lain sebagainya, dan cocok untuk sobat yang suka tampilan yang simple di blognya, ok sob langsung saja jika demikian sobat berminat menggunakannya bisa ambil codenya dibawah ini.

Baca Juga :Mizuna - Blogger Template
Silahkan pasang code berikut ini dengan cara buka blogger dan pilih TATA LETAK > PILIH ADD WIDGET > HTML / JAVASCRIPT > letakan atau pastekan codenya dan simpan.

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
Baca Juga :Asal Seo - Blogger Template
</script><ul>
<script type="text/javascript">var numposts = 10;var standardstyling = true;</script><script type="text/javascript" src="https://www.situsmu.me/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul>

Silahkan ganti url https://www.situsmu.me dengan url blog sobat sendiri
selanjutnya letakan code CSS dibawah ini tepat sebelum </style> atau ]]></b:skin>

/* Widget Recent Post */
Baca Juga :Download Template Blogger Simplify 2 Premium Responsive Seo Friendly
#sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;color:#fff;text-transform:capitalize;font-family:Arial, Sans-Serif;font-size:135%;font-weight:400;position:relative;padding:12px 0 15px;text-align:center;margin:0}
#sidebar3 .widget-content{background:#fff;padding:0 0 0 10px}
#sidebar3 a:link, #sidebar3 a:visited{font-weight:normal}
#sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important}
Baca Juga :Cara Daftar Paket Nelpon Telkomsel TM Murah Rp. 1000 All Operator
#sidebar3 ul li:last-child{border:none !important}
#sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#333 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important}
#sidebar3 ul li a:hover {color:#6aba82 !important;}

Demo
Dan silahkan sobat bisa mencobanya untuk blog sobat, mungkin dari saya cukup sekian dulu dan selamat mencoba, semoga bisa bermanfaat. All Post Tips Trik

Rekomendasi

Dapatkan Tips Menarik Setiap Harinya!

  • Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
  • Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
  • Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense

Belum ada Komentar untuk "Cara Memasang Widget Artikel Terbaru Tanpa Gambar"

Posting Komentar

Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Langganan: Posting Komentar (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel