Artikel Terbaru
Dapatkan Artikel terbaru kami dengan berlangganan pada situs ini
Program BOS dan Manajemen Berbasis Sekolah (MBS)
Posted by
Amroe Oemar
Posted on
10.08
with
No comments
Juknis BOS SMA dan SMK 2015
Posted by
Amroe Oemar
Posted on
09.57
with
No comments
Berikut ini kami lampirkan Juknis BOS SMA dan SMK 2015, bagi rekan-rekan yang membutuhkan silahkan dibaca ataupun diunduh. Semoga bermanfaat...
Tanya Jawab Seputar Bansos Dapodikmen 2015 SMA/SMK/SMALB
Posted by
Amroe Oemar
Posted on
22.12
with
No comments
Setelah data sekolah, data peserta didik, data PTK Dikmen, dan data rombongan belajar sudah dientry pada Aplikasi Dapodikmen dan sudah berhasil melakukan sinkronisasi pada server Dapodikmen yang dapat dicek pada laman Dapodikmen.
Maka selanjutnya, untuk memastikan data telah masuk dan valid khususnya terkait dengan dana BOS 2015 sekolah, maka kita harus login pada laman http://bansos.dikmen.kemdikbud.go.id/bos/login.php
Sehubungan dengan hal tersebut, berikut daftar tanya jawab atay FAQ (Frequently Asked Questions) terkait Baseline Data Bantuan Operasional Sekolah tahun 2015, sebagai berikut :
Demikian kami sampaikan tanya jawab ini, semoga bermanfaat...
Maka selanjutnya, untuk memastikan data telah masuk dan valid khususnya terkait dengan dana BOS 2015 sekolah, maka kita harus login pada laman http://bansos.dikmen.kemdikbud.go.id/bos/login.php
Sehubungan dengan hal tersebut, berikut daftar tanya jawab atay FAQ (Frequently Asked Questions) terkait Baseline Data Bantuan Operasional Sekolah tahun 2015, sebagai berikut :
-
Jawab : Silakan gunakan user dan password yang ada di http://sdm.data.kemdikbud.go.id
-
Jawab : Baseline data BOS SM tahap 1 diambil dari Dapodikmen semester ganjil tahun 2014/2015 sampai dengan tanggal 31 Januari 2015. Bagi Sekolah yang datanya belum lengkap agar segera melengkapi sampai dengan batas waktu 1 Maret 2015
-
Jawab : Nomor Rekening BOS SM akan di tentukan oleh TIM BOS dari direktorat Teknis masing masing
-
Jawab : Belum di SK kan : siswa - siswa tersebut belum di hitung dalam SK bantuan BOS SM. Sudah di SK kan : siswa - siswa tersebut sudah di hitung dalam SK bantuan BOS SM. Penentuan Belum di SK kan & Sudah di SK kan dilakukan oleh Tim BOS Pusat sesuai dengan jadwal tahap pencairan BOS SM. Jumlah Siswa Belum SK akan berubah secara otomatis setelah di SK kan oleh Tim BOS Pusat.
-
Jawab : Silakan untuk siswa yang kurang 10 diperbaiki pada semester ganjil tahun 2014/2015. Dimungkinkan datanya di semester genap sudah OK, tapi di ganjil ada 10 siswa yang masih di luar rombel.
-
Jawab : Fitur Cetak akan tampil pada Tahap 2 yang merupakan rekap data dari tahap 1 dan tahap 2 yang nanti akan di tanda tangani oleh kepala sekolah dan kemudian di upload di web http://bansos.dikmen.kemdikbud.go.id/bos
-
Jawab : Perbaikan data izin operasional sekolah dilakukan melalui layanan vervalsp.data.kemdikbud.go.id/ Sekolah silahkan ikuti prosedur pengajuan perubahan data Sekolah pada layanan tersebut
-
Jawab : Data Kepala Sekolah diambil dari data Dapodikmen dengan memperhatikan data tugas tambahan. Pastikan data tugas tambahan Kepala sekolah sudah sesuai dan tidak ada data yang ganda, untuk kepala sekolah yang sudah non aktif pastikan sudah melengkapi data TST tugas tambahan tersebut. Lakukan perubahan pada Dapodikmen kemudian lakukan sinkronisasi data
-
Jawab : Perubahan data Baseline BOS memang tidak realtime untuk menghindari tingginya traffic, namun perubahan tersebut dilakukan oleh system setiap pukul 2.30 dini hari.
-
Jawab : Data partisipasi BOS diambil dari data dapodikmen semester ganjil 2014/2015 , pastikan data rinci sekolah pada bagian Siap menerima BOS sudah dipilih
Unduhan UN CBT 2015
Posted by
Amroe Oemar
Posted on
18.45
with
No comments
Berikut kami berikan Panduan, Surat Resmi, Berita Acara, Tata Tertib dan Pemaparan mengenai UN CBT Online 2015 yang dapat langsung dibaca melalui Blog ini ataupun diunduh untuk dibaca ataupun dicetak.
Sebenarnya seluruh dokumen ini sudah ada pada Penyimpanan Data Kemendikbud (Online) namun disini kami tampilkan secara online pula untuk mempermudah rekan-rekan Proktor/Teknisi UN CBT Online ditanah air untuk membaca secara langsung ataupun diunduh jika memang dirasa perlu.
Langsung saja, dibawah ini kami berikan tautan untuk masing-masing dokumennya :
Sebenarnya seluruh dokumen ini sudah ada pada Penyimpanan Data Kemendikbud (Online) namun disini kami tampilkan secara online pula untuk mempermudah rekan-rekan Proktor/Teknisi UN CBT Online ditanah air untuk membaca secara langsung ataupun diunduh jika memang dirasa perlu.
Langsung saja, dibawah ini kami berikan tautan untuk masing-masing dokumennya :
- Surat Keputusan Kepala Balitbang Kemendikbud Nomor 017HEP2015
- Infografis Ujian Nasional 2015
- Manual UN CBT 2015
- Pelatihan Proktor dan Teknisi UN CBT 2015
- Prosedur Pelaksanaan Ujian Nasional CBT untuk Proktor dan Teknisi
- Berita Acara Pelaksanaan UN CBT 2015
- Berita Acara Pengunggahan UN CBT 2015
- Berita Acara Sinkronisasi UN CBT 2015
- Daftar Hadir Peserta UN CBT 2015
- Pakta Integritas UN CBT 2015
- Paparan Tugas Proktor dan Teknisi
- Tata Tertib Panitia Tingkat Satuan Pendidikan UN CBT 2015
- Tata Tertib Pengawas UN CBT 2015
- Tata Tertib Peserta UN CBT 2015
- Tata Tertib Proktor UN CBT 2015
- Tata Tertib Teknisi UN CBT 2015
Silahkan dipilih tautan yang dibutuhkan, setelah itu rekan-rekan dapat membacanya terlebih dahulu ataupun langsung diunduh menggunakan icon yang telah disediakan (Scribd).
Semoga bermanfaat...
Wasalam,
Amroe
Paparan Tugas Proktor dan Teknisi UN CBT 2015
Posted by
Amroe Oemar
Posted on
18.37
with
No comments
Keputusan Kepala Balitbang Kemendikbud Nomor 017HEP2015
Posted by
Amroe Oemar
Posted on
12.22
with
No comments
Tata Tertib Panitia Tingkat Satuan Pendidikan UN CBT 2015
Posted by
Amroe Oemar
Posted on
12.14
with
No comments
Cara Cek Nomor Sendiri (Telkomsel, XL, Three, Indosat dan SmartFren)
Posted by
Amroe Oemar
Posted on
10.28
with
No comments
Terkadang kita memiliki beberapa nomor kartu dari Provider yang berbeda. Karena banyaknya Promo Paket Internet, BBM dll sehingga para Netter suka gonta ganti kartu sesuai dengan promo dari provider mana yang paling murah/menguntungkan ataupun sinyal dari Provider mana yang lebih dominan atau lancar digunakan di daerah masing-masing. Berikut ini cara melihat nomor kartu masing-masing dari beberapa Provider yang berbeda.
- TELKOMSEL : Tekan *808# lalu tekan Ok/Panggil
- XL : Tekan *123*7*3*1*1# lalu tekan Ok/Panggil
- Three : Tekan *998# lalu tekan Ok/Panggil
- Indosat : Tekan *123*30# lalu tekan Ok/Panggil
- SmartFren : Tekan *995# lalu tekan Ok/Panggil
Sebenarnya ada cara lain untuk mengetahui nomor maupun kuota Internet yang kita miliki melalui Aplikasi dari masing-masing Provider ini (untuk Android, IOS, WP, BBOS dll) dapat diunduh dari masing-masing Market OS Gadget yang kita gunakan. Namun perintah diatas dapat diterapkan pada HP jadul (hitam/putih) sekalipun. Demikian saja sedikit infonya semoga bermanfaat...
Pasang Iklan di Blognya Amroe
Posted by
Amroe Oemar
Posted on
10.54
with
No comments
Bagi sahabat yang berminat memasang iklan, silahkan pilih paket iklan.
Banner 668x80
- Posisi : Di atas Posting
- Harga : Rp. 200.000,-/bulan
- Slot Tersedia : 2 (dua) slot
- Deskripsi : Tampil di setiap halaman dan dipasang secara do-follow. Minimum pemasangan 1 bulan / 30 hari
- Discount : Untuk pemasangan 2 bulan (Rp. 300.000), 3 bulan (Rp.400.000)
Iklan Teks
- Posisi : Sidebar Kanan Atas
- Harga : Rp. 100.000,-/Link/bulan
- Slot Tersedia : 4 slot
- Deskripsi : Tampil di setiap halaman dan dipasang secara do-follow. Minimum pemasangan 1 bulan / 30 hari
- Discount : Untuk pemasangan 2 bulan (Rp. 150.000), 3 bulan (Rp. 200.000)
Banner 125x125
- Posisi : Sidebar Kanan
- Harga : Rp. 100.000,-/bulan
- Slot Tersedia : 4 slot
- Deskripsi : Tampil di setiap halaman dan dipasang secara do-follow. Minimum pemasangan 1 bulan / 30 hari
- Discount : Untuk pemasangan 2 bulan (Rp. 150.000), 3 bulan (Rp. 200.000)
Peraturan
Materi iklan tidak boleh mengandung unsur SARA, Pornografi, kebohongan, provokasi, serta semua yang berlawanan dengan hukum yang berlaku di IndonesiaMateri iklan sepenuhnya adalah tanggung jawab pemasang iklan, Blognya Amroe tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.
Pembayaran
Bank BCANo Rek: 1750693667
a/n: M. Amru Umar Manurung
Bank MANDIRI
No Rek: 106-00-1102414-1
a/n: M. Amru Umar Manurung
Bank BNI
No Rek: 262485521
a/n: M. Amru Umar Manurung
Modifikasi Pesan Formulir Komentar dengan CSS
Posted by
Amroe Oemar
Posted on
09.34
with
3
comments
Jika Anda bosan dengan style bawaan Blogger yang polos itu, silahkan ikuti Cara Mengedit Pesan Komentar dengan CSS dibawah ini :
- Masuk Blogger
- Pilih Template
- Edit HTML ==> Centang Expand Template Widget
- Cari kode <p><data:blogCommentMessage/></p> dengan menekan tombol CTRL+F
- Setelah ketemu, ganti kode diatas dengan kode ini :
<div id='acep-comment'><data:blogCommentMessage/></div>
Catatan : Biasanya kode <p><data:blogCommentMessage/></p> ada lebih dari 2, jadi ganti semua kode tersebut biar lebih mantap. Saran saya backup template Anda dahulu agar bisa meminimalisir kesalahan yang tidak diinginkan.- Kemudian cari ]]></b:skin> dengan CTRL+F dan copy kode dibawah ini, dan letakkan tepat diatas ]]></b:skin>
/*-- Mendekorasi Pesan Formulir Komentar --*/
#amroe-comment{
position: relative;
background:#555; /* Warna Background Utama */
color:#fff;
width:94%; /* Sesuaikan Lebar dengan Kebutuhan */
padding:10px;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
text-align:justify;
border:3px solid #000;
border-radius: 5px;
margin:0 10px 10px 0;
margin-top: 10px;
line-height: 1.3em;
}
#amroe-comment::after, #amroe-comment::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#amroe-comment::before {
border-top-color: #000000;
border-width: 15px;
left: 10%;
margin-left: -36px
}
#amroe-comment::after {
border-top-color: #555; /* Samakan dengan Warna Background Utama */
border-width: 9px;
left: 10%;
margin-left: -30px
}
- Lalu tambahkan kode ini tepat diatas kode </head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>
- Kemudian Simpan Template
Dikutip dari : Sumber
Panduan Pendataan Penyelenggaran UN CBT 2015
Posted by
Amroe Oemar
Posted on
09.03
with
1 comment
Untuk rekan-rekan sebagai Sekolah penyelenggara Ujian Nasional CBT (Computer Based Test) 2015 seluruh Indonesia diharuskan untuk melakukan pendataan ulang CBT ini. Berhubung karena hal ini masih baru dan belum ada panduan secara resmi dari pihak Dinas terkait (Puspendik/Balitbang) bagi rekan-rekan yang masih kekurangan informasinya silahkan mengikuti langkah-langkah berikut.
Demikian panduan ini kami buat untuk rekan-rekan operator, silahkan sampaikan saran dan kritik yang membangun pada kolom komentar. Semoga bermanfaat...
- Silahkan login terlebih dahulu ke alamat http://119.235.209.171/biouncbt15/
- Gunakan Kode UN Sekolah setelah huruf K (SMK) atau U (SMA) dan Password menggunakan NPSN Sekolah.
- Apabila sesuai maka akan terbuka halaman utama seperti gambar berikut :
- Langkah berikutnya silahkan lakukan pengisian/lengkapi Data Sekolah, Proktor, Teknisi dan Asisten Proktornya.
- Pilih Data Master (1)
- Selanjutnya Pilih Sekolah (2)
- Isikan data yang dibutuhkan seperti Jumlah Server, Klien, Sesi dll termasuk data Proktor dan Teknisi (3)
- Jika sudah lengkap silahkan tekan Simpan (4)
- Selanjutnya isikan data Asisten Proktor (5) seperti gambar berikut
- Namun bila muncul peringatan berikut, silahkan klik pada data sekolah lalu klik kembali tombol Asisten Proktor.
- Lanjutkan dengan pengisian Asisten Proktor (usahakan jumlahnya sama atau lebih dengan jumlah Ruang Ujian) seperti gambar berikut :
- Lakukan pengisian data yang dibutuhkan setelah itu klik tombol simpan maka tampilan akan kembali ke halaman awal dan selanjutnya kita isikan data Peserta dengan menentukan Ruang dan Sesi setiap Peserta untuk setiap harinya.
- Setelah seluruh peserta ditentukan ruang dan sesinya, silahkan lihat hasilnya pada menu Rekap sebagai berikut :
- Hasil rekap dapat langsung dicetak ataupun disimpan dalam bentuk file Excel untuk digunakan lebih lanjut.
- Untuk merubah Nama Sekolah ataupun merubah password standart dari Aplikasi ini dapat dilakukan dengan menggunakan menu Sistem lalu pilih Pengaturan Akun lalu simpan perubahan seperti yang ditunjukkan oleh gambar berikut :
- Langkah terakhir yang perlu dilakukan adalah mendownload data yang telah selesai dikerjakan dengan menggunakan menu Download dan hasilnya akan berupa file Excel dengan nama file sesuai kode UN Sekolah.
Demikian panduan ini kami buat untuk rekan-rekan operator, silahkan sampaikan saran dan kritik yang membangun pada kolom komentar. Semoga bermanfaat...
Renungan Sang Operator
Posted by
Amroe Oemar
Posted on
11.56
with
No comments
Perlu dipahami oleh seluruh komponen yang ada di setiap sekolah, baik pimpinan sekolah, bendahara, guru dan non guru. Bahwa tugas operator bukan hanya mengolah data di aplikasi Dapodikmen saja. Tugas operator juga mengolah data di aplikasi lain yang terkait langsung dengan aplikasi Dapodikmen, sampai saat ini yang harus diolah oleh operator adalah:
Kedepan, dipastikan bahwa tugas operator juga akan bertambah lagi, paling tidak yaitu:
- dapo.dikmen.kemdikbud.go.id
- sdm.data.dikmen.kemdikbud.go.id
- verval.data.dikmen.kemdikbud.go.id
- nisn.data.kemdikbud.go.id
- pd.data.dikmen.kemdikbud.go.id
- un.data.dikmen.kemdikbud.go.id
- bansos.dikmen.kemdikbud.go.id
Kedepan, dipastikan bahwa tugas operator juga akan bertambah lagi, paling tidak yaitu:
- portal Program Indonesia Pintar
- portal Sarana dan Prasarana
- Tunjangan guru
- Aplikasi E-Rapor
- .....
Kami sebagai operator berharap apa yang kami tulis ini bisa menjadi pertimbangan bagi pimpinan sekolah dan yang lainnya sebagai pengambil kebijakan.
- Biaya pemeliharaan data per bulan per peserta didik Rp. 1.000,-
- Biaya pemeliharaan data per bulan per PTK Rp. 10.000,-
Cara Membuat Tombol Back To Top di Blog
Posted by
Amroe Oemar
Posted on
11.27
with
1 comment
Kenapa tombol ini dapat mempermudah pengunjung blog? Ketika blog memposting artikel yang panjang, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman atas pada awal artikel tanpa perlu menggeser scroll ke atas.
Tombol back to top memiliki peranan cukup penting bagi sebuah blog atau website dengan konten yang berat dan memiliki halaman yang panjang. Untuk website yang memiliki banyak informasi pada halamannya, akan membuat konten-konten lain terlewati, tanpa disadari menggulir jauh ke bawah halaman.
Berikut ini adalah cara membuat dan memasangnya ke dalam Blogspot!
- Login ke Blogger.
- Klik Template kemudian Edit HTML.
- Klik kiri 1 kali di kotak template.
- Tekan Ctrl+F untuk pencarian cepat.
- Cari kode </head> menggunakan kotak pencarian, kemudian enter.
- Masukan kode di bawah ini diatas kode </head> Tapi jika sudah ada kode ini di template anda, maka lewati langkah ini.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>
- Masih di tempat yang sama - Cari kode </head>
- Masukan script dibawah ini diatas </head>
<script type='text/javascript'>
$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}
else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);
return false})});
</script>
- Cari kode ]]></b:skin>
- Masukan kode CSS dibawah ini diatas ]]></b:skin>
#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:40px; right:30px;cursor:pointer;display:none;opacity:0.7;}
#ScrollToTop:hover{opacity:1;}
- Cari kode </body>
- Masukan kode di bawah ini di atas </body>
<div id='ScrollToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-Izmqq2QVcY8/UmMQyNKbhYI/AAAAAAAABcI/a28qtFC2uto/s1600/backtotop.png'/></div>
- Save Template dan lihat hasilnya.
Tombol back to top ini memberikan fungsi baik cara untuk melompat ke atas dengan mudah dan singkat, dari pada harus menggerakannya dengan mouse. Ini adalah salah satu cara untuk mempermudah pengunjung menelusuri konten - konten yang ada di blog kita. Nah untuk itulah kita membuat dan memasang tombol back to top di Blog.
Dikutip dari : Sumber
Penyelesaian UKK Debian Server (3 Paket)
Posted by
Amroe Oemar
Posted on
11.45
with
No comments
Bagi siswa/i SMK yang ingin mempelajari tentang penyelesaian soal UKK Debian server dapat mempelajarinya dengan menggunakan panduan singkat yang telah kami buat untuk Debian Server 5 namun dengan sedikit penyesuaian dapat digunakan untuk Debian 7 sekalipun.
Silahkan dipelajari dengan menggunakan PC Debian Server atau boleh juga menggunakan VirtualBox (Windows/Linux).
Silahkan dipelajari dengan menggunakan PC Debian Server atau boleh juga menggunakan VirtualBox (Windows/Linux).
Silahkan dipelajari dan dipraktekkan, apabila ada hal yang perlu dipertanyakan silahkan isi keterangan pada kolom komentar. Semoga bermanfaat...
Panduan Padamu Edisi Maret 2015
Posted by
Amroe Oemar
Posted on
10.16
with
No comments
Jika ada pertanyaan atau hal-hal yang kurang jelas silahkan hubungi yang berwajib...
Memasang Prism Syntax Higlighter pada Blog
Posted by
Amroe Oemar
Posted on
09.33
with
No comments
Prism Syntax Highlighter mungkin sudah tidak asing lagi bagi para kalangan Blogger yang mempunyai tema khusus tentang yang bersangkutan tentang Code-Code
Syntax Highlighter pertama kali di gunakan pada Blog kang Ismet dan telah di tambahkan penomoran dari Blog Kompi ajaib yang telah di sempurnakan oleh ArlinaDesign
Oke langsung aja kita ke tahap pemasangannya Buka Blogger => Template => Edit HTML kemudian cari salin kode di bawah ini sebelum kode </style>
Setelah itu simpan 3 kode dibawah ini sebelum </body> atau </head>
Setelah itu silahkan buat postingan baru, terapkan kode pemanggil dibawah ini pada postingan (Tab HTML)
Untuk memparse html dan javascript silahkan gunakan tools Quick Escape
Syntax Highlighter pertama kali di gunakan pada Blog kang Ismet dan telah di tambahkan penomoran dari Blog Kompi ajaib yang telah di sempurnakan oleh ArlinaDesign
Oke langsung aja kita ke tahap pemasangannya Buka Blogger => Template => Edit HTML kemudian cari salin kode di bawah ini sebelum kode </style>
/* CSS Prism Syntax Highlighter */
pre {
padding: 50px 10px 10px 10px;
margin: .5em 0;
white-space: pre;
word-wrap: normal;
overflow: auto;
background-color: #f2f2f2;
position: relative;
border-radius: 4px;
max-height: 500px;
}
pre::before {
font-size: 16px;
content: attr(title);
position: absolute;
top: 0;
background-color: #eee;
padding: 10px;
left: 0;
right: 0;
color: #fff;
text-transform: uppercase;
display: block;
margin: 0 0 15px 0;
font-weight: bold;
}
pre::after {
content: 'Double click to selection';
padding: 2px 10px;
width: auto;
height: auto;
position: absolute;
right: 8px;
top: 8px;
color: #fff;
line-height: 20px;
transition: all 0.3s ease-in-out;
}
pre:hover::after {
opacity: 0;
top: -8px;
visibility: visible;
}
code {
color:#126AAF;
font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px !important;
}
pre code {
display: block;
background: none;
border: none;
color: #808080;
direction: ltr;
text-align: left;
word-spacing: normal;
padding: 0 0;
font-weight: bold;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#800000;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#008200;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#881280;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#994500;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#994500;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#227BC0;
}
code .token.keyword {
color:#881280;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}
pre mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
code mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
pre code mark {
background-color: #ea4f4e!important;
color: #fff!important;
padding: 2px;
border-radius: 2px;
}
.comments pre {
padding: 10px 10px 15px 10px;
background: #2c323c;
}
.comments pre::before {
content: 'Code';
font-size: 13px;
position: relative;
top: 0;
background-color: #f56954;
padding: 3px 10px;
left: 0;
right: 0;
color: #fff;
text-transform: uppercase;
display: inline-block;
margin: 0 0 10px 0;
font-weight: bold;
border-radius: 4px;
border: none;
}
.comments pre::after {
font-size: 11px;
}
.comments pre code {
color: #eee;
}
.comments pre.line-numbers {
padding-left: 10px;
}
pre.line-numbers {
position: relative;
padding-left: 3.0em;
counter-reset: linenumber;
}
pre.line-numbers > code {
position: relative;
}
.line-numbers .line-numbers-rows {
height: 100%;
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.5em;
width: 3em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
padding: 0;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: #999;
display: block;
padding-right: 0.8em;
text-align: right;
transition: 350ms;
}
pre[data-codetype='CSS']:before {
background-color: #00a1d6;
}
pre[data-codetype='HTML']:before {
background-color: #3cc888;
}
pre[data-codetype='JavaScript']:before {
background-color: #75d6d0;
}
pre[data-codetype='JQuery']:before {
background-color: #e5b460;
}
}
Setelah itu simpan 3 kode dibawah ini sebelum </body> atau </head>
<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>
<script type='text/javascript'>
var pres = document.getElementsByTagName("pre");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
Simpan TemplateSetelah itu silahkan buat postingan baru, terapkan kode pemanggil dibawah ini pada postingan (Tab HTML)
<pre title="HTML" data-codetype ="HTML"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSS"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScript"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQuery"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre>
Untuk memparse html dan javascript silahkan gunakan tools Quick Escape
Pendidikan Terbaik Dunia
Posted by
Amroe Oemar
Posted on
05.04
with
No comments
Dapatkah Republik Indonesia mengejar ketertinggalannya dari Negara-Negara yang telah maju ini? Mari kita tunggu gebrakan apa yang akan dilakukan oleh Pemerintah...
Beginilah Kehidupan Masa Depan
Posted by
Amroe Oemar
Posted on
04.27
with
No comments
Experience Intel’s vision for the future of computing. The creation of truly personal experiences that free you from all wires and waiting on computing devices. Powered by computing devices that fit around your busy life instead of you fitting round your device, and shifting from a 2D world to a 3D world for an amazing visual experience. This is the future.
Pendidikan Masa Depan
Posted by
Amroe Oemar
Posted on
04.25
with
No comments
By connecting education with smarter technology, Intel offers a look into the future of K-12 education. Watch as students use technology to collaborate with peers and industry experts to build a bridge model, from the initial design phase through the final structure testing. Intel's education solutions help teachers provide innovative, personalized and secure learning environments to prepare students for successful
Sebuah Pemberian Kecil Dapat Mengubah Hidupmu
Posted by
Amroe Oemar
Posted on
04.06
with
No comments
Kebahagiaan sejati bukanlah dari harta, Kemewahan, Kedudukan atau Jabatan yang tinggi, tetapi kebahagiaan sejati adalah ketika kita bisa menjadi bagian untuk kebahagiaan orang lain. Mungkin pemberian dan ketulusan kita saat ini tidak diperhitungkan oleh manusia, tapi Tuhan memperhatikan semuanya,ketika kita tulus melakukan semuanya itu, suatu saat ketulusan kita akan terbalaskan dengan hal2 yg tidak pernah kita duga! BLESSED TO BLESS (diberkati untuk memberkati) yang intinya. Jika kita di berkati oleh Tuhan, maka sudah sepantasnya kita menjadi berkat untuk orang lain, baik musuh maupun saudara kita.
Berbuat Baik tidak menjadikanmu Artis Ternama
Posted by
Amroe Oemar
Posted on
03.49
with
No comments
Iklan Motivasi, yang mungkin hampir tidak pernah kita temukan di Indonesia. Padahal Indonesia terkenal sebagai negeri yang penduduknya ramah tamah dan budaya gotong royongnya...
Formulir Pendaftaran Green Foot Oracle Academy
Posted by
Amroe Oemar
Posted on
03.04
with
No comments
Roadshow PSB
Posted by
Amroe Oemar
Posted on
01.06
with
No comments
Berikut kami tampilkan contoh penggunaan Slide pada Blog dari SMK Tunas Pelita, selamat menikmati...
Panduan Sukses Dapodikmen
Posted by
Amroe Oemar
Posted on
00.44
with
No comments
Bagi rekan-rekan yang masih baru merasakan menjadi Operator Sekolah atau yang merasa masih bingung tentang penggunaan Dapodikmen, silahkan baca panduannya disini. Jika diperlukan silahkan diunduh...