TUJUAN BERDOA

Modifikasi Tampilan HTML Code Warna - Warni

MAKNA DOA

Membuat Blog Menjadi HTML 5 dan CSS 3

MANFAAT DOA

Cara Meraih Sukses Design Grafis

CIRI DOA YANG BAIK

Panduan Tips dan Trik memahami dan Menggunakan Microsoft Office Secara Benar

KEPADA SIAPA KITA BERDOA

Langkah - langkan membangun sebuah jaringan sederhana di semua lingkungan

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

Cara Membuat Kode Barcode Pada Excel

Mengolah data dengan menggunakan microsoft excel sangat membantu kerja anda sehari-hari terutama pekerjaan kantor. Hampir setiap hari karyawan yang bekerja dengan komputer pasti berurusan dengan Microsoft excel. Menguasai fungsi-fungsi pada Ms.Excel dan rumus-rumus Ms. Excel tentunya diperlukan untuk menunjang kerja anda dalam mengolah data. Tipe data yang digunakan oleh Ms. Excel juga sangat beragam dan sesuai dengan kebutuhan anda seperti tipe data Currency, Date, Text,  Number dan lain-lain.  Seiring dengan kemajuan teknologi penggunaan kode yang biasanya terdiri dari angka dan huruf kini sudah mulai beralih dengan menggunakan barkode (Barcode) walaupun barcode itu sendiri terhimpun dari angka atau huruf yang dikonversikan menjadi batang garis.
Tujuan dari penggunaan kode barcode sendiri agar memudahkan memindai barang tertentu yang sudah diberikan kode barcode dengan alat pindai barcode.
Permasalahnya jika dalam pendataan menggunakan Microsoft Excel belum ada jenis data barcode yang bisa kita pilih sebagai data kode.
Sebagai solusinya Microsoft Excel dapat mengkonversi data angka ke kode barcode dengan menyertakan jenis fonts barcode. Ada beberapa jenis fonts barcode yang dapat anda gunakan secara gratis seperti free 3 of 9 extended, C39P24DMTt dan IDAutomationHC39M. Ketiga jenis fonts ini dapat anda unduh di internet secara gratis. Tutorial Microsoft Excel tidak menyediakan link download dalam hal ini.
Ikuti langkah-langkah berikut ini untuk melakukan konversi data barcode  pada Microsoft Excel.
  • Copy hasil download fonts barcode.



  • Paste font free 3 of 9  ke folder/direktori C:windows/fonts (jika anda menggunakan Win 7).  

  • Buka Microsoft Excel Kemudian buatlah buatlah sebuah angka atau kode yang akan dikonversikan ke barcode (seperti gambar di bawah). 


Membuat kode barcode dengan  Microsoft Excel sangat mudah dan cepat, anda hanya perlu type font barcode yang dapat anda download di Internet. Cara ini juga dapat anda aplikasikan pada Microsoft Word. Baca juga artikel kami tentang Perbedaan Fungsi dan Formula Pada Microsoft Excel yang telah kami posting sebelumnya di Tutorial Belajar Microsoft Excel. Semoga artikel ini membantu anda dan selamat bekerja dengan Microsoft Excel

Memasang Jam digital Lengkap di Blog


Kali ini saya akan memberikan tips untuk memasang  Jam, Hari dan Tanggal  yang sangat menarik sederhana untuk diterapkan di blog anda dan di sini tersedia  beberapa pilhan pada menu dan silahkan di lihat dan di pelajari javascriptnya dibawah ini untuk di praktekan, selamat mencoba semoga berhasil

  • Tanggal dengan Javascript:

3 Februari 2016
Kode Javascriptnya:
<script type="text/javascript">
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + " " + months[month] + " " + year);
//-->
</script>
  •  Hari dan Tanggal :

Rabu, 3 Februari 2016
Kode Javascriptnya:
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
    thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
//-->
</script>
  • Jam sekarang (Pasif):

8 : 02
Kodenya Javascriptnya:
<script type="text/javascript">
<!--
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
    curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min);
//-->
</script>
  • Dengan Format AM/PM

8 : 02 AM
Kode Javascriptnya:
<script type="text/javascript">
<!--
var a_p = "";
var d = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
    a_p = "AM";
} else {
    a_p = "PM";
}
if (curr_hour == 0) {
    curr_hour = 12;
}
if (curr_hour > 12) {
    curr_hour = curr_hour - 12;
}

var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
    curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>
Ratapan

  • Jam Sekarang (Aktif):

09:00:45 AM
Kode Javascriptnya:
<div id="clock">
</div>
<script type="text/javascript">
<!--
function showTime() {
    var a_p = "";
    var today = new Date();
    var curr_hour = today.getHours();
    var curr_minute = today.getMinutes();
    var curr_second = today.getSeconds();
    if (curr_hour < 12) {
        a_p = "AM";
    } else {
        a_p = "PM";
    }
    if (curr_hour == 0) {
        curr_hour = 12;
    }
    if (curr_hour > 12) {
        curr_hour = curr_hour - 12;
    }
    curr_hour = checkTime(curr_hour);
    curr_minute = checkTime(curr_minute);
    curr_second = checkTime(curr_second);
 document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
    }

function checkTime(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}
setInterval(showTime, 500);
//-->
</script>
Semoga bermanfaat.


Macam - macam Rumus Info dalam Excel

Rumus INFO merupakan salah satu jenis rumus excel yang mampu menghasilkan informasi mengenai hal-hal yang dibutuhkan. Ada 7 jenis rumus INFO diantaranya adalah :


=INFO("DIRECTORY")
=INFO("NUMFILE")
=INFO("ORIGIN")
=INFO("OSVERSION")
=INFO("RECALC")
=INFO("RELEASE")
=INFO("SYSTEM")

  • 7 jenis rumus INFO tersebut akan menghasilkan beberapa informasi antara lain

=INFO("DIRECTORY") akan menghasilkan posisi direktori tempat menyimpan file yang aktif
=INFO("NUMFILE") akan menghasilkan jumlah lembar kerja / sheet yang aktif dalam file yang sedang dibuka
=INFO("ORIGIN") untuk mengetahui cell yang terlihat dalam spreedsheet
=INFO("OSVERSION") akan menghasilkan informasi versi sistem operasi yang digunakan oleh komputer Anda saat ini
=INFO("RECALC") diguanakan untuk Mengembalikan modus perhitungan kembali - baik Otomatis atau Manual .
=INFO("RELEASE") diguanakan untuk mengetahui versi excel saat ini yang Anda gunakan
=INFO("SYSTEM") untuk menghasilkan nama sistem operasi.


Untuk lebih jelasnya silakan tuliskan rumus diatas, dan kemungkinan beberapa hasil dari rumus yang dituliskan oleh setiap PC berbeda sesuai dengan kondisi diatas. Berikut contoh PC yang saya gunakan dengan menuliskan atau mengetikkan rumus diatas maka akan diperoleh hasil sebagai berikut :

Back to Top