Saturday, 10 August 2019
Jadi Pintar Pola Rpp Silabus Tik Ma Sma Smk Kelas X Kurikulum 2013
Contoh RPP Silabus TIK MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X (kelas 1) Kurikulum 2013, RPP (rencana pelaksanaan pembelajaran) dan silabus untuk mata pelajaran Bahasa Arab Madrasah Aliyah Kelas 1 dengan pendekatan tematik kurikulum 2013 sanggup anda download pada link yang ada dibawah.
Contoh RPP Silabus TIK MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X Kurikulum 2013 ini sanggup menjadi pedoman pembelajaran para guru pendidikan agama (PAI) bidang mata pelajaran bahasa arab Madrasah Aliyah Kelas 1 / X / 10 lengkap. Selanjutnya silahkan anda edit menyesuaikan dengan kondisi dan kebutuhan di sekolah masing-masing.
Bisa juga dipakai pada Madrasah yang sederajat menyerupai SMA, MAK yang memakai mapel Bahasa Arab di sekolahnya sebagai tumpuan saja bila memang dibutuhkan.
Perlu diketahui bahwa file Download Contoh RPP Silabus TIK MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X Kurikulum 2013 ini aku dapatkan dari teman-teman guru yang mengajar di sekolah / madrasah kawasan aku bekerja sebagai admin, jadi ini file yang dipakai guru-guru tersebut bukan hasil download di blog / web manapun.
Contoh RPP Silabus TIK MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X Kurikulum 2013
Cukup sekian dari wacana Download Contoh RPP Silabus TIK MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X Kurikulum 2013. Silahkan di Download ya filenya. Semoga sanggup membantu.
Jadi Bakir Rpp Silabus Promes Prota Sosiologi Ma Sma Kelas X Kurikulum 2013
Promes Prota RPP Silabus Sosiologi MA Sekolah Menengan Atas Kelas X-10 (kelas 1) Kurikulum 2013, Promes (program semester) Prota (program tahunan) sekaligus download RPP (rencana pelaksanaan pembelajaran) untuk mata pelajaran Sosiologi Madrasah Aliyah Kelas 1 dengan pendekatan tematik kurikulum 2013 sanggup anda download pada link yang ada dibawah.
Contoh Promes Prota RPP Silabus Sosiologi MA Kelas X Kurikulum 2013 ini sanggup menjadi pedoman pembelajaran para guru pendidikan agama (PAI) bidang mata pelajaran Sosiologi Madrasah Aliyah Kelas 1 / X / 10 lengkap. Selanjutnya silahkan anda edit menyesuaikan dengan kondisi dan kebutuhan di sekolah masing-masing.
Bisa juga dipakai pada Madrasah yang sederajat ibarat SMA, MAK yang memakai mapel Sosiologi di sekolahnya sebagai tumpuan saja kalau memang dibutuhkan.
Perlu diketahui bahwa file Download RPP Silabus dan Promes Prota Sosiologi MA Sekolah Menengan Atas Sekolah Menengah kejuruan Kelas X Kurikulum 2013 ini aku dapatkan dari teman-teman guru yang mengajar di sekolah / madrasah kawasan aku bekerja sebagai admin, jadi ini file yang dipakai guru-guru tersebut bukan hasil download di blog / web manapun.
Silahkan unduh pada link dibawah ini:
RPP Silabus Promes Prota Sosiologi MA Sekolah Menengan Atas Kelas X
Cukup sekian dari wacana Downlaod Promes Prota RPP Silabus Sosiologi MA Kelas X Kurikulum 2013.
Tuesday, 26 February 2019
Jadi Arif Pola Standar Operasional Mekanisme Pendidikan Anak Usia Dini
Standar Operasional Prosedur (SOP) merupakan langkah-langkah yang harus diikuti untuk menjalankan suatu pekerjaan dengan berpedoman pada tujuan yg harus dicapai. Penetapan langkah tersebut dituangkan secara tertulis mengenai apa yang harus dilakukan, kapan, dimana , oleh siapa dan dengan cara bagaimana. Sehingga SOP menjadi cara baku, yang disepakati dan diterapkan oleh semua orang yang ada di satuan PAUD.
Kegiatan harian ini dilaksanakan secara bantu-membantu antara tenaga pendidik, tenaga kependidikan dan orang renta kemudian dilatihkan kepada anak setiap ketika semenjak anak datang/masuk dipintu gerbang sekolah hingga pulang kembali/dijemput oleh orang renta masing-masing. Untuk memudahkan para tenaga pendidik, tenaga kependidikan dan orangtua dalam melatihkan pendidikan perilaku. Maka telah dirumuskan Standar Operasional Prosedur (SOP) yang sanggup dijadikan panduan bagi seluruh tenaga pendidik, tenaga kependidikan di PAUD.
Apa aktivitas harian?
Kegiatan harian dimaksudkan aktivitas yang sanggup diikuti oleh anak semenjak kedatangan hingga pulang termasuk aktivitas di sudut, area dan sentra.
Apa Manfaatnya?
- Layanan PAUD lebih terarah
- Setiap aktivitas lebih bermakna tidak sekedar aktivitas rutin.
Contoh aktivitas harian
- Kedatangan Anak/Penyambutan Anak
- Kegiatan Pembuka/Pengalaman Motorik Kasar
- Latihan ke Kamar mandi
- Cuci Tangan
- Kegiatan Makan
- Waktu Istirahat
- Kepulangan
- Penjemputan Anak
Manfaat Memiliki SOP
- Semua orang yang ada di satuan PAUD mempunyai standar yang sama dalam melayani dan memfasilitasi anak belajar.
- Memudahkan dalam pengkaderan bagi pendidik yunior untuk mengenal cara menunjukkan layanan.
- Sebagai warta terbuka bagi tenaga pendidik, kependidikan dan orang renta perihal layanan yang baik dan sistematis.
Ringkasan
- SOP ialah alat yg baik utk membakukan pelaksanaan suatu kegiatan
- SOP yg baik harus singkat, jelas, ringkas, komplit, obyektif
- SOP harus berisi semua langkah yg penting akan tetapi mustahil dibentuk sedemikian detil sehingga semua pertanyaan pekerja sanggup terjawab
Kedatangan anak/penyambutan anak
Tujuan:
Memberikan rasa nyaman dan kondusif bagi anak dan orangtua/pengantar ketika memasuki lingkungan sekolah.
Manfaat:
Pengantar merasa nyaman ketika meninggalkan anak di lingkungan sekolah. Pendidikan sikap yang dikembangkan:
- Kemandirian, rendah hati, santun berbicara, kasih sayang dan tanggung jawab
- Saat anak memasuki lingkungan sekolah, guru/pendidik mempersiapkan diri menyambut anak ( Kemandirian)
- Pendidik memposisikan badan sejajar dengan ketinggian anak dan mengupayakan kontak mata, berjabat tangan, mengucap salam, menyapa nama anak, menanyakan kabar anak dengan ramah memakai bahasa yang sanggup dipahami anak. (Rendah hati, Santun berbicara)
- Pendidik sanggup mengekspresikan kasih sayang kepada anak contohnya dalam bentuk: pelukan, usapan tangan, hanya jikalau anak merasa nyaman. (Kasih sayang)
- Pendidik mempersilahkan anak untuk menyimpan barang langsung di tempatnya secara berdikari (kemandirian, tanggung jawab)
- Pendidik melaksanakan cek kondisi fisik dan kesehatan anak secara umum sambil mengajak bercakap-cakap perihal hal-hal ringan.(santun berbicara)
- Pendidik mengamati anak dan mengambil tindakan yang dibutuhkan jikalau menemukan kondisi fisik dan kesehatan anak yang perlu penanganan
Jadi Arif Pola Lengkap Manajemen Pengelolaan Inventaris / Aset Sekolah
Setelah artikel sebelumnya wacana buku catatan inventaris sekolah, sekarang saatnya aku lengkapi sesuai impian pembaca. Tidak banyak yang aku bagikan, hanya beberapa poin yang mungkin sangat dibutuhkan dalam pengelolaan aset / inventaris sekolah. Dimana dengan adanya format manajemen inventaris ini dibutuhkan dapat mengetahui kondisi barang yang ada di sekolah. Baik itu dalam keadaan baik, rusak ringan / berat, belum ada, dan lain-lain.
Contoh Administrasi Pengelolaan Inventaris Sekolah ini hanya sebagai referensi kepada anda pengelola / kepala / operator sekolah, untuk seterusnya dapat di edit menyesuaikan dengan kebutuhan sekolah anda. Sedangkan isi dari file Contoh Lengkap Administrasi Pengelolaan Inventaris / Aset Sekolah ini sebagai berikut ini:
- kebutuhan barang
- rekap kebutuhan barang
- data pembelian barang
- rekapitulasi pendataan perangkat alat
- format peminjaman/penggunaan barang
- jadwal pemeliharaan alat
- kartu catatan perbaikan barang
- laporan kerusakan alat (usul)
- format undangan penggunaan ATK
- buku jurnal ATK
- buku inventaris
Atau untuk lebih jelasnya dapat lihat preview berikut ini
Itu saja artikel membuatkan dari wacana Contoh Lengkap Administrasi Pengelolaan Aset Sekolah, dan dapat anda download pada link dibawah ini:
Contoh manajemen aset sekolah. Untuk referensi surat kiprah pengadaan barang sekolah, dapat anda cek dibawah ini:
Contoh Lengkap Administrasi Pengelolaan Inventaris / Aset Sekolah
Demikian dari kami, biar dapat mambantu dan bermanfaat untuk kemajuan pendidikan di Indonesia. Amin...
Jadi Cendekia Cara Menciptakan Top Disqus Commentators For Blogger Dengan Efek Show Hide
Sistem komentar disqus banyak menjadi pilihan kaum blogger termasuk aku alasannya ialah selain tampilan yang elegan dan minimalis, disqus juga mempunyai fitur yang tak kalah anggun dengan sistem komentar lainya, menyerupai recent comment dan top commentators. Top disqus commentators ini biasa kita lihat di dashboard sendiri, namun ternyata dapat di pasang di blog juga.
Terinspirasi dari blog kompiajaib.com yang ketika ini ada tombol untuk menampilkan top disqus commentators ini, hanya saja mas adhy menyimpannya di halaman statis. Itu menciptakan aku mulai mengobok-obok browser, kali aja ada script untuk menampilkannya di blog. Akhirnya aku menemukan script ini di blog.kangismet.net untuk dipasang di sidebar sebagai widget top disqus commentators.
Akhirnya aku mencoba berinovasi untuk menampilkannya diatas kolom komentar dengan efek show hide biar tidak mengganggu ruang menyerupai yang anda lihat pada gambar animasi gif diatas. Jika anda tertarik untuk memasang top disqus commentators widget diatas kolom komentar sebaiknya ikuti langkah berikut ini: (Sebelumnya pastikan blog anda sudah terpasang jquery library dan font awesome)
1. Simpan instruksi dibawah ini diatas
</head><style type='text/css'>
/*<![CDATA[*/
#topcomment{display:block;width:100%;margin:0 auto;padding:10px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto}
.topcomment-sh{width:auto;height:40px;background:#fff;color:#666;margin-top:20px;text-align:center;font-size:18px;line-height:40px;position:relative;cursor:pointer;border-bottom:1px solid #ddd}
.topcomment-sh:hover{background:#337ab7;color:#fff}
#topcomment-box{background:#fff;padding:10px 20px 10px 20px;display:none}
.dsq-widget ul.dsq-widget-list{padding:0!important;margin-right:-30px!important;text-align:left}
img.dsq-widget-avatar{margin:0 10px 7px 0!important;width:58px!important;height:58px!important;padding:0!important;float:left;border-radius:3px!important}
li.dsq-widget-item{margin:0 2% 5px 0!important;padding:0 0 4px!important;list-style-type:none;clear:none!important;border-bottom:1px solid #ddd;display:inline;float:left;width:30.333333%}
a.dsq-widget-user{font-weight:500!important;display:block!important;margin-bottom:5px}
.clear{clear:both!important}
/*]]>*/
</style> yang aku tandai, kalau sudah ada dihapus saja.
2. Kemudian cari css untuk komentar disqus, biasanya menyerupai ini
#comments{background:#fff;clear:both;margin:20px 0;line-height:1em;padding:5px 20px} ubah margin-nya menjadi margin:0px!important;3. Selanjutnya silahkan copy instruksi berikut:
<div class='topcomment-sh' onclick='toggleNavPanel2('topcomment-box')'><i aria-hidden='true' class='fa fa-comments'/><span id='topcomment-button'> Show Top Commentators</span></div>
<div id='topcomment-box'>
<div class='dsq-widget' id='topcomment'>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://username.disqus.com/top_commenters_widget.js?num_items=15&hide_mods=1&hide_avatars=0&avatar_size=32\"></scr" + "ipt>");
//]]>
</script>
</div>
<div class='clear'/>
</div> lalu simpan sempurna dibawah instruksi ini
<b:includable id='comments' var='post'> Jika blog anda memakai 3 sistem komentar, silahkan simpan sempurna dibawah instruksi ini:<div class='disqus-box' id='disqus-box'> Keterangan:
username : ganti dengan user nama disqus andanum_items : jumlah tampilan (silahkan atur jumlahnya)hide_mods : sembunyikan komentar admin (1 sembunyi, 0 tampil)hide_avatars : sembunyikan gambar (1 sembunyi, 0 tampil)avatar_size : mengatur ukuran gambar user4. Terakhir silahkan simpan script dibawah ini diatas
</body><script type='text/javascript'>
//<![CDATA[
function toggleNavPanel2(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")}
$("#topcomment a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script> Bagaimana, gampang kan? selamat mencoba...
Referensi:
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
/search?q=membuat-parse-tool-untuk-text-style
Jadi Terpelajar Cara Menciptakan Top Disqus Commentators Pada Pesan Komentar
Setelah kemarin saya sudah menciptakan artikel ihwal cara menciptakan top disqus commentators diatas kolom komentar, saya rasa sudah cukup praktis untuk di modifikasi ulang sesuai selera. Namun ternyata masih ada yang kesulitan memasang top disqus commentators ini ke dalam kotak pesan komentar disqus. Karena itu disini saya akan menyebarkan kepada para sobat blogger tips dan trik memasangnya kedalam pesan komentar.
Sebelumnya ada 2 hal dan cara yang harus diperhatikan; bahwa ada kotak pesan komentar disqus untuk 3 sistem komentar menyerupai blog kompiajaib.com, ada pula kotak pesan komentar untuk komentar disqus saja menyerupai pada blog ini. Makara perhatikan langkah-langkahnya dan jangan sambil tidur agar tidak nyasar kemana-mana, dan pastikan blog anda sudah terpasang jquery library dan font awesome.
Model pertama untuk pengguna 3 sistem komentar
Pastikan bahwa blog anda sudah memakai kotak pesan untuk 3 sistem komentar. Jika belum, silahkan buat kotak pesan pada url postingan KompiAjaib dibawah ini:
/search?q=cara-membuat-top-disqus-commentators
Selanjutnya kita akan menyisipkan top disqus commentators pada kotak pesan disqus.
1. Silahkan cari instruksi dibawah ini dan tambahkan instruksi menyerupai yang saya tandai;
.tombol-pesan{display:block;font-weight:500;float:left;} lalu simpan instruksi dibawah ini diatas </head> <b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
.topcomment-sh{display:inline;float:right;font-size:12px;line-height:1.5;border-radius:3px;padding:2px 5px;color:#fff!important;background-color:#337ab7;border-color:#2e6da4;box-sizing:border-box;font-weight:400;margin-left:10px;cursor:pointer;}
.topcomment-sh:hover{color:#fff;background-color:#286090;border-color:#204d74}
#topcomment{display:block;width:100%;margin:0 auto;padding:10px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto}
#topcomment-box{padding-top:30px;display:none}
.dsq-widget ul.dsq-widget-list{padding:0!important;margin-right:-30px!important;text-align:left}
img.dsq-widget-avatar{margin:0 10px 7px 0!important;width:58px!important;height:58px!important;padding:0!important;float:left;border-radius:3px!important}
li.dsq-widget-item{margin:0 2% 5px 0!important;padding:0 0 4px!important;list-style-type:none;clear:none!important;border-bottom:1px solid #ddd;display:inline;float:left;width:30.333333%}
a.dsq-widget-user{font-weight:500!important;display:block!important;margin-bottom:5px}
a.dsq-widget-user:hover{color:#444}
/*]]>*/
</style>
</b:if> 2. Copy instruksi dibawah ini
<div class='topcomment-sh' onclick='toggleNavPanel1('topcomment-box')'><i aria-hidden='true' class='fa fa-comments'/> <span id='topcomment-button'>Show Top Commentators</span></div>
<div id='topcomment-box'>
<div class='dsq-widget' id='topcomment'>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://user-name.disqus.com/top_commenters_widget.js?num_items=9&hide_mods=1&hide_avatars=0&avatar_size=32\"></scr" + "ipt>");
//]]>
</script>
</div>
</div>
<div class='clear'/> Keterangan:username : ganti dengan user nama disqus andanum_items : jumlah tampilan (silahkan atur jumlahnya)hide_mods : sembunyikan komentar admin (1 sembunyi, 0 tampil)hide_avatars : sembunyikan gambar (1 sembunyi, 0 tampil)avatar_size : mengatur ukuran gambar userdan simpan / paste sempurna diatas instruksi berikut;
<div id='isi-pesan'> 3. Terakhir simpan script dibawah ini diatas
</body> <b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function toggleNavPanel1(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")}
$("a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</b:if> Model kedua untuk pengguna komentar disqus saja
Jika blog anda hanya memakai komentar disqus dan ingin menciptakan pesan komentar menyerupai pada blog ini, silahkan perhatikan langkah dibawah ini:
1. Gunakan instruksi dibawah ini dan simpan diatas
</head> <b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
.pesan-komentar{background:#444;padding:5px 10px 10px;width:auto;margin:20px 0;line-height:1.3em;position:relative;font-weight:400;border:1px solid #ddd;font-size:14px;color:#fff}
.pesan-komentar:before{content:"";width:0;height:0;position:absolute;bottom:-22px;left:14px;border:11px solid transparent;border-color:#fff transparent transparent}
.pesan-komentar:after{content:"";width:0;height:0;position:absolute;bottom:-20px;left:15px;border:10px solid transparent;border-color:#444 transparent transparent}
.pesan-komentar ul li{margin:0 20px;padding-left:0;list-style-type:disc}.btn,.mata,.parser,button{cursor:pointer}
.parser{float:left}
.checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee;display:none}
#codes,#codes2{border:1px solid #ddd;width:100%;height:150px;display:block;background-color:#efefef;border-radius:3px;font:400 12px 'Courier New',Monospace;margin:7px 0 10px;padding:5px;box-sizing:border-box}
#opt1,#opt2,#opt3,#opt4,#opt5,.btn,.parser{display:inline-block;vertical-align:middle}
#codes:focus{background-color:#fff;color:#000;border:1px solid #ccc;outline:0}
.button-group{float:left;text-align:left;margin:-3px auto 0}
.button-group span{font:14px Tahoma,Verdana,Arial,Sans-Serif;vertical-align:2px;line-height:1;color:#555}
#opt1,#opt2,#opt3,#opt4,#opt5{border:none;outline:0;margin:0 10px 0 0}
#opt10,#opt11,#opt12,#opt13,#opt14,#opt15,#opt16,#opt17,#opt18,#opt19,#opt20,#opt6,#opt7,#opt8,#opt9{display:inline-block;vertical-align:middle;border:none;outline:0;margin:0}
.checkbox span{font:14px Tahoma,Verdana,Arial,Sans-Serif;vertical-align:middle;line-height:1;color:#555;margin-right:10px}
.btn,.btn:active{background-image:none}
.btn,.parser{font-weight:400;padding:6px 12px;margin-bottom:5px;font-size:14px;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;border-radius:4px}
.btn:active:focus,.btn:focus,.parser:active:focus,.parser:focus{outline:0}
.btn:focus,.btn:hover,.parser:focus,.parser:hover{color:#333;text-decoration:none;outline:0}
.btn:active,.parser:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-primary,.parser,.parser a{color:#fff!important;background-color:#337ab7;border-color:#2e6da4}
.btn-primary:focus,.button-group button:disabled,.parser:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:active,.btn-primary:hover,.parser:active,.parser:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-danger{color:#fff!important;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}
.btn-danger:active,.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-xs,.parser{font-size:12px;line-height:1.5;border-radius:3px;padding:1px 5px}
#isi-pesan{display:block}
#konversi-pesan,#parser{display:none}
#isi-pesan li,#isi-pesan ul{list-style-type:disc!important}
#isi-pesan ul{padding-left:5px;margin-bottom:5px}
#parser{padding:0;margin:5px 0}
input.button-parse{padding:5px}
.strike{text-decoration:line-through}
.mata{float:right;padding-top:1px}
.clear{clear:both}
.topcomment-sh{display:inline;float:left;font-size:12px;line-height:1.5;border-radius:3px;padding:2px 5px;color:#fff!important;background-color:#337ab7;border-color:#2e6da4;box-sizing:border-box;font-weight:400;margin-left:10px;cursor:pointer;}
.topcomment-sh:hover{color:#fff;background-color:#286090;border-color:#204d74}
#topcomment{display:block;width:100%;margin:0 auto;padding:10px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto}
#topcomment-box{padding-top:30px;display:none}
.dsq-widget ul.dsq-widget-list{padding:0!important;margin-right:-30px!important;text-align:left}
img.dsq-widget-avatar{margin:0 10px 7px 0!important;width:58px!important;height:58px!important;padding:0!important;float:left;border-radius:3px!important}
li.dsq-widget-item{margin:0 2% 5px 0!important;padding:0 0 4px!important;list-style-type:none;clear:none!important;border-bottom:1px solid #ddd;display:inline;float:left;width:30.333333%}
a.dsq-widget-user{color:#ff0;font-weight:500!important;display:block!important;margin-bottom:5px}
a.dsq-widget-user:hover{color:#fff}
/*]]>*/
</style>
</b:if> 2. Selanjutnya copy instruksi dibawah ini;
<b:includable id='pesan-komentar' var='post'>
<div class='pesan-komentar' id='pesan-komentar'>
<div id='isi-pesan'>
<b>Note :</b>
<ul>
<li>Gunakan bahasa ramah lingkungan. Link promo masuk <b>Spam</b></li>
<li>Jika tidak mempunyai akun disqus, silahkan login dengan akun media umum anda.</li>
<li>Gunakan <b>parse tool</b> untuk style teks dan instruksi HTML.</li>
</ul>
<b:if cond='data:blog.isMobileRequest == "false"'>
<div class='parser' onclick='toggleNavPanel2('parser')'><i aria-hidden='true' class='fa fa-code'/> <span id='parser-button'>Show Parser Box</span></div>
<div class='topcomment-sh' onclick='toggleNavPanel1('topcomment-box')'><i aria-hidden='true' class='fa fa-comments'/> <span id='topcomment-button'>Show Top Commentators</span></div>
<div id='topcomment-box'>
<div class='dsq-widget' id='topcomment'>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://nomifrod.disqus.com/top_commenters_widget.js?num_items=9&hide_mods=1&hide_avatars=0&avatar_size=32\"></scr" + "ipt>");
//]]>
</script>
</div>
</div>
<div class='clear'/>
<div id='parser'>
<textarea id='codes' placeholder='Tulis/paste instruksi atau teks di sini lalu klik tombol yang sesuai.' spellcheck='false'/> <span class='button-group'>
<button class='btn btn-primary btn-xs' id='cvrt3' onclick='strongConvert();this.disabled = true;'>strong</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='emConvert();this.disabled = true;'>em</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='uConvert();this.disabled = true;'>u</button>
<button class='btn btn-primary btn-xs' id='cvrt5' onclick='strikeConvert();this.disabled = true;'>strike</button>
<button class='btn btn-primary btn-xs' id='cvrt7' onclick='preConvert();this.disabled = true;'>pre</button>
<button class='btn btn-primary btn-xs' id='cvrt8' onclick='codeConvert();this.disabled = true;'>code</button>
<button class='btn btn-primary btn-xs' id='cvrt9' onclick='precodeConvert();this.disabled = true;'>pre code</button>
<button class='btn btn-primary btn-xs' id='cvrt10' onclick='spoilerConvert();this.disabled = true;'>spoiler</button>
<button class='btn btn-danger btn-xs' onclick='cdClear();'>Bersihkan</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/>
<input checked='' id='opt2' type='checkbox'/>
<input checked='' id='opt3' type='checkbox'/>
<input checked='' id='opt4' type='checkbox'/>
<input checked='' id='opt5' type='checkbox'/><br/>
<input checked='' id='opt6' type='checkbox'/> <span>strong</span>
<input checked='' id='opt7' type='checkbox'/> <span>em</span>
<input checked='' id='opt8' type='checkbox'/> <span>u</span>
<input checked='' id='opt9' type='checkbox'/> <span>strike</span><br/>
<input checked='' id='opt10' type='checkbox'/> <span>pre</span>
<input checked='' id='opt11' type='checkbox'/> <span>code</span>
<input checked='' id='opt12' type='checkbox'/> <span>pre code</span>
<input checked='' id='opt13' type='checkbox'/> <span>spoiler</span><br/>
</span>
</div></b:if>
</div>
<div class='clear'/>
</div>
</b:includable> dan simpan sempurna dibawah instruksi epilog pada instruksi berikut;<b:includable id='threaded_comments' var='post'>
................
................
................
</b:includable> 3. Lalu copy instruksi pemanggil kotak pesan disqus dibawah ini;
<b:include data='post' name='pesan-komentar'/> dan simpan sempurna diatas instruksi berikut; <div class='comments' id='comments'> 4. Terakhir simpan script berikut diatas
</body> <b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function cdClear(){var e=document.getElementById("codes");e.value="",e.focus();for(var t=document.querySelectorAll("#cvrt3, #cvrt4, #cvrt5, #cvrt6, #cvrt7, #cvrt8, #cvrt9, #cvrt10, #cvrt11"),c=0;c<t.length;c++)t[c].disabled=!1}function preConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),o=document.getElementById("opt3"),n=document.getElementById("opt4"),d=document.getElementById("opt5"),r=document.getElementById("opt10");t=t.replace(/\t/g," "),r.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),o.checked&&(t=t.replace(/"/g,""")),n.checked&&(t=t.replace(/</g,"<")),d.checked&&(t=t.replace(/>/g,">")),t=t.replace(/^/,"<pre>"),t=t.replace(/$/,"</pre>"),e.value=t,e.focus(),e.select())}function codeConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),o=document.getElementById("opt3"),n=document.getElementById("opt4"),d=document.getElementById("opt5"),r=document.getElementById("opt11");t=t.replace(/\t/g," "),r.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),o.checked&&(t=t.replace(/"/g,""")),n.checked&&(t=t.replace(/</g,"<")),d.checked&&(t=t.replace(/>/g,">")),t=t.replace(/^/,"<code>"),t=t.replace(/$/,"</code>"),e.value=t,e.focus(),e.select())}function precodeConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),o=document.getElementById("opt3"),n=document.getElementById("opt4"),d=document.getElementById("opt5"),r=document.getElementById("opt12");t=t.replace(/\t/g," "),r.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),o.checked&&(t=t.replace(/"/g,""")),n.checked&&(t=t.replace(/</g,"<")),d.checked&&(t=t.replace(/>/g,">")),t=t.replace(/^/,"<pre><code>"),t=t.replace(/$/,"</code></pre>"),e.value=t,e.focus(),e.select())}function spoilerConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt13");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/^/,"<spoiler>"),t=t.replace(/$/,"</spoiler>"),e.value=t,e.focus(),e.select())}function strongConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt6");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/^/,"<strong>"),t=t.replace(/$/,"</strong>"),e.value=t,e.focus(),e.select())}function emConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt7");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/^/,"<em>"),t=t.replace(/$/,"</em>"),e.value=t,e.focus(),e.select())}function uConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt8");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/^/,"<u>"),t=t.replace(/$/,"</u>"),e.value=t,e.focus(),e.select())}function strikeConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt9");t=t.replace(/\t/g," "),c.checked&&(t=t.replace(/^/,"<strike>"),t=t.replace(/$/,"</strike>"),e.value=t,e.focus(),e.select())}function toggleNavPanel2(e){var t=document.getElementById(e),c=document.getElementById("parser-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Parser Box"):(t.style.display="block",c.innerHTML="Hide Parse Box")}
function toggleNavPanel1(e){var t=document.getElementById(e),c=document.getElementById("topcomment-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Commentator"):(t.style.display="block",c.innerHTML="Hide Top Commentator")}
$("a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</b:if> Supaya tidak mengganggu loading blog, anda dapat menghosting dan men-defer script diatas di penyedia hosting kesayangan anda tapi jangan di google drive alasannya sudah ditutup. lalu gunakan script dibawah ini;
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="url-hosting.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if> ganti yang saya tandai dengan url file.js tersebut.
selesai dan selamat mencoba...
Jadi Bakir Cara Gampang Menciptakan Top Blogger Commentators Dengan Show Hide
Beberapa hari terakhir ini saya mulai sering mengobrek isyarat HTML blogger dan berhasil menciptakan top disqus commentators, itu menciptakan saya ingin tau dan bertanya-tanya "bagaimana cara menciptakan top commentators untuk komentar blogger?" sehingga saya mencoba mencari rujukan script untuk menampilkan Top Blogger Commentators. Seperti biasa script widget top commentators ini untuk dipasang di sidebar, baik itu komentar blogger atau disqus. Dan saya mencoba untuk sanggup tampil di atas kolom komentar.
Untuk demo silahkan menuju ke blog percobaan saya (http://rengpos.blogspot.com), lalu coba tes koment yang banyak. hehe...
Oke eksklusif saja jikalau anda ingin juga memasang / menciptakan top blogger commentators ini, silahkan ikuti langkah-langkahnya berikut ini:
1. Silahkan simpan css berikut diatas
</head><b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/*<![CDATA[*/
.topblogger-sh{display:inline;float:right;font-size:12px;line-height:1.5;border-radius:3px;padding:2px 5px;color:#fff!important;background-color:#337ab7;border-color:#2e6da4;box-sizing:border-box;font-weight:400;margin-left:10px;cursor:pointer;}
.topblogger-sh:hover{color:#fff;background-color:#286090;border-color:#204d74}
#topblogger{display:block;width:100%;margin:0 auto;padding:10px 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto}
#topblogger-box{padding-top:30px;display:none}
.top-commenter-line {font-weight:300;margin:0 2% 5px 0!important;padding:0 0 4px!important;list-style-type:none;clear:none!important;border-bottom:1px solid #ddd;display:inline;float:left;width:30.333333%}
.top-commenter-line a{color:#666!important;font-weight:500!important}
.top-commenter-line a{color:#e8554e!important;}
.top-commenter-line .profile-name-link {padding-left:0;text-align:left;display:inline;}
.top-commenter-avatar {vertical-align:middle;float:left;margin-right:5px;}
/*]]>*/
</style>
</b:if> 2. Kemudian copy isyarat dibawah ini
<b:includable id='top-blogger' var='post'>
<div class='topblogger-sh' onclick='toggleNavPanel3('topblogger-box')'><i aria-hidden='true' class='fa fa-comments'/> <span id='topblogger-button'>Show Top Blogger</span></div>
<div id='topblogger-box'>
<script type='text/javascript'>
//<![CDATA[
var maxTopCommenters = 9;var excludeUsers = ["Nama-akun-blogger"];var txtTopLine = '[image] [user] [[count]]';var txtNoTopCommenters = 'No top commentators at this time.'; var sizeAvatar = 50; var cropAvatar = true; var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ZJJ8U0zTHuejzM3vL3NYLkWQtAlVzNSaCaJjs6KSyaMnsDWM84mpftGFBw0TbtM7yIZWGyY8N2ShEcy5AvfeKlswCrnzz153JuGvH-XGlp6JBtT-ZhnHFY2bp6SeOKeWcT4DhpVu7vk/"+sizeAvatar+"/avatar_blue_m_96.png"; var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;var urlMyProfile = '';var urlMyAvatar = '';var txtAnonymous = '';var maxUserNameLength = 0;var minComments = 1;var numDays = 0;var excludeMe = true;if(!Array.indexOf) {Array.prototype.indexOf=function(obj) {for(var i=0;i<this.length;i++) if(this[i]==obj) return i;return -1;}}function replaceTopCmtVars(text, item, position){if(!item || !item.author) return text;var author = item.author;var authorUri = "";if(author.uri && author.uri.$t != "")authorUri = author.uri.$t;var avaimg = urlAnoAvatar;var bloggerprofile = "http://www.blogger.com/profile/";if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile) avaimg = author.gd$image.src;else {var parseurl = document.createElement('a'); if(authorUri != "") {parseurl.href = authorUri;avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;}}if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "") avaimg = urlMyAvatar;if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "") avaimg = urlNoAvatar;var newsize="s"+sizeAvatar;avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");if(cropAvatar) newsize+="-c";avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");var authorName = author.name.$t;if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)authorName = txtAnonymous;var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>'; if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)authorName = authorName.substr(0, maxUserNameLength-3) + "..."; var authorcode = authorName;if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>'; text = text.replace('[user]', authorcode);text = text.replace('[image]', imgcode);text = text.replace('[#]', position);text = text.replace('[count]', item.count);return text;}var topcommenters = {};var ndxbase = 1;function showTopCommenters(json) {var one_day=1000*60*60*24;var today = new Date();if(urlMyProfile == "") {var elements = document.getElementsByTagName("*");var expr = /(^| )profile-link( |$)/;for(var i=0 ; i<elements.length ; i++)if(expr.test(elements[i].className)) {urlMyProfile = elements[i].href;break;}}for(var i = 0 ; i < json.feed.entry.length ; i++ ) {var entry = json.feed.entry[i];if(numDays > 0) {var datePart = entry.published.$t.match(/\d+/g); var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));if(days > numDays) break;}var authorUri = "";if(entry.author[0].uri && entry.author[0].uri.$t != "")authorUri = entry.author[0].uri.$t;if(excludeMe && authorUri != "" && authorUri == urlMyProfile)continue;var authorName = entry.author[0].name.$t;if(excludeUsers.indexOf(authorName) != -1)continue;var hash=entry.author[0].name.$t + "-" + authorUri;if(topcommenters[hash])topcommenters[hash].count++;else {var commenter = new Object();commenter.author = entry.author[0];commenter.count = 1;topcommenters[hash] = commenter;}}if(json.feed.entry.length == 200) {ndxbase += 200;document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');return;} var tuplear = [];for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);tuplear.sort(function(a, b) {if(b[1].count-a[1].count)return b[1].count-a[1].count;return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;});var realcount = 0;for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {var item = tuplear[i][1];if(item.count < minComments)break;document.write('<di'+'v class="top-commenter-line">');document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));document.write('</d'+'iv>');realcount++;}if(!realcount)document.write(txtNoTopCommenters);}document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
//]]>
</script>
</div>
</b:includable>silahkan ganti
nama-aku-blogger diatas, dan angka 9 untuk menampilkan jumlah top comment. Lalu simpan / paste sempurna dibawah isyarat epilog pada isyarat berikut;<b:includable id='threaded_comments' var='post'>
................
................
................
</b:includable> 3. Selanjutnya kopy isyarat dibawah ini untuk menampilkan top comment-nya
<b:include data='post' name='top-blogger'/> Dan untuk menyimpannya ada 2 cara:
pertama; jikalau blog anda memakai konversi tool komentar blogger ala kompi ajaib, silahkan paste kodenya diatas isyarat berikut:
<div id='konversi-pesan'> kedua; jikalau blog anda tidak memakai konversi tool komentar blogger, sanggup disimpan sempurna diatas isyarat berikut:
<data:blogTeamBlogMessage/> (biasanya ada 4, saya sendiri menyimpannya pada isyarat kedua dan keempat)4. Terakhir silahkan simpan script berikut ini diatas
</body><b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
function toggleNavPanel3(e){var t=document.getElementById(e),c=document.getElementById("topblogger-button"),l="block";t.style.display==l?(t.style.display="none",c.innerHTML="Show Top Blogger"):(t.style.display="block",c.innerHTML="Hide Top Blogger")}
$("a").filter(function(){return this.hostname&&this.hostname!==location.hostname}).attr('rel', 'nofollow').attr('target', '_blank');
//]]>
</script>
</b:if> jikalau yang saya tandai sudah ada, dihapus saja.Selesai dan selamat mencoba...
Kode script saya dapatkan disini:
/search?q=pasang-top-disqus-commentators-pada-kotak-pesan
/search?q=pasang-top-disqus-commentators-pada-kotak-pesan
Subscribe to:
Posts (Atom)