{"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":"Custom List Style - Font Awesome - YELLOWWEB.ID","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"ysVrKqC5df\"><a href=\"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/\">Custom List Style &#8211; Font Awesome<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.yellowweb.id\/blog\/custom-list-style-font-awesome\/embed\/#?secret=ysVrKqC5df\" width=\"600\" height=\"338\" title=\"&#8220;Custom List Style &#8211; Font Awesome&#8221; &#8212; YELLOWWEB.ID\" data-secret=\"ysVrKqC5df\" 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\/2018\/07\/custom-list-01.jpg?fit=2500%2C1208&ssl=1","thumbnail_width":2500,"thumbnail_height":1208,"description":"Halo apa kabar teman-teman, artikel kali ini kita akan mencoba membuat sebuah list dengan menggunakan bantuan font-awesome. Font Awesome sendiri merupakan sekumpulan icon (tool kit) yang sudah disediakan secara gratis, jadi kita tinggal mengambilnya kemudian kita sedikit melakukan konfigurasi, supaya dapat diaktifkan. Bagi sebagian web developer, membuat list secara manual akan sangat merepotkan, karena disetiap [&hellip;]"}