Short Code

Shortcode dalam halaman ini saya buat dengan tujuan untuk mempermudah dalam menyusun tampilan pada postingan blog di IPUNG.NET agar lebih menarik. Selain itu, biar dalam proses editing pada postingan tidak bingung dan cepat selesai karena tinggal klik, salin dan edit. 

Apabila Ada yang berminat ingin menggunakan dalam blog kalian, silahkan baca pada tutorial yang telah saya tuliskan panduannya di label Blog. Semua tulisan terkait panduan atau tutorial seputar blogging akan saya publikasikan pada label tersebut. Semoga bermanfaat.

Short Code

1. Highlight All dan CTRL+C

<div><form name="copy"><p align="center"><textarea cols="20" name="txt" rows="5" style="height: 80px; width: 100%;">    ganti ini   </textarea></p><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All dan CTRL+C" /> </span></div></form></div>

2. Kotak Script

<div style="border: 3px #1780dd double; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px;
text-align: left; ;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text;">

"tutorial membuat kotak kode script www.ipung.net"

</div>

<div style="border: 3px #1780dd double; padding: 10px;background-color:#ffffff; overflow: auto; height: 100px; text-align: left; ;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;user-select:text;"> "tutorial membuat kotak kode script www.ipung.net" </div>

3. Box Note Border Warna

Perhatian:
Orang ini butuh Perhatian !

Baca Juga: Kumpulan My Codes Blog

Peringatan!
Jangan melakukan spam, menempatkan link pada komentar, dan menggunakan kata kasar

<div class="bluebox">TEKS-ANDA</div><br /> <div class="greenbox">TEKS-ANDA</div><br /> <div class="redbox">TEKS-ANDA</div>

4. Note Lipatan Berwarna

...Contoh text dengan note efek lipatan warna by ipung.net...

...Contoh text dengan note efek lipatan warna by ipung.net...

...Contoh text dengan note efek lipatan warna by ipung.net...

<div class='note'>...Contoh text dengan note efek lipatan warna by ipung.net...</div> <div class='note yellow'>...Contoh text dengan note efek lipatan warna by ipung.net... </div> <div class='note red'>...Contoh text dengan note efek lipatan warna by ipung.net...</div>

5. Kotak Spoiler

Perhatian:
Orang ini butuh Perhatian !

<div class="ipungnetSpoiler">     <div class="tombol" tabindex="0"></div>     <div class="isi">         <!-- Isi Spoiler -->         Tulis konten yang ingin disembunyikan disini.     </div> </div>

6. Box Shadow

Apa itu Food Waste?

Food Waste merupakan makanan yang dibuang percuma dan menumpuk di tempat pembuangan sampah yang memicu efek negatif terhadap lingkungan. Jadi ingat ya sampah sisa makanan disebut food waste.

<div class="box shadow"> <div class="box-inner-block"> <i class="fa shortcode-boxicon"></i>     <span class="dropbox"></span> Food Waste merupakan makanan yang dibuang percuma dan menumpuk di tempat pembuangan sampah yang memicu efek negatif terhadap lingkungan. Jadi ingat ya sampah sisa makanan disebut food waste </div> </div>

7. Accordion Kenapa Memilih Kami?

Kenapa Memilih Kami

Jasa Content Palcement yang kami tawarkan memiliki banyak manfaat yang bisa Anda dapatkan, diantaranya:

Domain Berkualitas

IPUNG.NET sudah dikelola sejak tahun 2018 dan sudah masuk age domain TLD.

Domain memiliki skor tinggi untuk nilai DA (Domain Autority) 38 dan PA (Page Autority) 40.

Harga Terjangkau

Jasa Content Placement dari kami termasuk dalam harga murah berkualitas dan terjangkau.

Kami juga menawarkan pilihan harga sesuai dengan kebutuhan Anda.

Bantuan Konten

Artikel content placement bisa dari Anda dan siap publikasi di situs IPUNG.NET.

Apabila Anda belum menyiapkan artikel, Kami siap bantu menulis artikel sesuai permintaan Anda.

Waktu Pengerjaan

Proses pengerjaan content placement dikerjakan dalam waktu 1-3 hari kerja

Pengerjaan dilakukan sesuai dengan jadwal antrian dan bahkan bisa lebih cepat atau lebih dari waktu yang ditentukan.

Artikel Berkualitas

Artikel content placement memiliki syarat dan ketentuan berlaku untuk menjaga kualitas blog.

Artikel yang dipublikasikan min 500 kata dan wajib unik 100% lolos plagiarism.

<h2>Kenapa Memilih Kami</h2> <p>Jasa Content Palcement yang kami tawarkan memiliki banyak manfaat yang bisa Anda dapatkan, diantaranya:</p> <div class="accordion">   <input id="toggle1" type="radio" class="accordion-toggle" name="toggle" />   <label for="toggle1">Domain Berkualitas</label>   <section> <p>IPUNG.NET sudah dikelola sejak tahun 2018 dan sudah masuk age domain TLD.</p>    <p>Domain memiliki skor tinggi untuk nilai DA (Domain Autority) 38 dan PA (Page Autority) 40.</p>   </section> </div> <div class="accordion">   <input id="toggle2" type="radio" class="accordion-toggle" name="toggle" />   <label for="toggle2">Harga Terjangkau</label>   <section> <p>Jasa Content Placement dari kami termasuk dalam harga murah berkualitas dan terjangkau.</p> <p>Kami juga menawarkan pilihan harga sesuai dengan kebutuhan Anda.</p>   </section> </div> <div class="accordion">   <input id="toggle3" type="radio" class="accordion-toggle" name="toggle" />   <label for="toggle3">Bantuan Konten</label>   <section> <p>Artikel content placement bisa dari Anda dan siap publikasi di situs IPUNG.NET. </p> <p>Apabila Anda belum menyiapkan artikel, Kami siap bantu menulis artikel sesuai permintaan Anda. </p>   </section> </div> <div class="accordion">   <input id="toggle4" type="radio" class="accordion-toggle" name="toggle" />   <label for="toggle4">Waktu Pengerjaan</label>   <section> <p>Proses pengerjaan content placement dikerjakan dalam waktu 1-3 hari kerja </p> <p>Pengerjaan dilakukan sesuai dengan jadwal antrian dan bahkan bisa lebih cepat atau lebih dari waktu yang ditentukan. </p>   </section> </div> <div class="accordion">   <input id="toggle5" type="radio" class="accordion-toggle" name="toggle" />   <label for="toggle5">Artikel Berkualitas</label>   <section> <p>Artikel content placement memiliki syarat dan ketentuan berlaku untuk menjaga kualitas blog. </p> <p>Artikel yang dipublikasikan min 500 kata dan wajib unik 100% lolos plagiarism. </p>   </section> </div> <br />

8. Paket Harga

• Reguler
• 100 K
• Artikel Dari Client
• Konten Permanen
• Backlink Dofollow Maks 2
• Request Keywords
• Artikel Min 500 kata
• Share Medsos
• 4/7 Tech Support

• Premium
• 150 K
• Artikel Dari Kami
• Konten Permanen
• Backlink Dofollow Maks 2
• Request Keywords
• Artikel Min 1000 kata
• Share Medsos
• 4/7 Tech Support

• Bussines
• 200 K
• Artikel Dari Kami
• Konten Permanen
• Backlink Dofollow Maks 4
• Request Keywords
• Artikel Min 1500 kata
• Share Medsos
• 4/7 Tech Support

<div class="flex-container">   <div class="flex-item">     <ul class="harga">       <li class="harga-judul">Reguler</li>       <li class="wira">100 K</li>       <li>Artikel Dari Client</li>       <li>Konten Permanen</li>       <li>Backlink Dofollow Maks 2</li>       <li><strike> Request Keywords</strike></li>       <li>Artikel Min 500 kata</li>       <li> Share Medsos </li>       <li> 4/7 Tech Support</li>       <li class="wira">         <button><a href="https://wa.me/+6289508000100" target="_blank">Order</a></button>       </li>     </ul>   </div>   <div class="flex-item">     <ul class="harga">       <li class="harga-judul highlight">Premium</li>       <li class="wira">150 K</li>       <li>Artikel Dari Kami</li>       <li>Konten Permanen</li>       <li>Backlink Dofollow Maks 2</li>       <li>Request Keywords</li>       <li>Artikel Min 1000 kata</li>       <li> Share Medsos </li>       <li> 4/7 Tech Support</li>       <li class="wira">         <button><a href="https://wa.me/+6289508000100" target="_blank">Order</a></button>       </li>     </ul>   </div>   <div class="flex-item">   <ul class="harga">       <li class="harga-judul">Bussines</li>     <li class="wira">200 K</li>       <li>Artikel Dari Kami</li>       <li>Konten Permanen</li>       <li>Backlink Dofollow Maks 4</li>       <li>Request Keywords</li>       <li>Artikel Min 1500 kata</li>       <li> Share Medsos </li>       <li> 4/7 Tech Support</li>       <li class="wira">         <button><a href="https://wa.me/+6289508000100" target="_blank">Order</a></button>       </li>     </ul>   </div> </div>

8. Box Deskripsi

Ketentuan

Beberapa contoh warna:

1. boxdescription (hijau)

2. boxdescription boxupdate (merah)

3. boxdescription boxdetails (biru)

4. boxdescription boxdownload (kuning)

Demikianlah contoh penulisan warna.

<div class="boxdescription"> <h2>Ketentuan</h2> Beberapa contoh warna: <div> 1. boxdescription (hijau) </div> <div> 2. boxdescription boxupdate (merah)</div> <div> 3. boxdescription boxdetails (biru)</div> <div> 4. boxdescription boxdownload (kuning)</div> <div>Demikianlah contoh penulisan warna. </div> </div>

9. Kotak Catatan Warna-Warni

ISI DENGAN CATATAN

ISI DENGAN CATATAN

ISI DENGAN CATATAN

    <div class="tips"> ISI DENGAN CATATAN</div> <div class="info"> ISI DENGAN CATATAN</div> <div class="warning"> ISI DENGAN CATATAN</div>