Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Konten Khusus Member
Gabung jadi member untuk membuka artikel premium ini serta nikmati akses ke berbagai aplikasi, source code, dan aset eksklusif lainnya.
Baca syarat dan ketentuan sebelum berlangganan
Kenapa harus pakai Alpine.js?
[
{
"image": "/pertarungan-terakhir-necesse-melawan-incursion-bos/necesse-cover.avif",
"permalink": "/pertarungan-terakhir-necesse-melawan-incursion-bos/",
"readingTime": 12,
"section": "posts",
"title": "Pertarungan Terakhir Necesse, Melawan Incursion Bos",
"topics": [
"Game"
]
}
]
Ujian Komprehensif
Ujian Komprehensif
Ujian ini terdiri dari soal. Setiap soal memiliki batas waktu masing-masing. Silakan klik tombol di bawah untuk memulai.
Dua metrik paling mendasar yang dijadikan indikator utama oleh algoritma YouTube untuk mempromosikan video di Halaman Beranda (Browse Features) adalah...
Bahasa pemrograman utama yang digunakan dalam pengembangan framework Tornado adalah?
Dalam membangun channel Lofi Ambience atau ASMR dari awal, mengganti-ganti topik konten secara drastis setiap minggu disarankan agar mendapat jangkauan audiens yang luas.
Tiga puluh detik pertama pada sebuah video yang berfungsi menahan penonton agar tidak berpindah ke video lain disebut...
Pilihlah platform dan format yang menggunakan rasio aspek vertikal (9:16) untuk distribusi short-form video!
Pilih semua jawaban yang benar (bisa lebih dari satu):
Metode efisien dengan merekam atau memproduksi beberapa bahan video sekaligus dalam satu sesi kerja disebut...
Menggunakan musik berhak cipta (copyrighted) tanpa lisensi pada channel YouTube yang belum termonetisasi tidak akan memberikan dampak risikonya di masa mendatang.
Manakah elemen suara yang umum digabungkan dalam membuat audio Lofi atau ASMR Nature Ambience yang menenangkan?
Pilih semua jawaban yang benar (bisa lebih dari satu):
Rasio aspek visual standar yang digunakan untuk membuat gambar Thumbnail YouTube lanskap adalah...
Strategi Fondasi Konten Kreator & Monetisasi
Strategi Fondasi Konten Kreator & Monetisasi
Pelajari cara membangun niche, memahami algoritma rekomendasi YouTube, dan merancang alur kerja produksi konten yang konsisten.
ShortCode List
Table of content
{{< toc >}}Daftar Isi Artikel
Quiz
Proyek jaringan komputer cikal bakal internet yang dikembangkan oleh Departemen Pertahanan Amerika Serikat pada tahun 1960-an bernama?
Kepanjangan dari singkatan AI yang saat ini sedang masif digunakan di berbagai industri adalah?
💡 Petunjuk: Kecerdasan buatan dalam bahasa Inggris
World Wide Web (WWW) pertama kali diciptakan dan ditemukan oleh ilmuwan asal Inggris bernama Tim Berners-Lee pada tahun 1989.
Manakah perangkat di bawah ini yang dikategorikan sebagai perangkat keras (hardware) jenis Output pada komputer? (Bisa pilih lebih dari satu jawaban)
Menurut lu, seberapa besar dampak AI bakal mengubah industri konten digital dalam 5 tahun ke depan?
Youtube
{{< youtube-lite id="dQw4w9WgXcQ" title="Tutorial Setup Hugo & Tailwind v4" >}}

Todo
{{< todo id="spring-seeds" >}}
Beli 50 biji Parsnip di Pierre's General Store.
{{< /todo >}}
{{< todo id="spring-barn" >}}
Upgrade kandang ternak (Barn) ke level 2.
{{< /todo >}}
{{< todo id="spring-fish" >}}
Tangkap ikan Legendaris *Legend* di dekat pegunungan.
{{< /todo >}}
Steps
{{< steps >}}
{{< step n="1" title="Clone Repository GitHub" >}}
Buka terminal kamu lalu jalankan perintah `git clone https://github.com/username/repo.git` untuk mendownload project.
{{< /step >}}
{{< step n="2" title="Install Dependencies" >}}
Masuk ke dalam folder project lalu jalankan `npm install` atau `pnpm install` untuk memasang semua modul yang dibutuhkan.
{{< /step >}}
{{< step n="3" title="Jalankan Server Lokal" >}}
Ketik perintah `hugo server` di terminal untuk melihat pratinjau situs secara langsung di browser `http://localhost:1313`.
{{< /step >}}
{{< /steps >}}
Clone Repository GitHub
git clone https://github.com/username/repo.git untuk mendownload project.Install Dependencies
npm install atau pnpm install untuk memasang semua modul yang dibutuhkan.Jalankan Server Lokal
hugo server di terminal untuk melihat pratinjau situs secara langsung di browser http://localhost:1313.Note
{{< note type="caution" >}}
Jangan menghapus folder `.git` kecuali kamu benar-benar ingin mereset seluruh history repository.
{{< /note >}}
.git kecuali kamu benar-benar ingin mereset seluruh history repository.Link Rel
{{< link to="https://example.com" text="Link Sponsor" external="true" rel="nofollow" />}}
Link Sponsor
Spoiler
{{< spoiler label="Klik untuk lihat Kunci Jawaban" >}}
Hasil akhir dari perhitungan rumus di atas adalah **42**.
{{< /spoiler >}}
Alert
{{< alert title="Catatan Penting" >}}
Pastikan kamu sudah membaca dokumentasi sebelum mengubah konfigurasi utama.
{{< /alert >}}Catatan Penting
Berhasil!
Peringatan
Perhatian Keras!
Accordion
{{< accordion title="Klik untuk Buka" open="true" >}}
Isi konten bebas di sini, bisa teks biasa, bold, atau list.
{{< /accordion >}}
Image Grid
{{< image-grid >}}
{{< image-link "pyside6-portable-1.avif" "Image 1" "py6" >}}
{{< image-link "pyside6-portable-2.avif" "Image 2" "py6" >}}
{{< /image-grid >}}
ShortCode with title and toggle
{{< code lang="javascript" title="Example Function" open="false" >}}
function greet(name) {
return `Hello, ${name}!`;
}
{{< /code >}}function greet(name) {
return `Hello, ${name}!`;
}Highlighting Specific Lines
| |
Headers
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
======
Alt-H2
------
h1 Heading 8-)
h2 Heading
h3 Heading
h4 Heading
h5 Heading
h6 Heading
Alternatively, for H1 and H2, an underline-ish style:
Alt-H1
Alt-H2
Emphasis
Emphasis, aka italics, with *asterisks* or _underscores_.
Strong emphasis, aka bold, with **asterisks** or __underscores__.
Combined emphasis with **asterisks and _underscores_**.
Strikethrough uses two tildes. ~~Scratch this.~~
**This is bold text**
__This is bold text__
*This is italic text*
_This is italic text_
~~Strikethrough~~
Emphasis, aka italics, with asterisks or underscores.
Strong emphasis, aka bold, with asterisks or underscores.
Combined emphasis with asterisks and underscores.
Strikethrough uses two tildes. Scratch this.
This is bold text
This is bold text
This is italic text
This is italic text
Strikethrough
Lists
1. First ordered list item
2. Another item
⋅⋅* Unordered sub-list.
1. Actual numbers don't matter, just that it's a number
⋅⋅1. Ordered sub-list
4. And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅
⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅
⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
* Unordered list can use asterisks
- Or minuses
+ Or pluses
1. Make my changes
1. Fix bug
2. Improve formatting
- Make the headings bigger
2. Push my commits to GitHub
3. Open a pull request
* Describe my changes
* Mention all the members of my team
* Ask for feedback
+ Create a list by starting a line with `+`, `-`, or `*`
+ Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
* Ac tristique libero volutpat at
+ Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
+ Very easy!
- First ordered list item
- Another item ⋅⋅* Unordered sub-list.
- Actual numbers don’t matter, just that it’s a number ⋅⋅1. Ordered sub-list
- And another item.
⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).
⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅ ⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅ ⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
- Unordered list can use asterisks
- Or minuses
- Or pluses
- Make my changes
- Fix bug
- Improve formatting
- Make the headings bigger
- Push my commits to GitHub
- Open a pull request
- Describe my changes
- Mention all the members of my team
- Ask for feedback
- Create a list by starting a line with
+,-, or* - Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Task lists
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request
- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item
- Finish my changes
- Push my commits to GitHub
- Open a pull request
- @mentions, #refs, links, formatting, and
tagssupported - list syntax required (any unordered or ordered list supported)
- this is a complete item
- this is an incomplete item
Ignoring Markdown formatting
You can tell GitHub to ignore (or escape) Markdown formatting by using \ before the Markdown character.
Let's rename \*our-new-project\* to \*our-old-project\*.
Let’s rename *our-new-project* to *our-old-project*.
Links
[I'm an inline-style link](https://www.google.com)
[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
[I'm a reference-style link][Arbitrary case-insensitive reference text]
[I'm a relative reference to a repository file](../blob/master/LICENSE)
[You can use numbers for reference-style link definitions][1]
Or leave it empty and use the [link text itself].
URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or <http://www.example.com> and sometimes
example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
[arbitrary case-insensitive reference text]: https://www.mozilla.org
[1]: http://slashdot.org
[link text itself]: http://www.reddit.com
I’m an inline-style link with title
I’m a relative reference to a repository file
You can use numbers for reference-style link definitions
Or leave it empty and use the link text itself.
URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com and sometimes example.com (but not on Github, for example).
Some text to show that the reference links can follow later.
Images
Here's our logo (hover to see the title text):
Inline-style:

Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"


Like links, Images also have a footnote style syntax
![Alt text][id]
With a reference later in the document defining the URL location:
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat"
Here’s our logo (hover to see the title text):
Inline-style:
![]()
Reference-style:
![]()

Like links, Images also have a footnote style syntax

With a reference later in the document defining the URL location:
Footnotes
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.
Footnote 1 link1.
Footnote 2 link2.
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference2.
Code and Syntax Highlighting
Inline `code` has `back-ticks around` it.
Inline code has back-ticks around it.
using System.IO.Compression;
#pragma warning disable 414, 3021
namespace MyApplication
{
[Obsolete("...")]
class Program : IInterface
{
public static List<int> JustDoIt(int count)
{
Console.WriteLine($"Hello {Name}!");
return new List<int>(new int[] { 1, 2, 3 })
}
}
}
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}
body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
@media print {
a[href^=http]::after {
content: attr(href)
}
}
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;
require_once 'Zend/Uri/Http.php';
namespace Location\Web;
interface Factory
{
static function _factory();
}
abstract class URI extends BaseURI implements Factory
{
abstract function test();
public static $st1 = 1;
const ME = "Yo";
var $list = NULL;
private $var;
/**
* Returns a URI
*
* @return URI
*/
static public function _factory($stats = array(), $uri = 'http')
{
echo __METHOD__;
$uri = explode(':', $uri, 0b10);
$schemeSpecific = isset($uri[1]) ? $uri[1] : '';
$desc = 'Multi
line description';
// Security check
if (!ctype_alnum($scheme)) {
throw new Zend_Uri_Exception('Illegal scheme');
}
$this->var = 0 - self::$st;
$this->list = list(Array("1"=> 2, 2=>self::ME, 3 => \Location\Web\URI::class));
return [
'uri' => $uri,
'value' => null,
];
}
}
echo URI::ME . URI::$st1;
__halt_compiler () ; datahere
datahere
datahere */
datahere
Tables
Colons can be used to align columns.
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.
Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
| --- | --- |
| git status | List all new or modified files |
| git diff | Show file differences that haven't been staged |
| Command | Description |
| --- | --- |
| `git status` | List all *new or modified* files |
| `git diff` | Show file differences that **haven't been** staged |
| Left-aligned | Center-aligned | Right-aligned |
| :--- | :---: | ---: |
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
| --- | --- |
| Backtick | ` |
| Pipe | \| |
Colons can be used to align columns.
| Tables | Are | Cool |
|---|---|---|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don’t need to make the raw Markdown line up prettily. You can also use inline Markdown.
| Markdown | Less | Pretty |
|---|---|---|
| Still | renders | nicely |
| 1 | 2 | 3 |
| First Header | Second Header |
|---|---|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Command | Description |
|---|---|
| git status | List all new or modified files |
| git diff | Show file differences that haven’t been staged |
| Command | Description |
|---|---|
git status | List all new or modified files |
git diff | Show file differences that haven’t been staged |
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| git status | git status | git status |
| git diff | git diff | git diff |
| Name | Character |
|---|---|
| Backtick | ` |
| Pipe | | |
Blockquotes
> Blockquotes are very handy in email to emulate reply text.
> This line is part of the same quote.
Quote break.
> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can *put* **Markdown** into a blockquote.
> Blockquotes can also be nested...
>> ...by using additional greater-than signs right next to each other...
> > > ...or with spaces between arrows.
Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.
Quote break.
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.
Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
…or with spaces between arrows.
Inline HTML
<dl>
<dt>Definition list</dt>
<dd>Is something people use sometimes.</dd>
<dt>Markdown in HTML</dt>
<dd>Does *not* work **very** well. Use HTML <em>tags</em>.</dd>
</dl>
- Definition list
- Is something people use sometimes.
- Markdown in HTML
- Does *not* work **very** well. Use HTML tags.
Horizontal Rules
Three or more...
---
Hyphens
***
Asterisks
___
Underscores
Three or more…
Hyphens
Asterisks
Underscores
Tekan tombol Ctrl + C untuk menyalin teks. Atau ketik perintah git status di terminal.

