Artikel Terbaru Dapatkan Artikel terbaru kami dengan berlangganan pada situs ini

POS UN Tahun 2015 (13 Maret 2015)

FAQ Dapodikmen (BOS SM)

Program BOS dan Manajemen Berbasis Sekolah (MBS)

Juknis BOS SMA dan SMK 2015


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

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 :




  • 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
Demikian kami sampaikan tanya jawab ini, semoga bermanfaat...

Unduhan UN CBT 2015

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 :

  1. Surat Keputusan Kepala Balitbang Kemendikbud Nomor 017HEP2015
  2. Infografis Ujian Nasional 2015
  3. Manual UN CBT 2015
  4. Pelatihan Proktor dan Teknisi UN CBT 2015
  5. Prosedur Pelaksanaan Ujian Nasional CBT untuk Proktor dan Teknisi
  6. Berita Acara Pelaksanaan UN CBT 2015
  7. Berita Acara Pengunggahan UN CBT 2015
  8. Berita Acara Sinkronisasi UN CBT 2015
  9. Daftar Hadir Peserta UN CBT 2015
  10. Pakta Integritas UN CBT 2015
  11. Paparan Tugas Proktor dan Teknisi
  12. Tata Tertib Panitia Tingkat Satuan Pendidikan UN CBT 2015
  13. Tata Tertib Pengawas UN CBT 2015
  14. Tata Tertib Peserta UN CBT 2015
  15. Tata Tertib Proktor UN CBT 2015
  16. 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

Tata Tertib Proktor UN CBT 2015

Tata Tertib Pengawas UN CBT 2015

Paparan Tugas Proktor dan Teknisi UN CBT 2015

Pakta Integritas UN CBT 2015

Daftar Hadir Peserta UN CBT 2015

Prosedur Pelaksanaan UN CBT 2015

Infografis Ujian Nasional 2015

Pelatihan Proktor Dan Teknisi UN CBT 2015

Keputusan Kepala Balitbang Kemendikbud Nomor 017HEP2015

Manual UN CBT 2015 Kemendikbud Versi 2

Berita Acara Pelaksanaan UN CBT

Tata Tertib Peserta UN CBT 2015

Tata Tertib Teknisi UN CBT 2015

Tata Tertib Panitia Tingkat Satuan Pendidikan UN CBT 2015

Berita Acara Pengunggahan UN CBT 2015

Berita Acara Sinkronisasi UN CBT 2015

Cara Cek Nomor Sendiri (Telkomsel, XL, Three, Indosat dan SmartFren)

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.


  1. TELKOMSEL : Tekan *808# lalu tekan Ok/Panggil
  2. XL : Tekan *123*7*3*1*1# lalu tekan Ok/Panggil
  3. Three : Tekan *998# lalu tekan Ok/Panggil
  4. Indosat : Tekan *123*30# lalu tekan Ok/Panggil
  5. 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


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 Indonesia

Materi iklan sepenuhnya adalah tanggung jawab pemasang iklan, Blognya Amroe tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.


Pembayaran

Bank BCA
No 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


Jika Anda bosan dengan style bawaan Blogger yang polos itu, silahkan ikuti Cara Mengedit Pesan Komentar dengan CSS dibawah ini :
  1. Masuk Blogger
  2. Pilih Template
  3. Edit HTML ==> Centang Expand Template Widget
  4. Cari kode <p><data:blogCommentMessage/></p> dengan menekan tombol CTRL+F
  5. 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.
  1. 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
} 
  1. Lalu tambahkan kode ini tepat diatas kode </head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/> 
  1. Kemudian Simpan Template
Gimana, cukup mudah bukan? Demikian postingan kali ini dari saya, bila ada kekurangan mohon kritik dan sarannya semoga bermanfaat bagi para Blogger sekalian. Apabila ada kendala ataupun ada hal yang ingin ditanyakan silahkan berkomentar di kolom komentar dibawah ini. Happy coding...

Dikutip dari : Sumber

Panduan Pendataan Penyelenggaran UN CBT 2015

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.

  1. Silahkan login terlebih dahulu ke alamat http://119.235.209.171/biouncbt15/

  1. Gunakan Kode UN Sekolah setelah huruf K (SMK) atau U (SMA) dan Password menggunakan NPSN Sekolah.
  2. Apabila sesuai maka akan terbuka halaman utama seperti gambar berikut :

  1. 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 :
  1. 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.

  1. Setelah seluruh peserta ditentukan ruang dan sesinya, silahkan lihat hasilnya pada menu Rekap sebagai berikut :

  1. Hasil rekap dapat langsung dicetak ataupun disimpan dalam bentuk file Excel untuk digunakan lebih lanjut. 
  1. 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 :

  1. 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

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: 
  1. dapo.dikmen.kemdikbud.go.id 
  2. sdm.data.dikmen.kemdikbud.go.id 
  3. verval.data.dikmen.kemdikbud.go.id
  4. nisn.data.kemdikbud.go.id 
  5. pd.data.dikmen.kemdikbud.go.id 
  6. un.data.dikmen.kemdikbud.go.id 
  7. bansos.dikmen.kemdikbud.go.id
Apakah ada yang terlewat? ...
Kedepan, dipastikan bahwa tugas operator juga akan bertambah lagi, paling tidak yaitu:
  1. portal Program Indonesia Pintar 
  2. portal Sarana dan Prasarana 
  3. Tunjangan guru
  4. Aplikasi E-Rapor
  5. .....
Dengan begitu banyaknya aplikasi yang harus diselesaikan oleh operator, dan semua aplikasi diatas bersifat dinamis, maka akan sangat logis jika dialokasikan anggaran tiap bulan untuk pemeliharaan data, misalkan:
  • Biaya pemeliharaan data per bulan per peserta didik Rp. 1.000,-
  • Biaya pemeliharaan data per bulan per PTK Rp. 10.000,-
Kami sebagai operator berharap apa yang kami tulis ini bisa menjadi pertimbangan bagi pimpinan sekolah dan yang lainnya sebagai pengambil kebijakan.

Cara Membuat Tombol Back To Top di Blog

Pada kesempatan ini kami akan membagikan kepada Anda tentang bagaimana cara memasang tombol "Back to Top di Blogspot". Ada beberapa alasan sehingga banyak Blogger memasang tombol back to top ini ke Blog mereka. Antara lain untuk mempermudah pengunjung blog dan mempercantik tampilan blog mereka.

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!
  1. Login ke Blogger.
  2. Klik Template kemudian Edit HTML.
  3. Klik kiri 1 kali di kotak template.
  4. Tekan Ctrl+F untuk pencarian cepat.
  5. Cari kode </head> menggunakan kotak pencarian, kemudian enter.
  6. 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'/>

  1. Masih di tempat yang sama - Cari kode </head>
  2. Masukan script dibawah ini diatas </head>
<script type='text/javascript'>
$(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#ScrollToTop&#39;).fadeIn()}
else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},700);
return false})});
</script>
  1. Cari kode ]]></b:skin> 
  2. 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;}
  1. Cari kode </body>
  2. 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>
  1. Save Template dan lihat hasilnya.
Kode berwarna biru di atas adalah link/url gambar back to top anda dapat menggantinya dengan gambar yang anda inginkan.

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)

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 dan dipraktekkan, apabila ada hal yang perlu dipertanyakan silahkan isi keterangan pada kolom komentar. Semoga bermanfaat...

Panduan Padamu Edisi Maret 2015

Buat rekan-rekan yang masih mengalami kesulitan atau masih kurang memahami tata cara ataupun prosedur dalam pengisian/penggunaan Aplikasi Padamu Negeri Online dapat memahaminya melalui panduan berikut ini.

Jika ada pertanyaan atau hal-hal yang kurang jelas silahkan hubungi yang berwajib...

Memasang Prism Syntax Higlighter pada Blog

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> 

/* 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(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>
Simpan Template

Setelah 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






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



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



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







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




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


Roadshow PSB

Berikut kami tampilkan contoh penggunaan Slide pada Blog dari SMK Tunas Pelita, selamat menikmati...


Panduan Sukses Dapodikmen

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...

Total Tayangan Laman

 
Copyright © 2015. Blognya Amroe - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger
Back to top