Social Items

Search and Buy other Templates on IDNTHEME
kali ini dwikidzgn akan memberikan tutorial cara memasang widget recent post di blogger. widget recent post ini dapat membantu pengunjung blog dalam melihat isi artikel apa yang baru di upload, selain simpel tampilannya widget recent post ini ringan untuk dipasang di blogger. jadi sobat tidak perlu khawatir akan menambah loading blog nya menjadi lambat. ok langsung ke tutorialnya....

Memasang widget recent post di blogger

1. buka blog sobat masuk ke menu tema lalu edit html cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
2. copy kode dibawah lalu paste diatas kode yang barusan sobat cari

<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>
3. salin javascript dibawah lalu tempel diatas kode </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>
numPosts = 5 ganti angka 5 sesuai keinginan sobat berapa artikel yang ingin ditampilkan
4. lalu simpan tema 5. Terakhir simpan kode berikut di sidebar caranya masuk ke menu tataletak tambahkan gadget pilih html/javascript salin dan tempel kode dibawah lalu simpan widget

<ul id="recent-posts"></ul>
simpan widget dan lihat hasilnya itu dia cara memasang widget recent post di sidebar blog. mudah bukan cara memasang widget recent post disidebar blogger

Cara memasang widget recent post di sidebar blog

kali ini dwikidzgn akan memberikan tutorial cara memasang widget recent post di blogger. widget recent post ini dapat membantu pengunjung blog dalam melihat isi artikel apa yang baru di upload, selain simpel tampilannya widget recent post ini ringan untuk dipasang di blogger. jadi sobat tidak perlu khawatir akan menambah loading blog nya menjadi lambat. ok langsung ke tutorialnya....

Memasang widget recent post di blogger

1. buka blog sobat masuk ke menu tema lalu edit html cari kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;
2. copy kode dibawah lalu paste diatas kode yang barusan sobat cari

<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>
3. salin javascript dibawah lalu tempel diatas kode </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>
numPosts = 5 ganti angka 5 sesuai keinginan sobat berapa artikel yang ingin ditampilkan
4. lalu simpan tema 5. Terakhir simpan kode berikut di sidebar caranya masuk ke menu tataletak tambahkan gadget pilih html/javascript salin dan tempel kode dibawah lalu simpan widget

<ul id="recent-posts"></ul>
simpan widget dan lihat hasilnya itu dia cara memasang widget recent post di sidebar blog. mudah bukan cara memasang widget recent post disidebar blogger
Load Comments

Subscribe Our Newsletter