MODIF CODE HTML

Modifikasi Tampilan HTML Code Warna - Warni

BLOG HTML 5 DAN CSS 3

Membuat Blog Menjadi HTML 5 dan CSS 3

TIP DESAIN GRAFIS

Cara Meraih Sukses Design Grafis

TIPS MENGUASAI OFFICE

Panduan Tips dan Trik memahami dan Menggunakan Microsoft Office Secara Benar

SISTEM JARINGAN INTERNET

Langkah - langkan membangun sebuah jaringan sederhana di semua lingkungan

Cara Sharing printer Di Windows 10

Buka Control Panel dan pilih Devices & Printers. Klik kanan salah satu printer yang ingin di-sharing dan pilih "See what's printing". Pada contoh saya akan sharing printer tipe Epson L300 Series.
Cara Sharing Printer di Windows 10
Cara Sharing Printer di Windows 10

Kemudian pilih menu Printer > Sharing...
Cara Sharing Printer di Windows 10
Cara Sharing Printer di Windows 10




Akan muncul jendela dengan tab Sharing. Tekan tombol "Change Sharing Options" agar fitur sharing aktif. Beri tanda centang pada "Share this printer" dan isikan nama printer yang akan di-sharing. Usahakan isi nama sesingkat mungkin tapi tetap jelas, misalnya EpsonL300. Klik OK.


Cara Sharing Printer di Windows 10
Cara Sharing Printer di Windows 10

Untuk pengaturan komputer lain yang ingin terhubung ke printer ini, gunakan Add Printer Wizard pada jendela Devices and Printers. Pilih "Select a shared printer by name". Isikan nama komputer dimana printer berada diikuti dengan nama printer yang disharing dalam format: //namakomputer/namaprinter. Dalam contoh ini nama komputernya adalah Server dan nama printer yang di-sharing adalah EpsonL300.

Cara Sharing Printer di Windows 10
Cara Sharing Printer di Windows 10
Jika Anda tidak tahu nama komputer Anda, Anda dapat melihatnya pada System Properties dengan cara buka File Explorer > klik kanan pada This PC atau Computer > Properties. Pada jendela System Properties, terdapat tulisan "computer name", itulah nama komputer yang harus Anda gunakan. Pastikan untuk menggunakan nama komputer dimana printer berada, bukan komputer yang ingin terhubung ke printer melalui jaringan.

Perangkat pembelajaran Guru

Keberhasilan seorang guru dalam pembelajaran sangatlah diharapkan, untuk memenuhi tujuan tersebut diperlukan suatu persiapan yang matang. Suparno (2002) mengemukakan sebelum guru mengajar (tahap persiapan) seorang guru diharapkan mempersiapkan bahan yang mau diajarkan, mempersiapkan alat-alat peraga/parktikum yang akan digunakan, mempersiapkan pertanyaan dan arahan untuk memancing siswa aktif belajar, mempelajari keadaan siswa, mengerti kelemahan dan kelebihan siswa, serta mempelajari pengetahuan awal siswa, kesemuanya ini akan terurai pelaksanaannya di dalam perangkat pembelajaran.
Suhadi, (2007:24) mengemukakan bahwa “Perangkat pembelajaran adalah sejumlah bahan, alat, media, petunjuk dan pedoman yang akan digunakan dalam proses pembelajaran.”  Dari uraian tersebut dapatlah dikemukakan bahwa perangkat pembelajaran adalah sekumpulan media atau sarana yang digunakan oleh guru dan siswa dalam proses pembelajaran di kelas, serangkaian perangkat pembelajaran yang harus dipersiapkan seorang guru dalam menghadapi pembelajaran di kelas, berikut dalam tulisan ini kami membatasi perangkat pembelajaran hanya pada: (a) Rencana pelaksanaan Pembelajaran (RPP), Buku siswa (BS), Buku Pegangan Guru (BPG), Lembar Kegiatan Siswa (LKS), dan Tes Hasil Belajar.

A. PERANGKAT PEMBELAJARAN GURU SD
     A. KURIKULUM 2013 
     B. KURIKULUM KTSP
B. PERANGKAT PEMBELAJARAN GURU SMP 
     A. KURIKULUM 2013
     B. KURIKULUM KTSP

C. PERANGKAT PEMBELAJARAN GURU SMA 

     A. KURIKULUM 2013
     B. KURIKULUM KTSP
Perangkat pembelajaran merupukan hal yang harus disiapkan oleh guru sebelum melaksanakan pembelajaran. Dalam KBBI (2007: 17), perangkat adalah alat atau perlengkapan, sedangkan pembelajaran adalah proses atau cara menjadikan orang belajar. Menurut Zuhdan, dkk (2011: 16) perangkat pembelajaran adalah alat atau perlengkapan untuk melaksanakan proses yang memungkinkan pendidik dan peserta didik melakukan kegiatan pembelajaran. Perangkat pembelajaran menjadi pegangan bagi guru dalam melaksanakan pembelajaran baik di kelas, laboratorium atau di luar kelas. Dalam Permendikbud No. 65 Tahun 2013 tentang Standar Proses Pendidikan Dasar dan Menengah disebutkan bahwa penyusunan perangkat pembelajaran merupakan bagian dari perencanaan pembelajaran. Perencanaan pembelajaran dirancang dalam bentuk silabus dan RPP yang mengacu pada standar isi. Selain itu, dalam perencanaan pembelajaran juga dilakukan penyiapan media dan sumber belajar, perangkat penilaian, dan skenario pembelajaran.

Source: http://www.eurekapendidikan.com/2015/02/definisi-perangkat-pembelajaran.html
Disalin dan Dipublikasikan melalui Eureka Pendidikan
Perangkat pembelajaran merupukan hal yang harus disiapkan oleh guru sebelum melaksanakan pembelajaran. Dalam KBBI (2007: 17), perangkat adalah alat atau perlengkapan, sedangkan pembelajaran adalah proses atau cara menjadikan orang belajar. Menurut Zuhdan, dkk (2011: 16) perangkat pembelajaran adalah alat atau perlengkapan untuk melaksanakan proses yang memungkinkan pendidik dan peserta didik melakukan kegiatan pembelajaran. Perangkat pembelajaran menjadi pegangan bagi guru dalam melaksanakan pembelajaran baik di kelas, laboratorium atau di luar kelas. Dalam Permendikbud No. 65 Tahun 2013 tentang Standar Proses Pendidikan Dasar dan Menengah disebutkan bahwa penyusunan perangkat pembelajaran merupakan bagian dari perencanaan pembelajaran. Perencanaan pembelajaran dirancang dalam bentuk silabus dan RPP yang mengacu pada standar isi. Selain itu, dalam perencanaan pembelajaran juga dilakukan penyiapan media dan sumber belajar, perangkat penilaian, dan skenario pembelajaran.

Source: http://www.eurekapendidikan.com/2015/02/definisi-perangkat-pembelajaran.html
Disalin dan Dipublikasikan melalui Eureka Pendidikan

Rumus Excel Tidak Otomatis Dalam Perhitungan

Microsoft Excel Merupakan salalh satu aplikasi dalam pembauatan laporan menggunakan angka, oleh karena itu rumus perhitungan dapat dibuat untuk mempermudah user dalam membuat laporan yang cepat tepat dan transparan.

Penyebabnya adalah fungsi otomatis formula tidak dijalankan,,atau fungsinya tidak tercentang. untuk mengeceknya , klik pada menu formula kemudian klik menu calculation option dan perhatikan fungsi otomatisnya, apabila tidak tercentang, maka fungsi rumus pada MC Excel tidak akan melakukan penjumlahan secara otomatis

Perhatikan Gambar berikut ini untuk mengaktifkan rumus Excel bekerja otomatis

Analisis Soal Dua Paket dan Satu Paket Semua Jenjang







Aplikasi Analisis  Hasil Ulangan Harian, Mid Semester, UAS untuk semua jenjang sebagai program Administrasi yang dilengkapi dengan  evaluasi penilain secara otomatis untuk satu paket dan dua paket

  •     Dua Cara : Pilihan ganda - Benar atau Salah
  •     Pertanyaan dan Jawaban Secara Sederhana, Mudah di edit Maksimal 5 Pertanyaan
  •     Hasil Ujian Dapat di simpan dalam bentuk teks sederhana
  •     Pertanyaan siswa boleh sama tapi urutan bisa berbeda
  •     Hasil Ujian dapat di evaluasi parameternya oleh Guru
  •     Penalti Untuk Menebak Secara Acak
  •     Koreksi Jawaban Yang Salah

ANALISIS SATU PAKET
ANALISIS DUA PAKET


Slide Show Gambar Terbaik Di Blogger


  • Pertama-tama masuk ke dasboard blogspot Anda, lalu pilih Template, Edit HTML. Cari kode ]]></b:skin> atau </style>  di bagian head template. Setelah ketemu (gunakan Ctrl F) copy lalu paste script berikut tepat diatasnya.

.easyslider-wrapper { 

    width: auto; 

    float: left; 

    position: relative; 

    padding-right: 2%; 

    padding-top: 10px; 

    }

.easyslider { 

    overflow: hidden; 

    position: relative; 

    width: 100%; 

    height: 350px; 

    background: #eee; 

    }

.image_reel { 

    position: absolute; 

    top: 0; 

    left: 0; 

    }

.image_reel img { 

    float: left; 

    width: 20%; 

    height: 350px;

    }

.paging { 

    background: none; 

    position: absolute; 

    bottom: 15px; 

    right: 20px; 

    padding:4px 0 2px; 

    z-index: 100; 

    display: none; 

    }

.paging a { 

    margin: 3px; 

    background: #fff; 

    width: 10px; 

    height:10px; 

    display: inline-block; 

    border: none; 

    outline: none;

    }

.paging a.active { 

    background: #15E3FF; 

    border: 1px solid #15E3FF; 

    }

.paging a:hover { }

.easytitledes { 

    width:70%; 

    display: none; 

    position: absolute; 

    bottom: 20px; 

    left: 20px; 

    z-index: 101; 

    background: #000A3F;

    background: rgba(2, 0, 51, 0.6); 

    padding: 10px 15px; 

    }

.easytitledes a { 

    color: #15E3FF; 

    font: 14px sans-serif; 

    text-transform: uppercase; 

    font-weight: bold; 

    }

.easytitledes a:hover { 

    color:#29FF00 

    }

.easytitledes p { 

    color: #fff; 

    font: 12px Arial; 

    }
  • Masukan kode Jquery berikut ini tepat diatas </head>. Namun jika template Anda sudah pernah memasang Jquery dalam versi yang lain, baik itu versi lama, Langsung ke langkah selanjutnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
  • Masukan kode JavaScript berikut diatas </head>.

<script type="text/javascript">

$(document).ready(function() {

    $(".paging").show(); 

    $(".paging a:first").addClass("active");



var imageWidth = $(".easyslider").width(); 

var imageSum = $(".image_reel img").size(); 

var imageReelWidth = imageWidth * imageSum;



    $(".image_reel").css({'width' : imageReelWidth});



rotate = function(){ var triggerID = $active.attr("rel") - 1; 



var image_reelPosition = triggerID * imageWidth;



    $(".paging a").removeClass('active');

        $active.addClass('active');



    $(".easytitledes").stop(true,true).slideUp('slow');

    $(".easytitledes").eq( 

    $('.paging a.active').attr("rel") - 1 ).slideDown("slow"); 

    $(".image_reel").animate({left: -image_reelPosition}, 400 );

    };



rotateSwitch = function(){

    $(".easytitledes").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");



play = setInterval(function(){

    $active = $('.paging a.active').next();



if ( $active.length === 0) {

    $active = $('.paging a:first'); } rotate(); }, 4000); };



rotateSwitch(); $(".image_reel a, .easytitledes a").hover(function() {

    clearInterval(play); }, function() { rotateSwitch();

    });

    $(".paging a").click(function() { $active = $(this);

    clearInterval(play); rotate(); rotateSwitch();  return false;

    });

});

</script>
Ada Dua Cara untuk memasukan Slider  yaitu Secara manual atau otomatis
  •  Menggunakan Slider Manual
Masukan kode berikut di bagian dalam HTML body blog Anda, dibawah kode <div class="main-wrapper" > atau <div id="main-wrapper" > atau baris kode yang sejenis atau mirip, karena struktur setiap Blog memiliki nama yang berbeda-beda.

Karena saya menggunakan template standar dari blogspot yang terbaru, kode itu saya tempatkan dibawah kode <div class='blog-posts hfeed'>. Itu karena saya ingin slider tersebut sejajar dengan kolom postingan. Jika Anda tertarik melakukan hal yang sama, letakkan kode berikut dibawah  <div class='blog-posts hfeed'> yang pertama.


<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div class='easyslider'>

   <div class='image_reel'>

<a href="#"><img src="...image1.jpg" /></a>

<a href="#"><img src="...image2.jpg" /></a>

<a href="#"><img src="...image3.jpg" /></a>

<a href="#"><img src="...image4.jpg" /></a>

<a href="#"><img src="...image5.jpg" /></a>

   </div>

   <div class='descriptionslider'>

<div class="easytitledes"><a href='...post-link1.html'>Post-Title 1</a><p>Description / Caption 1</p></div>

<div class="easytitledes"><a href='...post-link2.html'>Post-Title 2</a><p>Description / Caption 2</p></div>

<div class="easytitledes"><a href='...post-link3.html'>Post-Title 3</a><p>Description / Caption 3</p></div>

<div class="easytitledes"><a href='...post-link4.html'>Post-Title 4</a><p>Description / Caption 4</p></div>

<div class="easytitledes"><a href='...post-link5.html'>Post-Title 5</a><p>Description / Caption 5</p></div>

   </div>

   <div class='paging'>

<a class='' href='#' rel='1'/>

<a class='' href='#' rel='2'/>

<a class='' href='#' rel='3'/>

<a class='' href='#' rel='4'/>

<a class='' href='#' rel='5'/>

   </div>

</div>

</b:if>

Catatan: 
Kode berwarna merah adalah untuk link image atau gambar, Biru untuk link Url posting atau artikel, Wanah hijau untuk Title atau Judul, dan Orange untuk deskripsi. Semuanya dimasukan satu persatu ke dalam baris kode HTML.
  • Menggunakan Slider dengan Otomatis Publish Artikel Terbaru
Pertama-tama, tambahan kode JavaScript berikut ini sebelum atau diatas kode </head> , kode inilah yang akan untuk menampilkan artikel terbaru secara otomatis.


<script type='text/javascript'>//<![CDATA[

imgr = new Array();imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg = true;aBold = true;summaryPost1 = 150;summaryTitle = 20;numposts1 = 5;

function removeHtmlTag(strx,chop){var s = strx.split("<");for(var 
i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i] = 
s[i].substring(s[i].indexOf(">")+1,s[i].length);}}s =  s.join("");s =
 s.substring(0,chop-1);return s;}

function showrecentposts1(json) {j = (showRandomImg) ? 
Math.floor((imgr.length+1)*Math.random()) : 0; img  = new Array(); for 
(var i = 0; i < numposts1; i++) {var entry = json.feed.entry[i];var 
posttitle = entry.title.$t; var pcm; var posturl; if (i == 
json.feed.entry.length) break; for (var k = 0; k < entry.link.length;
 k++) {if (entry.link[k].rel == 'alternate') {posturl = 
entry.link[k].href; break; }}

for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel
 == 'replies' && entry.link[k].type == 'text/html') {pcm = 
entry.link[k].title.split(" ")[0]; break; }} if ("content" in entry) 
{var postcontent = entry.content.$t;} else if ("summary" in entry) { var
 postcontent = entry.summary.$t;} else var postcontent = ""; var trtd = 
'<div class="easytitledes"><a 
href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'...
 </p></div>'; document.write(trtd); j++;}}

function showrecentposts2(json) { j = (showRandomImg) ? 
Math.floor((imgr.length+1)*Math.random()) : 0; img  = new Array(); for 
(var i = 0; i < numposts1 ; i++) { var entry = json.feed.entry[i]; 
var posttitle = entry.title.$t; var pcm; var posturl; if (i == 
json.feed.entry.length) break; for (var k = 0; k < entry.link.length;
 k++) { if (entry.link[k].rel == 'alternate') { posturl = 
entry.link[k].href;  break; }}for (var k = 0; k < entry.link.length; 
k++) {if (entry.link[k].rel == 'replies' && entry.link[k].type 
== 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; }} if 
("content" in entry) {var postcontent = entry.content.$t;}; 
if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = 
s.indexOf("<img"); b = s.indexOf("src=\"",a); c = 
s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); 
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = 
d; var trtd = '<a href="'+posturl+'"><img 
src="'+img[i]+'"/></a>'; document.write(trtd); j++;}}

//]]></script>

Catatan: 
Kode warna Merah adalah link image/gambar yang tampil jika dalam suatu artikel tidak ada gambarnya, sebaiknya anda mengganti link ini dengan link image anda sendiri, supaya pemakaian tidak terbagi-bagi dengan orang lain.

Masukan kode berikut disuatu bagian dalam body template, dibawah <div class="main-wrapper" > atau yang sejenis. Seperti diatas, saya memasang kode ini dibawah kode <div class='blog-posts hfeed'> yang pertama agar slider sejajar dengan postingan.



<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div class='easyslider'>

   <div class='image_reel'>

<script>

document.write(&quot;&lt;script 
src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);

</script>

   </div>

   <div class='descriptionslider'>

<script>         

document.write(&quot;&lt;script 
src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);

</script>

   </div>

   <div class='paging'>

<a class='' href='#' rel='1'/>

<a class='' href='#' rel='2'/>

<a class='' href='#' rel='3'/>

<a class='' href='#' rel='4'/>

<a class='' href='#' rel='5'/>

   </div>

</div>

</b:if>

Kode yang diberi warna merah adalah baris kode pembuka dan penutup untuk menampilkan slider hanya di homepage saja. Jadi slider tidak akan tampil disemua halaman blog. Hanya ketika seseorang melihat homepage atau beranda, slider ini tampil

Setelah yakin dengan hasilnya (preview terlebih dahulu) selanjutnya, Simpan Template.
Jika semua berjalan baik dan lancar maka, saat ini blog Anda sudah memiliki slider sederhana nan elegan. Mudah bukan!. Jika masih ada yang perlu ditanyakan, silahkan mengisi kolom komentar dibawah ini. Terima kasih, semoga bermanfaat.

Aplikasi Raport KTSP SMA Terbaru Semua Jenjang

Aplikasi Raport SMA KTSP Terbaru semua Jenjang dalam satu aplikasi sederhana, mudah dipahami dan tampilan sangat menarik secara otomatis

Daftar Isi Aplikasi :

INPUT DATA UMUM:
  • Input Data Sekolah dan Guru
  • Input Identitas Siswa
  • Input Kegiatan Ekstra dan Pengembangan Diri
  • Input Kegiatan Organisasi
  • Input Absesnsi dan Kpribadian Siswa
  • Input Nilai Raport
LEGER NILAI ( Semester Satu dan Dua )
OUT PUT / PRINT
  • Cover Raport
  • Identitas Diri
  • Nilai Raport  Setiap Jenjang ( X-XI - XII )
 

























Cara Setup a Wireless ad hoc Network di Windows 7

Ada beberapa hal yang harus di setting untuk menjadikan sebuah komputer  menjadi server ad hoc sebagai berikut

Berikut adalah langkah - langkahnya:
1. Klik tombol star dan pilih control panel pada menu.



2. Pada menu control panel pilih view network status and task.

3. Pada network and sharing center pilih menu manage wireless network pada menu bagian kiri.

4. Pada menu manage wireless network pilih add untuk menambahkan jaringan ad hoc

5. Setelah itu akan muncul menu pilihan, kemudian pilih create an ad hoc networks

6. Selanjutnya pilih next untuk melanjutkan proses.

7. Pada menu ini isi nama jaringan ad hoc anda  pada network name dan untuk security type pilih open saja kemudian pilih next

8. Tunggu proses set up selesai dan sukses kemudian pilih close.

 9. Setelah it lihat pada status jaringan pada komputer anda. ad hoc waiting for user

Semoga artikel ini bisa bermanfaat ....

Tips Menjadikan IDM Unlimated

Aplikasi IDM Merupakan aplikasi  yang dibuat untuk memerlancar serta mempercepat proses download  file yang besar dengan waktu yang lama menjadi singkat, walaupun demikian aplikasi ini hanya 30 hari batas aktifnya dan setelah itu harus di aktifkan menggunakan Seial Number, oleh karena itu ada beberapa cara yang ampuh menjadikan Internet Download Manager  menjadi full version dan ini tipsnya

  • Silahkan download file idm dan patchnya di bawah ini
  • Jalankan Instaler ID  sampai selesai
  • Jalankan Patchnya--> masukan first Name dan Last name---Klik OK maka IDM anda menjadi full Versin
  • Kalau muncul Update IDM  harap di abaikan
Empat  langka saja membuat IDM anda tidak berbayar untuk selamanya dan selamat mencoba semoga berhasil

Back to Top