Dark
Beranda Tips Blogger Trik Blogger

Cara Memasang Widget Recent Post Di Blogger

Oleh Admin
12 Mar 2019
Cara Memasang Widget Recent Post di Blogger Sederhana. Widget recent posts atau dapat disebut dengan artikel terbaru merupakan salah satu cara untuk memperkecil bounce rate blog dengan menunjukkan isu untuk postingan terbaru pada pembaca.

Dengan begitu akan lebih membantu pembaca biar lebih gampang untuk mengetahui postingan-postingan yang paling terbaru pada blog tersebut tanpa harus beralih pada halaman depan atau beranda.

Selain simple, widget recent posts ini mempunyai loading yang cukup ringan, jadi tidak perlu khawatir akan menambah beban loading pada blog Anda.

Cara Memasang Widget Recent Post di Blogger

Silakan simpan isyarat CSS berikut di atas isyarat </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;


<style type='text/css'> /*<![CDATA[*/ ul#recent-posts{width:100%;margin:0 auto;padding:0!important;list-style-type:none} ul#recent-posts li{background:#FFF;padding:0!important;margin-bottom:10px;overflow:hidden;width:100%;height:auto;box-shadow:2px 2px 3px rgba(0,0,0,.05)} ul#recent-posts li img{width:90px;height:70px;margin:0 10px 0 0;float:left} ul#recent-posts li .title_post{padding:10px!important;line-height:1;position:relative;margin-left:90px} ul#recent-posts li a{color:#333;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none} ul#recent-posts li a:hover{color:#8e8efa} ul#recent-posts:after{content:"";display:block;clear:both} /*]]>*/ </style>

Jika tampilanya kurang sesuai dengan harapan Anda, Anda dapat menyesuaikan beberapa bab untuk menyesuaikan tampilannya dengan template yang Anda gunakan.
Kemudian silakan simpan isyarat javascript berikut di atas isyarat </body>
<script type='text/javascript'> //<![CDATA[ var homePage = window.location.origin,numPosts = 5; function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/Indzign/InSEO/3c89739e/recentposty.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; //]]> </script>

Perhatikan isyarat yang ditandai, ubah angkanya sesuai kebutuhan.

Setelah itu Simpan tema.

Terakhir silakan simpan isyarat berikut di sidebar melalui tata letak/layout pada gadget HTML/JavaScript.
<ul id="recent-posts"></ul>

Selesai, lihat balasannya di blog Anda.


Begitulah Cara Memasang Widget Recent Post di Blogger, semoga bermanfaat bagi Anda.
Tags :
Berbagi :