-
Notifications
You must be signed in to change notification settings - Fork 0
/
link-dim (dark).xml
184 lines (144 loc) · 20.9 KB
/
link-dim (dark).xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:attr name='xmlns' value=''/>
<b:attr name='xmlns:b' value=''/>
<b:attr name='xmlns:expr' value=''/>
<b:attr name='xmlns:data' value=''/>
<!--[ <head> Open ]-->
<head>
<!--[ CSS stylesheet ]-->
<style><!-- /* <b:skin version='1.3.0'><![CDATA[
/*
<Group description="notif">
<Variable name="notif.height" description="Notification max height" type="length" max="60px" default="45px" value="53px"/>
<Variable name="notif.bg" description="Notification background color" type="color" default="#08102b" value="#3c4043"/>
<Variable name="notif.color" description="Notification text color" type="color" default="#fffff" value="#ffffff"/>
<Variable name="notif.link" description="Notification link color" type="color" default="#204ecf" value="#0b57cf"/>
</Group>
*/
/* Variable color */
:root{
--notifH: $(notif.height) ;
--notifU: $(notif.bg) ;
--notifC: $(notif.color) ;
--notifL: $(notif.link) ;
--transB: rgba(0,0,0,.05);
--fontH: 'Noto Sans', sans-serif ;
--fontB: 'Noto Sans', sans-serif ;
--fontBa: 'Noto Sans', sans-serif ;
--fontC: 'Fira Mono', monospace ;
}
]]></b:skin>
<style>/*<![CDATA[*/
/* Source Code Font */ @font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2')}
/* Standar CSS */ ::selection{color:#fff;background:var(--linkC)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:inherit;line-height:normal} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:auto} svg{width:22px;height:22px;fill:var(--iconC)} svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fCls{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'}
/* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{position:relative;margin:0;padding:0!important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--notifU);-webkit-font-smoothing: antialiased;} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)} /* Notif Section */ .ntfC{display:flex;align-items:center;position:relative;min-height:var(--notifH); background:var(--notifU);color:var(--notifU); padding:10px 25px; font-size:13px; transition:var(--trans-1);overflow:hidden} .ntfC .secIn{width:100%; position:relative} .ntfC .c{display:flex;align-items:center} .ntfT{width:100%; padding-right: 15px; text-align:center} .ntfT a{color:var(--notifL); font-weight:700} .ntfI:checked ~ .ntfC{height:0;min-height:0; padding:0; opacity:0;visibility:hidden} .ntfA{display:inline-flex;align-items:center;justify-content:center;text-align:initial} .ntfA >a{flex-shrink:0;white-space:nowrap;display:inline-block; margin:0 10px;padding:8px 12px;border-radius:3px; background:var(--notifL);color:#fffdfc; font-size:12px;font-weight:400; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none} /* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .fixLs{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)} .fixH, .mnH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .ntfC .c::after, .mnH .c::before{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls, .BlogSearch input:focus ~ .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri{max-width:520px} /* display:flex */ .headI, .bIc{display:flex;align-items:center}
/* Header Section */ header{width:100%;z-index:10; position:-webkit-sticky;position:sticky;top:0; border-bottom:var(--headerL) solid var(--contentL)} header a{display:block;color:inherit} header svg{width:20px;height:20px;fill:var(--headerI); opacity:.8} header svg.line{fill:none;stroke:var(--headerI)} .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB); display:flex} .headL{display:flex;align-items:center;width: var(--navW) ; /* change var(--navW) to increase header title width */ padding:0 0 0 20px; transition:var(--trans-1)} .headL .headIc{flex:0 0 30px} .headL .headN{width:calc(100% - 30px); padding:0 0 0 5px} .headR{padding:0 25px; flex-grow:1; transition:var(--trans-1)} .headI .headP{display:flex;justify-content:flex-end;position:relative} .headI .headS{} .headI{height:100%; justify-content:space-between; position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .headI >*{margin:0 7.5px} .headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0} .headIc >*{position:relative} .headIc svg{z-index:1} .headIc .isSrh{display:none} ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end} ul.headIc li{margin:0 2px} .Header{background-repeat:no-repeat;background-size:100%;background-position:center} .Header img{max-width:160px;max-height:45px} .Header .headH{display:block;color:inherit;font-size:var(--headerT); font-weight:var(--headerW)} .Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block} /* Icon */ .tIc{width:30px;height:30px;justify-content:center} .tIc::after{content:'';background:var(--transB);border-radius:12px;position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden} .tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)} .tDL .d2, .drK .tDL .d1{display:none} /* mainIn Section */ .blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child){margin-top:40px} .blogCont .section:first-child, .blogCont footer .widget:not(:first-child), .blogCont .section.mobMn{margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} .blogM{flex-wrap:wrap;justify-content:center;padding-bottom:40px} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onPs .blogM .mainbar{max-width:var(--postW)} .onPg .blogM .mainbar{max-width:var(--pageW)}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* Linkdim */ .linktreelogo {width: 100%; display: flex; justify-content: center; align-items: center; padding: 25px 0 0 0; flex-direction: column; background:var(--notifU);} .linktreelogo img{width: 50%; border-radius: 10px;} .linktreelogo p{font-size: 24px;color:var(--notifC);font-weight: 600;} .linktreelogo a{color:var(--notifC);} .linktreecontainer {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;} .linktreecontainer .btn {display: flex;justify-content: center;align-items: center;height: 50px;border-radius: 10px;padding: 5px;margin-top: 15px;font-size: 17px;text-decoration: none;color: #5c5c5c;background: #f1f1f0; width: 80%; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 6px 0px inset; font-weight: bold; transition: width 0.5s, font-size 0.5s;} .linktreecontainer .btn i { margin-right: 10px; font-size: 25px;} .linktreecontainer .btn:hover { color: black;font-size: 20px;width: 90%;} .linktreecontainer img{height: 28px;width : 28px;margin-right: 15px;}
/* Widht */
.maxwidht { display: flex; width: 100%; justify-content: center;}
.maxwidht2 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; justify-content: center;}
.aawidht {font-weight: bold; font-size: calc((1vw)*4); color: var(--notifC); width:80%; margin-bottom:20px;}
/* shL btn */ .shL{position:relative;width:calc(80%);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::hover{content:attr(data-text);font-size:90%;opacity:.7;display:block;} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:#f1f1f0;;transition: transform .5s ease;box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 6px 0px inset;} .shL a:hover{transform: scale(1.2)} .cpL{padding-bottom:15px} .shL svg{opacity:.8;transition: transform .5s ease} .shL svg:hover{transform: scale(1.5)} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0; background:transparent;color:rgba(8,16,43,.4); padding:18px 8px;flex-grow:1} .cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch; flex-shrink:0;padding:0 8px} .cpLb{display:flex;align-items:center;position:relative;background:#f1f1f0;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(0,0,0,.25); padding:0 8px} .cpLb:hover{border-color:rgba(0,0,0,.42);background:#ececec} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px}
/*Yt lastest*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;} .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px;}
/*Screen min 897*/ @media screen and (min-width:897px){
.aawidht {font-size: calc((1vw)*2);} .linktreelogo img{width: 25%;border-radius: 10px;}
}
/*]]>*/</style>
<b:if cond='!data:view.isError'>
<script>/*<![CDATA[*/ /*@shinsenter/defer.js*/
!function(c,i,t){var f,o=/^data-(.+)/,u='IntersectionObserver',r=/p/.test(i.readyState),s=[],a=s.slice,d='lazied',n='load',e='pageshow',l='forEach',m='hasAttribute',h='shift';function p(e){i.head.appendChild(e)}function v(e,n){a.call(e.attributes)[l](n)}function y(e,n,t,o){return o=(o=n?i.getElementById(n):o)||i.createElement(e),n&&(o.id=n),t&&(o.onload=t),o}function b(e,n){return a.call((n||i).querySelectorAll(e))}function g(t,e){b('source',t)[l](g),v(t,function(e,n){(n=o.exec(e.name))&&(t[n[1]]=e.value)}),e&&(t.className+=' '+e),n in t&&t[n]()}function I(e){f(function(o){o=b(e||'[type=deferjs]'),function e(n,t){(n=o[h]())&&(n.parentNode.removeChild(n),(t=y(n.nodeName)).text=n.text,v(n,function(e){'type'!=e.name&&(t[e.name]=e.value)}),t.src&&!t[m]('async')?(t.onload=t.onerror=e,p(t)):(p(t),e()))}()})}(f=function(e,n){r?t(e,n):s.push(e,n)}).all=I,f.js=function(n,t,e,o){f(function(e){(e=y('SCRIPT',t,o)).src=n,p(e)},e)},f.css=function(n,t,e,o){f(function(e){(e=y('LINK',t,o)).rel='stylesheet',e.href=n,p(e)},e)},f.dom=function(e,n,t,o,i){function r(e){o&&!1===o(e)||g(e,t)}f(function(t){t=u in c&&new c[u](function(e){e[l](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),r(n))})},i),b(e||'[data-src]')[l](function(e){e[m](d)||(e.setAttribute(d,''),t?t.observe(e):r(e))})},n)},f.reveal=g,c.Defer=f,c.addEventListener('on'+e in c?e:n,function(){for(I();s[0];t(s[h](),s[h]()))r=1})}(this,document,setTimeout),function(e,n){e.defer=n=e.Defer,e.deferscript=n.js,e.deferstyle=n.css,e.deferimg=e.deferiframe=n.dom}(this); /*]]>*/</script>
<script id='polyfill-js'>'IntersectionObserver'in window||document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"><\/script>');</script>
</b:if>
<!--[ </head> close ]-->
<!--<head/><b:if cond='!data:blog.adsenseClientId'>--></head></b:if>
<!--[ <body> open ]-->
<body>
<!--[ Link Three ]-->
<div class='linktreelogo'>
<!--[ Change scr='<change it>' with your photo/logo link ]-->
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOb1hRzPlznyNXC0A5xH384QaVULvONc32MijiHAYxSzmyhbwlEL4nJvod5mSkuQWF1V2DVEtV5L_RabvgCCQLaSWiEyklElzPa3iBhZPFEksdEbFuU0l928rQ1R5T0eP0-Jd1u7C3Vs27I6rVKio8hmqVmR_IFLsSJUDUU1MVaXee8osNhLp7N3KR/s16000/IMG_5306_2.jpg'/>
<!--[ Change 'Dimas IH with your name / something u want ]-->
<p>Dimas IH</p>
<!--[ Change 'Just wanna do something' with your quote / description / something u want ]-->
<a>"Just wanna do something"</a>
</div>
<br/>
<div class='linktreecontainer'>
<!--[ Change href='<change it>' with your link & change taget to title link or something u want ]-->
<a class='btn' href='https://www.imdiha.my.id/' target='blank'>Blog</a>
<a class='btn' href='https://lib.imdiha.my.id/' target='blank'>Library</a>
<a class='btn' href='mailto:dimas.ihak@gmail.com?FrLink DI - ' target='blank'>Email</a>
<a class='btn' href='https://me.imdiha.my.id/' target='blank'>About me</a>
</div>
<br/><br/><br/>
<!--[ sHL Button ]-->
<div class='maxwidht'>
<div class='shL'>
<div data-text=''>
<!--[ Change href='<change it>' with your linkedin link ]-->
<a aria-label='Linkedin' href='https://www.linkedin.com/in/dimasihak/' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'/><path d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'/><path d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'/></svg>
</a>
</div>
<div data-text=''>
<!--[ Change href='<change it>' with your medium link ]-->
<a aria-label='Medium' href='https://medium.com/@imdiha' rel='noopener' target='_blank'>
<svg height='100%' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;' version='1.1' viewBox='0 0 512 512' width='100%' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path d='M512,62.747C512,28.116 483.884,0 449.253,0L62.747,0C28.116,0 0,28.116 0,62.747L0,449.253C0,483.884 28.116,512 62.747,512L449.253,512C483.884,512 512,483.884 512,449.253L512,62.747ZM283.546,256.002C283.546,323.438 229.249,378.105 162.275,378.105C95.301,378.105 41,323.438 41,256.002C41,188.566 95.296,133.895 162.275,133.895C229.253,133.895 283.546,188.566 283.546,256.002ZM416.584,256.002C416.584,319.478 389.436,370.957 355.947,370.957C322.457,370.957 295.309,319.478 295.309,256.002C295.309,192.526 322.453,141.048 355.942,141.048C389.432,141.048 416.58,192.509 416.58,256.002L416.584,256.002ZM471,256.002C471,312.861 461.453,358.983 449.674,358.983C437.894,358.983 428.351,312.874 428.351,256.002C428.351,199.13 437.898,153.021 449.674,153.021C461.449,153.021 471,199.126 471,256.002Z'/></g></svg>
</a>
</div>
<div data-text=''>
<!--[ Change href='<change it>' with your twitter link ]-->
<a aria-label='Twitter' href='https://twitter.com/akudim_/' rel='noopener' target='_blank'>
<svg viewBox='0 0 64 64'><path d='M11.4,26.6C11.5,26.6,11.5,26.6,11.4,26.6c-0.9,0-1.8-0.2-2.6-0.4c-1.3-0.4-2.5,0.8-2.1,2 c1.1,4.3,4.5,7.7,8.8,8.6c-1,0.3-2,0.4-3,0.4c-1,0-1.7,1.1-1.2,2c1.9,3.5,5.6,5.9,9.7,6h1c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2 c-1.3,0-2.9-0.1-4.5-0.5c-1-0.2-2-0.2-2.9,0.1c-1.7,0.6-3.5,1.1-5.4,1.3C8.5,50.2,8,50.7,8,51.4v0c0,0.5,0.3,1,0.8,1.2 c3.9,1.7,8.3,2.7,12.9,2.7c21.1,0,32.7-17.9,32.7-33.5v0c0-0.9,0.4-1.8,1.1-2.4c1.2-1,2.3-2.1,3.3-3.4c0.4-0.5-0.1-1.2-0.7-1 c-1.2,0.4-2.4,0.7-3.7,0.9c-0.2,0-0.3-0.2-0.1-0.4c1.5-1.1,2.8-2.6,3.6-4.3c0.3-0.6-0.3-1.2-0.9-0.9c-1.1,0.6-2.3,1-3.5,1.4 c-1.2,0.4-2.6,0.1-3.6-0.7c-1.9-1.5-4.4-2.4-7-2.4c-5.3,0-9.8,3.7-11.1,8.8c-0.2,0.9,0.5,1.7,1.4,1.7c1.6-0.1,3.2-0.3,4.4-0.5 c1-0.2,2,0.3,2.4,1.2c0.5,1.2-0.2,2.4-1.3,2.7c-4.6,1.3-9.7,0.4-9.7,0.4l0,0C21.2,21.8,14.3,18,9.3,12.5C8.6,11.7,7.3,12,7,12.9 c-0.4,1.2-0.6,2.5-0.6,3.9C6.4,20.9,8.4,24.5,11.4,26.6z'/></svg>
</a>
</div>
<div data-text=''>
<!--[ Change href='<change it>' with your instagram link ]-->
<a aria-label='Instagram' href='https://www.instagram.com/imdim_/' rel='noopener' target='_blank'>
<svg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'><rect fill='none' height='256' width='256'/><circle cx='128' cy='128' r='32'/><path d='M172,28H84A56,56,0,0,0,28,84v88a56,56,0,0,0,56,56h88a56,56,0,0,0,56-56V84A56,56,0,0,0,172,28ZM128,176a48,48,0,1,1,48-48A48,48,0,0,1,128,176Zm52-88a12,12,0,1,1,12-12A12,12,0,0,1,180,88Z'/></svg>
</a>
</div>
<div data-text=''>
<!--[ Change href='<change it>' with your youtube link ]-->
<a aria-label='Youtube' href='https://www.youtube.com/channel/UCfg1MD_NG7ojh5U-gqvy5fQ' target='_blank'>
<svg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path d='M508.6,148.8c0-45-33.1-81.2-74-81.2C379.2,65,322.7,64,265,64c-3,0-6,0-9,0s-6,0-9,0c-57.6,0-114.2,1-169.6,3.6 c-40.8,0-73.9,36.4-73.9,81.4C1,184.6-0.1,220.2,0,255.8C-0.1,291.4,1,327,3.4,362.7c0,45,33.1,81.5,73.9,81.5 c58.2,2.7,117.9,3.9,178.6,3.8c60.8,0.2,120.3-1,178.6-3.8c40.9,0,74-36.5,74-81.5c2.4-35.7,3.5-71.3,3.4-107 C512.1,220.1,511,184.5,508.6,148.8z M207,353.9V157.4l145,98.2L207,353.9z'/></g></svg>
</a>
</div>
</div>
</div>
<!--[ Link Three ]-->
<div class='maxwidht2'>
<div class='aawidht'>
<div><p>Latest Video Imdiha</p></div>
<div class='videoWrapper'>
<!--[ Change cid='<change it>' with your youtube channel id ]-->
<iframe allowfullscreen='' cid='UCfg1MD_NG7ojh5U-gqvy5fQ' class='latestVideoEmbed'/>
</div>
</div>
</div>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>
<script>/*<![CDATA[*/
var reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id=");
function loadVideo(iframe){
$.getJSON( reqURL + iframe.getAttribute('cid'),
function(data) {
var videoNumber = (iframe.getAttribute('vnum')?Number(iframe.getAttribute('vnum')):0);
console.log(videoNumber);
var link = data.items[videoNumber].link;
id = link.substr(link.indexOf("=") + 1);
iframe.setAttribute("src","https://youtube.com/embed/"+id + "?controls=0");
}
);
}
var iframes = document.getElementsByClassName('latestVideoEmbed');
for (var i = 0, len = iframes.length; i < len; i++){
loadVideo(iframes[i]);
}
/*]]>*/</script>
<b:section id='example'/>
<!--[ </body> close ]-->
<!--</body>--></body>
</html>