<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[Indonesian Local Community - Portal]]></title>
		<link>https://www.indolokal.com/r1/</link>
		<description><![CDATA[Indonesian Local Community - https://www.indolokal.com/r1]]></description>
		<pubDate>Sat, 13 Jun 2026 06:06:17 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Bukan Seorang Penulis? Tidak Masalah. Anda Bisa Menghasilkan Uang dari Blog!]]></title>
			<link>https://www.indolokal.com/r1/Thread-Informasi-Bukan-Seorang-Penulis-Tidak-Masalah-Anda-Bisa-Menghasilkan-Uang-dari-Blog</link>
			<pubDate>Sat, 30 Aug 2025 15:06:40 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Informasi-Bukan-Seorang-Penulis-Tidak-Masalah-Anda-Bisa-Menghasilkan-Uang-dari-Blog</guid>
			<description><![CDATA[<div style="text-align: center;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">Konten, Konten, Konten. Konten Membuat Dunia Maya Berputar. </span></div>
<div style="text-align: justify;" class="mycode_align">Sejak pertama kali Anda mulai mencari cara untuk menghasilkan uang secara online, Anda terus mendengar hal yang sama: MENULIS, MENULIS, dan LEBIH BANYAK MENULIS. Ada alasan di balik itu, dan kita akan bahas bagaimana kata-kata tertulis bisa menghasilkan uang untuk Anda — tetapi ANDA TIDAK HARUS menjadi satu-satunya yang melakukan semua penulisan tersebut. Simpan kertas dan pergelangan tangan Anda!</div>
<br />
<div style="text-align: justify;" class="mycode_align">Salah satu cara paling populer untuk menghasilkan uang secara online adalah melalui kekuatan blogging. Namun, apa yang dibutuhkan oleh blogging? Menurut Anda? Apa SATU hal yang harus Anda lakukan lebih dari apa pun agar bisa menjadi seorang blogger?</div>
<br />
<div style="text-align: justify;" class="mycode_align">Jika Anda seperti kebanyakan orang, jawaban Anda mungkin termasuk... Anda benar... </div>
<div style="text-align: justify;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">MENULIS!</span> Lagipula, bukankah itulah inti dari sebuah blog? Di blog Anda, Anda membagikan pemikiran Anda kepada orang lain dalam bentuk postingan blog yang Anda tulis — menulis terus-menerus.</div>
<br />
<br />
<div style="text-align: justify;" class="mycode_align">Sebelum Anda lari menjauh, izinkan saya memberi tahu Anda sebuah rahasia kecil. </div>
<div style="text-align: justify;" class="mycode_align">Meskipun postingan blog tersebut memang diperlukan agar Anda menjadi blogger yang sukses, postingan itu tidak harus semua ditulis oleh Anda sendiri.</div>
<br />
<div style="text-align: justify;" class="mycode_align">Anda membutuhkan konten agar blog Anda sukses, tetapi konten tersebut tidak harus ditulis oleh Anda. Izinkan saya menjelaskannya dengan memberikan beberapa cara untuk menghasilkan uang dan menjaga blog Anda tetap segar tanpa membuat Anda kelelahan atau terkena sindrom carpal tunnel sebelum Anda mulai mendapatkan uang.</div>
<br />
<br />
<div style="text-align: justify;" class="mycode_align">Namun, pertama-tama, Anda perlu tahu mengapa konten sangat penting di internet, terutama di blog Anda.</div>
<br />
<div style="text-align: center;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">Mengapa Konten Sangat Penting?</span></div>
<br />
<div style="text-align: justify;" class="mycode_align">Berikut beberapa alasannya:</div>
Pertama, orang datang ke internet untuk satu hal dan satu hal saja — informasi. Apakah mereka sedang berbelanja produk atau mencari obat alami untuk jerawat mereka, mereka membuka internet untuk mencari informasi, saran, dan bantuan.]]></description>
			<content:encoded><![CDATA[<div style="text-align: center;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">Konten, Konten, Konten. Konten Membuat Dunia Maya Berputar. </span></div>
<div style="text-align: justify;" class="mycode_align">Sejak pertama kali Anda mulai mencari cara untuk menghasilkan uang secara online, Anda terus mendengar hal yang sama: MENULIS, MENULIS, dan LEBIH BANYAK MENULIS. Ada alasan di balik itu, dan kita akan bahas bagaimana kata-kata tertulis bisa menghasilkan uang untuk Anda — tetapi ANDA TIDAK HARUS menjadi satu-satunya yang melakukan semua penulisan tersebut. Simpan kertas dan pergelangan tangan Anda!</div>
<br />
<div style="text-align: justify;" class="mycode_align">Salah satu cara paling populer untuk menghasilkan uang secara online adalah melalui kekuatan blogging. Namun, apa yang dibutuhkan oleh blogging? Menurut Anda? Apa SATU hal yang harus Anda lakukan lebih dari apa pun agar bisa menjadi seorang blogger?</div>
<br />
<div style="text-align: justify;" class="mycode_align">Jika Anda seperti kebanyakan orang, jawaban Anda mungkin termasuk... Anda benar... </div>
<div style="text-align: justify;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">MENULIS!</span> Lagipula, bukankah itulah inti dari sebuah blog? Di blog Anda, Anda membagikan pemikiran Anda kepada orang lain dalam bentuk postingan blog yang Anda tulis — menulis terus-menerus.</div>
<br />
<br />
<div style="text-align: justify;" class="mycode_align">Sebelum Anda lari menjauh, izinkan saya memberi tahu Anda sebuah rahasia kecil. </div>
<div style="text-align: justify;" class="mycode_align">Meskipun postingan blog tersebut memang diperlukan agar Anda menjadi blogger yang sukses, postingan itu tidak harus semua ditulis oleh Anda sendiri.</div>
<br />
<div style="text-align: justify;" class="mycode_align">Anda membutuhkan konten agar blog Anda sukses, tetapi konten tersebut tidak harus ditulis oleh Anda. Izinkan saya menjelaskannya dengan memberikan beberapa cara untuk menghasilkan uang dan menjaga blog Anda tetap segar tanpa membuat Anda kelelahan atau terkena sindrom carpal tunnel sebelum Anda mulai mendapatkan uang.</div>
<br />
<br />
<div style="text-align: justify;" class="mycode_align">Namun, pertama-tama, Anda perlu tahu mengapa konten sangat penting di internet, terutama di blog Anda.</div>
<br />
<div style="text-align: center;" class="mycode_align"><span style="font-weight: bold;" class="mycode_b">Mengapa Konten Sangat Penting?</span></div>
<br />
<div style="text-align: justify;" class="mycode_align">Berikut beberapa alasannya:</div>
Pertama, orang datang ke internet untuk satu hal dan satu hal saja — informasi. Apakah mereka sedang berbelanja produk atau mencari obat alami untuk jerawat mereka, mereka membuka internet untuk mencari informasi, saran, dan bantuan.]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[test]]></title>
			<link>https://www.indolokal.com/r1/Thread-test--61</link>
			<pubDate>Sat, 19 Apr 2025 08:05:02 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-test--61</guid>
			<description><![CDATA[test]]></description>
			<content:encoded><![CDATA[test]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Buy me Ko-Fi]]></title>
			<link>https://www.indolokal.com/r1/Thread-Informasi-Buy-me-Ko-Fi</link>
			<pubDate>Tue, 15 Apr 2025 12:15:20 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Informasi-Buy-me-Ko-Fi</guid>
			<description><![CDATA[<a href="https://ko-fi.com/Q5Q6EECSX" target="_blank" rel="noopener" class="mycode_url"><img src="https://storage.ko-fi.com/cdn/kofi6.png?v=6" loading="lazy"  alt="[Image: kofi6.png?v=6]" class="mycode_img" /></a>]]></description>
			<content:encoded><![CDATA[<a href="https://ko-fi.com/Q5Q6EECSX" target="_blank" rel="noopener" class="mycode_url"><img src="https://storage.ko-fi.com/cdn/kofi6.png?v=6" loading="lazy"  alt="[Image: kofi6.png?v=6]" class="mycode_img" /></a>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[MyCode Hashtag to Google]]></title>
			<link>https://www.indolokal.com/r1/Thread-Generate-AI-MyCode-Hashtag-to-Google</link>
			<pubDate>Tue, 15 Apr 2025 04:20:41 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Generate-AI-MyCode-Hashtag-to-Google</guid>
			<description><![CDATA[Title<br />
<span style="font-weight: bold;" class="mycode_b">Google Search</span><br />
<br />
Short Description<br />
<span style="font-weight: bold;" class="mycode_b">Cari dengan Google</span><br />
<br />
Regex<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&#92;[(gsearch|google)=(.*?)&#92;]</code></div></div><br />
Replacement <br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;a href="https://www.google.com/search?q=&#36;2" target="_blank"&gt;#&#36;2,&lt;/a&gt;</code></div></div><br />
Preview<br />
<a href="https://www.google.com/search?q=tutorial mybb" target="_blank">#tutorial mybb,</a>]]></description>
			<content:encoded><![CDATA[Title<br />
<span style="font-weight: bold;" class="mycode_b">Google Search</span><br />
<br />
Short Description<br />
<span style="font-weight: bold;" class="mycode_b">Cari dengan Google</span><br />
<br />
Regex<br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&#92;[(gsearch|google)=(.*?)&#92;]</code></div></div><br />
Replacement <br />
<div class="codeblock"><div class="title">Code:</div><div class="body" dir="ltr"><code>&lt;a href="https://www.google.com/search?q=&#36;2" target="_blank"&gt;#&#36;2,&lt;/a&gt;</code></div></div><br />
Preview<br />
<a href="https://www.google.com/search?q=tutorial mybb" target="_blank">#tutorial mybb,</a>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[HTML5 Responsif Detail Barang]]></title>
			<link>https://www.indolokal.com/r1/Thread-Generate-AI-HTML5-Responsif-Detail-Barang</link>
			<pubDate>Mon, 14 Apr 2025 05:45:13 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Generate-AI-HTML5-Responsif-Detail-Barang</guid>
			<description><![CDATA[<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html&nbsp;lang</span><span style="color: #007700">=</span><span style="color: #DD0000">"id"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Detail&nbsp;Barang</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">90</span><span style="color: #007700">%;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">800px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">20px&nbsp;auto</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;solid&nbsp;</span><span style="color: #FF8000">#ddd;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">15px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">box</span><span style="color: #007700">-</span><span style="color: #0000BB">sizing</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">box</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">-</span><span style="color: #0000BB">wrap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">wrap</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">gap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">15px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">item&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">align</span><span style="color: #007700">-</span><span style="color: #0000BB">items</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#f9f9f9;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;solid&nbsp;</span><span style="color: #FF8000">#eee;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">weight</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">bold</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#90EE90;&nbsp;/*&nbsp;Hijau&nbsp;pedesaan&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">colon</span><span style="color: #007700">-</span><span style="color: #0000BB">separator&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">weight</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">bold</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#ADD8E6;&nbsp;/*&nbsp;Biru&nbsp;langit&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">transition</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transform&nbsp;0.1s&nbsp;ease</span><span style="color: #007700">-</span><span style="color: #0000BB">in</span><span style="color: #007700">-</span><span style="color: #0000BB">out</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Transisi&nbsp;untuk&nbsp;efek&nbsp;hover&nbsp;lainnya&nbsp;(jika&nbsp;ada)&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Efek&nbsp;getar&nbsp;saat&nbsp;hover&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">shake&nbsp;0.7s</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">-</span><span style="color: #0000BB">iteration</span><span style="color: #007700">-</span><span style="color: #0000BB">count</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">infinite</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@</span><span style="color: #0000BB">keyframes&nbsp;shake&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">10</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">20</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">30</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">40</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">50</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">60</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">70</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">80</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">90</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">100</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Layout&nbsp;vertikal&nbsp;untuk&nbsp;layar&nbsp;kecil&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;</span><span style="color: #007700">(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">600px</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">template</span><span style="color: #007700">-</span><span style="color: #0000BB">columns</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">auto&nbsp;auto&nbsp;1fr</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">gap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">8px&nbsp;10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">item&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">contents</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transparent</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">2</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">colon</span><span style="color: #007700">-</span><span style="color: #0000BB">separator&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">2&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">3</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">text</span><span style="color: #007700">-</span><span style="color: #0000BB">align</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">4</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Menonaktifkan&nbsp;animasi&nbsp;getar&nbsp;pada&nbsp;layar&nbsp;kecil&nbsp;(opsional)&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-container"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Kondisi&nbsp;Barang</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Baru</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Harga</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Rp</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">500.000</span><span style="color: #007700">,</span><span style="color: #0000BB">00</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Status</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Terjual</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Daerah</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Jawa&nbsp;Tengah</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
<!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://www.indolokal.com/r1/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=12" target="_blank" title="">Screenshot_702.png</a> (Size: 26.36 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://www.indolokal.com/r1/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=11" target="_blank" title="">Screenshot_703.png</a> (Size: 4.97 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment -->]]></description>
			<content:encoded><![CDATA[<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html&nbsp;lang</span><span style="color: #007700">=</span><span style="color: #DD0000">"id"</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;charset</span><span style="color: #007700">=</span><span style="color: #DD0000">"UTF-8"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">meta&nbsp;name</span><span style="color: #007700">=</span><span style="color: #DD0000">"viewport"&nbsp;</span><span style="color: #0000BB">content</span><span style="color: #007700">=</span><span style="color: #DD0000">"width=device-width,&nbsp;initial-scale=1.0"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Detail&nbsp;Barang</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">90</span><span style="color: #007700">%;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">800px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">20px&nbsp;auto</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;solid&nbsp;</span><span style="color: #FF8000">#ddd;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">15px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">box</span><span style="color: #007700">-</span><span style="color: #0000BB">sizing</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">box</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">-</span><span style="color: #0000BB">wrap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">wrap</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">gap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">15px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">item&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">align</span><span style="color: #007700">-</span><span style="color: #0000BB">items</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#f9f9f9;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1px&nbsp;solid&nbsp;</span><span style="color: #FF8000">#eee;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">weight</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">bold</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#90EE90;&nbsp;/*&nbsp;Hijau&nbsp;pedesaan&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">colon</span><span style="color: #007700">-</span><span style="color: #0000BB">separator&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">font</span><span style="color: #007700">-</span><span style="color: #0000BB">weight</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">bold</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#ADD8E6;&nbsp;/*&nbsp;Biru&nbsp;langit&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">5px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">-</span><span style="color: #0000BB">radius</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #FF8000">#333;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">transition</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transform&nbsp;0.1s&nbsp;ease</span><span style="color: #007700">-</span><span style="color: #0000BB">in</span><span style="color: #007700">-</span><span style="color: #0000BB">out</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Transisi&nbsp;untuk&nbsp;efek&nbsp;hover&nbsp;lainnya&nbsp;(jika&nbsp;ada)&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Efek&nbsp;getar&nbsp;saat&nbsp;hover&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">shake&nbsp;0.7s</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">-</span><span style="color: #0000BB">iteration</span><span style="color: #007700">-</span><span style="color: #0000BB">count</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">infinite</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@</span><span style="color: #0000BB">keyframes&nbsp;shake&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">10</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">20</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">30</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">40</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">50</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">60</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">70</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">3px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">80</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">1px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">90</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(</span><span style="color: #0000BB">0deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">100</span><span style="color: #007700">%&nbsp;{&nbsp;</span><span style="color: #0000BB">transform</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">translate</span><span style="color: #007700">(</span><span style="color: #0000BB">1px</span><span style="color: #007700">,&nbsp;-</span><span style="color: #0000BB">2px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">rotate</span><span style="color: #007700">(-</span><span style="color: #0000BB">1deg</span><span style="color: #007700">);&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Layout&nbsp;vertikal&nbsp;untuk&nbsp;layar&nbsp;kecil&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;</span><span style="color: #007700">(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">600px</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">template</span><span style="color: #007700">-</span><span style="color: #0000BB">columns</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">auto&nbsp;auto&nbsp;1fr</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">gap</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">8px&nbsp;10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">item&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">contents</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">background</span><span style="color: #007700">-</span><span style="color: #0000BB">color</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">transparent</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">border</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">padding</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">2</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">right</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">colon</span><span style="color: #007700">-</span><span style="color: #0000BB">separator&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">2&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">3</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">text</span><span style="color: #007700">-</span><span style="color: #0000BB">align</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">grid</span><span style="color: #007700">-</span><span style="color: #0000BB">column</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">3&nbsp;</span><span style="color: #007700">/&nbsp;</span><span style="color: #0000BB">4</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.</span><span style="color: #0000BB">detail</span><span style="color: #007700">-</span><span style="color: #0000BB">value</span><span style="color: #007700">:</span><span style="color: #0000BB">hover&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">animation</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Menonaktifkan&nbsp;animasi&nbsp;getar&nbsp;pada&nbsp;layar&nbsp;kecil&nbsp;(opsional)&nbsp;*/<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">}<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-container"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Kondisi&nbsp;Barang</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Baru</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Harga</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Rp</span><span style="color: #007700">.&nbsp;</span><span style="color: #0000BB">500.000</span><span style="color: #007700">,</span><span style="color: #0000BB">00</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Status</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Terjual</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-item"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-label"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Daerah</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"colon-separator"</span><span style="color: #007700">&gt;:&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"detail-value"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Jawa&nbsp;Tengah</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div><br />
<!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://www.indolokal.com/r1/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=12" target="_blank" title="">Screenshot_702.png</a> (Size: 26.36 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment --><!-- start: postbit_attachments_attachment -->
<br /><!-- start: attachment_icon -->
<img src="https://www.indolokal.com/r1/images/attachtypes/image.png" title="PNG Image" border="0" alt=".png" />
<!-- end: attachment_icon -->&nbsp;&nbsp;<a href="attachment.php?aid=11" target="_blank" title="">Screenshot_703.png</a> (Size: 4.97 KB / Downloads: 2)
<!-- end: postbit_attachments_attachment -->]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Generate AI]]></title>
			<link>https://www.indolokal.com/r1/Thread-Generate-AI-Generate-AI</link>
			<pubDate>Thu, 10 Apr 2025 06:55:59 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Generate-AI-Generate-AI</guid>
			<description><![CDATA[berikut ini adalah contoh  Kode dari AI Gemini dengan kondisi Jika Tidak Tercentang, maka akan menampilkan : <br />
<blockquote class="mycode_quote"><cite>Quote:</cite><span style="font-style: italic;" class="mycode_i">Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain</span></blockquote>
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Aktif</span><span style="color: #007700">/</span><span style="color: #0000BB">Nonaktifkan&nbsp;Input&nbsp;Password&nbsp;dengan&nbsp;Pesan&nbsp;</span><span style="color: #007700">Default&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;.</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">align</span><span style="color: #007700">-</span><span style="color: #0000BB">items</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;</span><span style="color: #FF8000">#txt&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">400px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Atur&nbsp;lebar&nbsp;dalam&nbsp;piksel&nbsp;*/<br />&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;</span><span style="color: #FF8000">#chkLabel&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">left</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;}<br />&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"container"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"textarea"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"txt"&nbsp;</span><span style="color: #0000BB">value</span><span style="color: #007700">=</span><span style="color: #DD0000">"Tidak&nbsp;Ada&nbsp;Layanan,&nbsp;Silahkan&nbsp;Pilih&nbsp;Media&nbsp;Lain&nbsp;atau&nbsp;Putar&nbsp;Media&nbsp;Lain"&nbsp;</span><span style="color: #0000BB">disabled</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">br</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"checkbox"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"chk"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"chk"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"chkLabel"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Aktifkan&nbsp;Untuk&nbsp;Mengisi</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">pwdInput&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">getElementById</span><span style="color: #007700">(</span><span style="color: #DD0000">"txt"</span><span style="color: #007700">);<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">chkBox&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">getElementById</span><span style="color: #007700">(</span><span style="color: #DD0000">"chk"</span><span style="color: #007700">);<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">defaultText&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"Tidak&nbsp;Ada&nbsp;Layanan,&nbsp;Silahkan&nbsp;Pilih&nbsp;Media&nbsp;Lain&nbsp;atau&nbsp;Putar&nbsp;Media&nbsp;Lain"</span><span style="color: #007700">;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">chkBox</span><span style="color: #007700">.</span><span style="color: #0000BB">onchange&nbsp;</span><span style="color: #007700">=&nbsp;function(</span><span style="color: #0000BB">e</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(</span><span style="color: #0000BB">chkBox</span><span style="color: #007700">.</span><span style="color: #0000BB">checked</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">disabled&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">false</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">disabled&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">true</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">defaultText</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;};<br />&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;<br /><br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div>]]></description>
			<content:encoded><![CDATA[berikut ini adalah contoh  Kode dari AI Gemini dengan kondisi Jika Tidak Tercentang, maka akan menampilkan : <br />
<blockquote class="mycode_quote"><cite>Quote:</cite><span style="font-style: italic;" class="mycode_i">Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain</span></blockquote>
<br />
<div class="codeblock phpcodeblock"><div class="title">PHP Code:</div><div class="body"><div dir="ltr"><code><span style="color: #007700">&lt;!</span><span style="color: #0000BB">DOCTYPE&nbsp;html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Aktif</span><span style="color: #007700">/</span><span style="color: #0000BB">Nonaktifkan&nbsp;Input&nbsp;Password&nbsp;dengan&nbsp;Pesan&nbsp;</span><span style="color: #007700">Default&lt;/</span><span style="color: #0000BB">title</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;.</span><span style="color: #0000BB">container&nbsp;</span><span style="color: #007700">{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">flex</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">align</span><span style="color: #007700">-</span><span style="color: #0000BB">items</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">center</span><span style="color: #007700">;<br />&nbsp;&nbsp;}<br /><br />&nbsp;&nbsp;</span><span style="color: #FF8000">#txt&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">400px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;Atur&nbsp;lebar&nbsp;dalam&nbsp;piksel&nbsp;*/<br />&nbsp;&nbsp;</span><span style="color: #007700">}<br /><br />&nbsp;&nbsp;</span><span style="color: #FF8000">#chkLabel&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">margin</span><span style="color: #007700">-</span><span style="color: #0000BB">left</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">10px</span><span style="color: #007700">;<br />&nbsp;&nbsp;}<br />&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"container"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"textarea"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"txt"&nbsp;</span><span style="color: #0000BB">value</span><span style="color: #007700">=</span><span style="color: #DD0000">"Tidak&nbsp;Ada&nbsp;Layanan,&nbsp;Silahkan&nbsp;Pilih&nbsp;Media&nbsp;Lain&nbsp;atau&nbsp;Putar&nbsp;Media&nbsp;Lain"&nbsp;</span><span style="color: #0000BB">disabled</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">br</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">input&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"checkbox"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"chk"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">label&nbsp;</span><span style="color: #007700">for=</span><span style="color: #DD0000">"chk"&nbsp;</span><span style="color: #0000BB">id</span><span style="color: #007700">=</span><span style="color: #DD0000">"chkLabel"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Aktifkan&nbsp;Untuk&nbsp;Mengisi</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">label</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">pwdInput&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">getElementById</span><span style="color: #007700">(</span><span style="color: #DD0000">"txt"</span><span style="color: #007700">);<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">chkBox&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">document</span><span style="color: #007700">.</span><span style="color: #0000BB">getElementById</span><span style="color: #007700">(</span><span style="color: #DD0000">"chk"</span><span style="color: #007700">);<br />&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;</span><span style="color: #0000BB">defaultText&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">"Tidak&nbsp;Ada&nbsp;Layanan,&nbsp;Silahkan&nbsp;Pilih&nbsp;Media&nbsp;Lain&nbsp;atau&nbsp;Putar&nbsp;Media&nbsp;Lain"</span><span style="color: #007700">;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">chkBox</span><span style="color: #007700">.</span><span style="color: #0000BB">onchange&nbsp;</span><span style="color: #007700">=&nbsp;function(</span><span style="color: #0000BB">e</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(</span><span style="color: #0000BB">chkBox</span><span style="color: #007700">.</span><span style="color: #0000BB">checked</span><span style="color: #007700">)&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">disabled&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">false</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #DD0000">""</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">disabled&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">true</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">pwdInput</span><span style="color: #007700">.</span><span style="color: #0000BB">value&nbsp;</span><span style="color: #007700">=&nbsp;</span><span style="color: #0000BB">defaultText</span><span style="color: #007700">;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />&nbsp;&nbsp;&nbsp;&nbsp;};<br />&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">script</span><span style="color: #007700">&gt;<br /><br />&lt;/</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">html</span><span style="color: #007700">&gt;&nbsp;<br /></span></code></div></div></div>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Jason Statham]]></title>
			<link>https://www.indolokal.com/r1/Thread-Jason-Statham</link>
			<pubDate>Thu, 03 Apr 2025 17:54:52 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Jason-Statham</guid>
			<description><![CDATA["You ain’t ever gonna get what you want if you don’t go and get it yourself."<br />
(Kamu tidak akan pernah mendapatkan apa yang kamu inginkan jika kamu tidak pergi dan mendapatkannya sendiri.)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Jason Statham</span>]]></description>
			<content:encoded><![CDATA["You ain’t ever gonna get what you want if you don’t go and get it yourself."<br />
(Kamu tidak akan pernah mendapatkan apa yang kamu inginkan jika kamu tidak pergi dan mendapatkannya sendiri.)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Jason Statham</span>]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[The In Between]]></title>
			<link>https://www.indolokal.com/r1/Thread-The-In-Between</link>
			<pubDate>Sat, 22 Mar 2025 18:24:25 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=1">Terzier</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-The-In-Between</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b">Sinopsis</span><br />
<span style="font-style: italic;" class="mycode_i">The In Between</span> adalah film drama romansa dengan sentuhan supranatural yang mengisahkan kisah cinta tragis antara<span style="font-weight: bold;" class="mycode_b"> Tessa (Joey King) dan Skylar (Kyle Allen)</span>. Tessa, seorang gadis yang skeptis terhadap cinta, bertemu dengan Skylar, seorang pemuda romantis, secara tak sengaja di sebuah bioskop. Pertemuan itu menjadi awal hubungan mereka yang penuh kehangatan dan keajaiban kecil. Namun, kebahagiaan mereka terhenti ketika Skylar tewas dalam kecelakaan mobil yang juga melibatkan Tessa. Setelah kehilangan itu, Tessa mulai mengalami kejadian-kejadian aneh yang membuatnya percaya bahwa Skylar mencoba berkomunikasi dari alam lain. Dengan bantuan teman-temannya, Tessa berusaha mencari cara untuk menyatukan kembali jiwa mereka, meski hanya untuk mengucapkan perpisahan terakhir. Film ini menggabungkan elemen romansa dengan misteri supranatural, mengeksplorasi tema cinta, kehilangan, dan harapan.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Detail Film</span><br />
<span style="font-weight: bold;" class="mycode_b">Bintang Film:  </span><br />
<span style="font-weight: bold;" class="mycode_b">Joey King</span> sebagai <span style="font-weight: bold;" class="mycode_b">Tessa</span><br />
<span style="font-weight: bold;" class="mycode_b">Kyle Allen</span> sebagai <span style="font-weight: bold;" class="mycode_b">Skylar</span>  <br />
<span style="font-weight: bold;" class="mycode_b">Kim Dickens</span> sebagai <span style="font-weight: bold;" class="mycode_b">Vickie (orang tua angkat Tessa)</span>  <br />
<span style="font-weight: bold;" class="mycode_b">John Ortiz</span> sebagai <span style="font-weight: bold;" class="mycode_b">Mel  </span><br />
<span style="font-weight: bold;" class="mycode_b">Celeste O’Connor</span> sebagai <span style="font-weight: bold;" class="mycode_b">Shannon (teman Tessa)</span><br />
<span style="font-weight: bold;" class="mycode_b">Sutradara</span>: Arie Posin  <br />
<span style="font-weight: bold;" class="mycode_b">Asal Negara</span>: Amerika Serikat  <br />
<span style="font-weight: bold;" class="mycode_b">Genre</span>: Drama, Romansa, Supranatural  <br />
<span style="font-weight: bold;" class="mycode_b">Rating </span>IMDb: 5.9/10 (berdasarkan data terakhir yang tersedia hingga 2023)  <br />
<span style="font-weight: bold;" class="mycode_b">Awards</span>: Tidak ada penghargaan besar yang tercatat untuk film ini hingga saat ini.  <br />
<span style="font-weight: bold;" class="mycode_b">Durasi</span>: 1 jam 57 menit (117 menit)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Kata-Kata Mutiara dari Naskah Film</span><br />
<span style="font-style: italic;" class="mycode_i">Meskipun tidak ada kutipan spesifik yang secara luas dikenal sebagai "kata mutiara" dari film ini yang terdokumentasi secara publik, berikut adalah salah satu tema emosional yang bisa dianggap mencerminkan esensi dialog dalam film berdasarkan ulasan dan sinopsis:  </span><br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-style: italic;" class="mycode_i">"Cinta sejati tidak pernah benar-benar pergi; ia hanya menemukan cara lain untuk tetap ada."</span></span><br />
(Kutipan ini bukan langsung dari naskah, melainkan interpretasi berdasarkan tema film tentang cinta yang melampaui kematian.)<br />
<br />
Film ini dikenal karena dialognya yang penuh emosi tentang cinta dan kehilangan, yang sering kali menyentuh hati penonton.<br />
Film ini dirilis di Netflix pada 8 April 2022 dan mendapat tanggapan beragam, dengan pujian untuk chemistry antara Joey King dan Kyle Allen, meskipun beberapa kritik menyebut plotnya agak klise dalam genre romansa supranatural<br />
<br />
Selamat Menonton  <img src="https://www.indolokal.com/r1/images/smilies/biggrin.png" alt="Big Grin" title="Big Grin" class="smilie smilie_4" />]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b">Sinopsis</span><br />
<span style="font-style: italic;" class="mycode_i">The In Between</span> adalah film drama romansa dengan sentuhan supranatural yang mengisahkan kisah cinta tragis antara<span style="font-weight: bold;" class="mycode_b"> Tessa (Joey King) dan Skylar (Kyle Allen)</span>. Tessa, seorang gadis yang skeptis terhadap cinta, bertemu dengan Skylar, seorang pemuda romantis, secara tak sengaja di sebuah bioskop. Pertemuan itu menjadi awal hubungan mereka yang penuh kehangatan dan keajaiban kecil. Namun, kebahagiaan mereka terhenti ketika Skylar tewas dalam kecelakaan mobil yang juga melibatkan Tessa. Setelah kehilangan itu, Tessa mulai mengalami kejadian-kejadian aneh yang membuatnya percaya bahwa Skylar mencoba berkomunikasi dari alam lain. Dengan bantuan teman-temannya, Tessa berusaha mencari cara untuk menyatukan kembali jiwa mereka, meski hanya untuk mengucapkan perpisahan terakhir. Film ini menggabungkan elemen romansa dengan misteri supranatural, mengeksplorasi tema cinta, kehilangan, dan harapan.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Detail Film</span><br />
<span style="font-weight: bold;" class="mycode_b">Bintang Film:  </span><br />
<span style="font-weight: bold;" class="mycode_b">Joey King</span> sebagai <span style="font-weight: bold;" class="mycode_b">Tessa</span><br />
<span style="font-weight: bold;" class="mycode_b">Kyle Allen</span> sebagai <span style="font-weight: bold;" class="mycode_b">Skylar</span>  <br />
<span style="font-weight: bold;" class="mycode_b">Kim Dickens</span> sebagai <span style="font-weight: bold;" class="mycode_b">Vickie (orang tua angkat Tessa)</span>  <br />
<span style="font-weight: bold;" class="mycode_b">John Ortiz</span> sebagai <span style="font-weight: bold;" class="mycode_b">Mel  </span><br />
<span style="font-weight: bold;" class="mycode_b">Celeste O’Connor</span> sebagai <span style="font-weight: bold;" class="mycode_b">Shannon (teman Tessa)</span><br />
<span style="font-weight: bold;" class="mycode_b">Sutradara</span>: Arie Posin  <br />
<span style="font-weight: bold;" class="mycode_b">Asal Negara</span>: Amerika Serikat  <br />
<span style="font-weight: bold;" class="mycode_b">Genre</span>: Drama, Romansa, Supranatural  <br />
<span style="font-weight: bold;" class="mycode_b">Rating </span>IMDb: 5.9/10 (berdasarkan data terakhir yang tersedia hingga 2023)  <br />
<span style="font-weight: bold;" class="mycode_b">Awards</span>: Tidak ada penghargaan besar yang tercatat untuk film ini hingga saat ini.  <br />
<span style="font-weight: bold;" class="mycode_b">Durasi</span>: 1 jam 57 menit (117 menit)<br />
<br />
<span style="font-weight: bold;" class="mycode_b">Kata-Kata Mutiara dari Naskah Film</span><br />
<span style="font-style: italic;" class="mycode_i">Meskipun tidak ada kutipan spesifik yang secara luas dikenal sebagai "kata mutiara" dari film ini yang terdokumentasi secara publik, berikut adalah salah satu tema emosional yang bisa dianggap mencerminkan esensi dialog dalam film berdasarkan ulasan dan sinopsis:  </span><br />
<span style="font-weight: bold;" class="mycode_b"><span style="font-style: italic;" class="mycode_i">"Cinta sejati tidak pernah benar-benar pergi; ia hanya menemukan cara lain untuk tetap ada."</span></span><br />
(Kutipan ini bukan langsung dari naskah, melainkan interpretasi berdasarkan tema film tentang cinta yang melampaui kematian.)<br />
<br />
Film ini dikenal karena dialognya yang penuh emosi tentang cinta dan kehilangan, yang sering kali menyentuh hati penonton.<br />
Film ini dirilis di Netflix pada 8 April 2022 dan mendapat tanggapan beragam, dengan pujian untuk chemistry antara Joey King dan Kyle Allen, meskipun beberapa kritik menyebut plotnya agak klise dalam genre romansa supranatural<br />
<br />
Selamat Menonton  <img src="https://www.indolokal.com/r1/images/smilies/biggrin.png" alt="Big Grin" title="Big Grin" class="smilie smilie_4" />]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Media Server]]></title>
			<link>https://www.indolokal.com/r1/Thread-Media-Server</link>
			<pubDate>Fri, 21 Mar 2025 08:06:00 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=2">Admin</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Media-Server</guid>
			<description><![CDATA[server yang kami gunakan untuk streaming film adalah :<br />
<a href="https://mega.nz/" target="_blank" rel="noopener" class="mycode_url">https://mega.nz/</a><br />
<a href="https://streamtape.com/" target="_blank" rel="noopener" class="mycode_url">https://streamtape.com/</a><br />
<a href="https://filemoon.to/" target="_blank" rel="noopener" class="mycode_url">https://filemoon.to/</a><br />
<a href="https://abyss.to/" target="_blank" rel="noopener" class="mycode_url">https://abyss.to/</a><br />
<a href="https://upfiles.com/" target="_blank" rel="noopener" class="mycode_url">https://upfiles.com/</a><br />
<a href="https://www.mirrored.to/" target="_blank" rel="noopener" class="mycode_url">https://www.mirrored.to/</a><br />
<br />
oleh karena itu, Indolokal TIDAK menyimpan file film di hosting. Indolokalo hanya mengembed dari file hosting diatas  <img src="https://www.indolokal.com/r1/images/smilies/shy.png" alt="Shy" title="Shy" class="smilie smilie_7" />]]></description>
			<content:encoded><![CDATA[server yang kami gunakan untuk streaming film adalah :<br />
<a href="https://mega.nz/" target="_blank" rel="noopener" class="mycode_url">https://mega.nz/</a><br />
<a href="https://streamtape.com/" target="_blank" rel="noopener" class="mycode_url">https://streamtape.com/</a><br />
<a href="https://filemoon.to/" target="_blank" rel="noopener" class="mycode_url">https://filemoon.to/</a><br />
<a href="https://abyss.to/" target="_blank" rel="noopener" class="mycode_url">https://abyss.to/</a><br />
<a href="https://upfiles.com/" target="_blank" rel="noopener" class="mycode_url">https://upfiles.com/</a><br />
<a href="https://www.mirrored.to/" target="_blank" rel="noopener" class="mycode_url">https://www.mirrored.to/</a><br />
<br />
oleh karena itu, Indolokal TIDAK menyimpan file film di hosting. Indolokalo hanya mengembed dari file hosting diatas  <img src="https://www.indolokal.com/r1/images/smilies/shy.png" alt="Shy" title="Shy" class="smilie smilie_7" />]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Maintenance Berkala]]></title>
			<link>https://www.indolokal.com/r1/Thread-Maintenance-Berkala</link>
			<pubDate>Thu, 20 Mar 2025 13:21:37 +0000</pubDate>
			<dc:creator><![CDATA[<a href="https://www.indolokal.com/r1/member.php?action=profile&uid=2">Admin</a>]]></dc:creator>
			<guid isPermaLink="false">https://www.indolokal.com/r1/Thread-Maintenance-Berkala</guid>
			<description><![CDATA[Hari ini: Kamis, 20 Maret 2025 Indolokal.com mengupgrade sistem halaman. dan untuk halaman tersebut saat ini masih dalam proses pengerjaan.<br />
<br />
silahkan pantau terus informasi ini.]]></description>
			<content:encoded><![CDATA[Hari ini: Kamis, 20 Maret 2025 Indolokal.com mengupgrade sistem halaman. dan untuk halaman tersebut saat ini masih dalam proses pengerjaan.<br />
<br />
silahkan pantau terus informasi ini.]]></content:encoded>
		</item>
	</channel>
</rss>