Membuat Recent post Ost Simple

Di postingan kali ini akan membahas tentang Cara Membuat Recent post Ost Simple. Di panduan ini nanti kita harus memasukan kode CSS dan kode Java Script ( HTML ) yang berada di Tema HTML dan di Tata Letak. Dalam pemasangannya pun tidak sulit kita hanya tinggal menempelkanya saja.

Yang harus di perhatikan sebelum kalian memasang alangkah baiknya kalian beckup tema kalian agar kalian punya backupananya, hal iki bertujuan bila dalam editng kita gagal maka kita masih punya tema yang masih berkwalitas bagus. Oky langsung saja ke panduanya ya, ikuti langakah - langkah berikut ini.


Cara Membuat Recent post Ost Simple :
  • Buka Tema => HTML.
  • Copy kode di bawah ini lalu tempatkan di atas kode </style>.
/* Style Recent Post Ost Simple - Arlethdesign
======================================= */
#--containerx{list-style:none;margin:auto;overflow:hidden}
#--containerx li{width:25%;float:left;margin:.3em 0;}
#--containerx li .--xlist{position:relative;overflow:hidden;max-width:160px;}
#--containerx li .--xlist span{position:absolute;bottom:0;right:0;left:0;max-width:160px;color:#FFF;font-size:12px;margin:auto;line-height:normal;padding:6px;background:linear-gradient(to bottom,rgba(0,0,0,.05) 6%,rgba(0,0,0,.85) 70%)}
  • Save.
  • Buka Tata Letak => Add Widget => Java Script / HTML.
  • Copy kode di bawah ini dan paste.
<script type="text/javascript">//<![CDATA[
var _contentx = 8;
var _imagex = true;var _commentx = false;var _snippx = false;var _snipxchar = 0;
(function(){var b=document.body||document.getElementsByTagName("body")[0];var a=document.createElement("script");a.src="//cdn.staticaly.com/gh/Arleth98/2019/b81bcf18/Recent-post-Ost-Simple2k18.js";b.appendChild(a)}());$(document).ready(function(){$("#--containerx li img").attr("src",function(a,b){return b.replace("s72-c","w160-h105-c")})});
//]]></script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=_recentposts'></script>
  • Save
  • Lihat hasilnya.

Nah sekarang kalian sudah bisa Membuat Recent post Ost Simple, semoga panduan yang saya bagikan ini bisa bermanfaat buat kalian jangan lupa untuk bagikan ketemen - temen kalian agar bermanfaat.
Bagikan:

Post a Comment