MEMASANG CATATAN DENGAN EFEK LIPATAN

makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan makan



CODINGNYA

/* CSS Note by Arlina Design */ .note{position:relative;width:30%;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden} .note.orange{background:#f39c12} .note.crusta{background:#F2784B} .note.river{background:#3498db} .note:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0} .note.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22} .note.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45} .note.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}

...ISI DENGAN CATATAN ANDA...

...ISI DENGAN CATATAN ANDA...

...ISI DENGAN CATATAN ANDA...

...ISI DENGAN CATATAN ANDA...

Read More

MEMBUAT KOLOM CATATAN

Materi
  • Peralatan dan Kelengkapan Gambar Teknik (Kertas Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Pensil Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Mistar atau Penggaris Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Mal Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Pena Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Jangka)
  • Peralatan dan Kelengkapan Gambar Teknik (Papan dan Meja Gambar)
  • Peralatan dan Kelengkapan Gambar Teknik (Penghapus)
  • Teknik Melipat Kertas Gamba
Read More
Read More

MEMBUAT TOMBOL DOWNLOAD

Read More

seperti tampilan buku

BUKU


Read More

MEMBUAT HEADING


makan
Read More

BUAT GARIS

http://www.klikmunadi.com/2012/03/cara-membuat-garis-batas-horizontal-di.html

AFAFAFAGSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS


Read More

SPOILER

Judul Spoiler:
Letakkan teks atau kode script (gambar atau video) di sini
Read More
Kode Script Anda



Kode Script Anda



TULISAN DISINI





Kode Script Anda Di Sini






Kode Script Anda Disini





Kode Script Anda Disini








Kode Script Anda Disini





Keluaran gerbang NAND akan bernilai o bila semua saluran masukannya mendapatkan logika 1
Read More

TULISAN DALAM KOTAK (BAGUS)

CONTOH KOTAK  UNTUK JUDUL

Codingnya
1
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: #6ddb98; border-left: 25px solid green; padding: 5px; t-align: left;">
<span style="color: white;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINI </span></span></div>

2
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: ghostwhite; border-left: 5px solid red; padding: 20px; t-align: left;">
<span style="color: black;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINI </span></span></div>
<br />

3.
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: #f3f3f3; border-left: 10px solid #2288dd; padding: 10px; radius: 2px; t-align: left;">
TULISAN DI SINI</div>


4.
<div style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); margin: 0.5em 2em; padding: 1em 1.5em 1em 2.5em; position: relative;">
<div style="color: #383838; font-style: italic;">
<span style="font-family: trebuchet ms, sans-serif;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span></div>
</div>
5. 


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Ari Sudibyo</div>


6.


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>


7. 





CONTOH KOTAK UNTUK TULISAN PENTING DI POST/ARTIKEL

Codingnya
1. Rata Kiri-kanan
<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: turquoise; border-left: 10px solid #4fee0f; border: 10px; padding: 10px; t-align: left;">
MakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakanMakan</div>


2. Rata Tengah (Rekomendasikan )
<div color:="" style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); font-style: italic; margin: 0.5em 6em; padding: 1em 1.5em 1em 2.5em; position: relative;" white="">
<span style="color: #a64d79; font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGSTULISAN DISINIGS</span></div>


<div style="background: none 0% 0% repeat scroll rgb(242, 248, 253); border-left: 6px solid rgb(203, 222, 240); height-max: 100px; margin-left: 40px; overflow: auto; padding: 5px 10px 5px 15px; width: 70%;">
TES UJIAN</div>


<div style="background-color: red; padding: 8px; text-align: left;">
</div>
<div style="background-color: green; padding: 8px; text-align: left;">
<span style="color: white; font-size: large;">
MCB (Miniature Circuit Breaker)</span></div>


<div style="background-color: #82cafa; border: 0; padding: 10px; text-align: left;">
Kode Script Anda </div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">
Kode Script Anda</div>


<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">
Kode Script Anda Disini</div>



<div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px;">
Kode Script Anda Disini</div>



<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">
Kode Script Anda Disini</div>


TULISAN DISINI





REKOMENDASI

JUDUL
<div style="background: rgb(238 , 255 , 245); border-left: 15px solid rgb(21 , 197 , 29); margin: 0.5em 0em; padding: 1em 1em 1em 1em; position: relative; width: 160px;">
<div style="color: #383838;">
<span style="font-family: &quot;trebuchet ms&quot; , sans-serif;"><b>Memulai Zelio Soft 2</b></span></div>
</div>




RANGKUMAN

<div style="background: rgb(238, 255, 245); border-left: 7px solid rgb(21, 197, 29); margin: 0.5em 2em; padding: 1em 1.5em 1em 2.5em; position: relative;">
<div style="color: #383838; font-style: italic;">
<span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</span></div>
</div>

Memulai Zelio Soft 2
Read More

statistics

Komentar

Recent

Comment