{"version":"1.0","provider_name":"YELLOWWEB.ID","provider_url":"https:\/\/www.yellowweb.id\/blog","author_name":"yellowweb","author_url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/","title":"Fixed Sidebar (CSS) - YELLOWWEB.ID","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"hf2wBSQZYe\"><a href=\"https:\/\/www.yellowweb.id\/blog\/fixed-sidebar-css\/\">Fixed Sidebar (CSS)<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.yellowweb.id\/blog\/fixed-sidebar-css\/embed\/#?secret=hf2wBSQZYe\" width=\"600\" height=\"338\" title=\"&#8220;Fixed Sidebar (CSS)&#8221; &#8212; YELLOWWEB.ID\" data-secret=\"hf2wBSQZYe\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.yellowweb.id\/blog\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/i0.wp.com\/www.yellowweb.id\/blog\/wp-content\/uploads\/2019\/01\/fixed.jpg?fit=1200%2C630&ssl=1","thumbnail_width":1200,"thumbnail_height":630,"description":"Pada artikel kali ini, kita akan mencoba bagaimana membuat sebuah sidebar, berada tetap (fixed) pada posisinya ketika halaman discroll. Caranya tidak begitu sulit, karena yang akan kita perlukan hanya menambahkan properti css position."}